触类旁通：多终端时代的触屏界面设计 电子工业出版社 pdf epub mobi txt 电子书 下载 2025

简体网页||繁体网页

☆☆☆☆☆

美JOSH CLARK乔石·克拉克，C7210 著

图书标签:

• 触屏界面设计
• 用户体验
• 多终端
• 交互设计
• 移动应用
• 人机交互
• UI设计
• 电子工业出版社
• 设计方法论
• 界面规范

店铺： 北京群洲文化专营店

出版社： 电子工业出版社

ISBN：9787121311192

商品编码：29680915963

包装：平装-胶订

出版时间：2017-04-01

基本信息

书名：触类旁通：多终端时代的触屏界面设计

定价：69.00元

作者：(美)JOSH CLARK(乔石·克拉克),C7210

出版社：电子工业出版社

出版日期：2017-04-01

ISBN：9787121311192

字数：

页码：

版次：1

装帧：平装-胶订

开本：16开

商品重量：0.4kg

编辑推荐

---

《触类旁通：多终端时代的触屏界面设计》是一本立足现在，面向未来的触屏设计开山之作，也是一本著译双馨的佳作。
作者Josh Clark（乔什　克拉克）被业内公认为触屏设计领域的“超级行家”，他的前一本Tapworthy(<触动人心>)被视为移动互联网时代触屏手机设计的经典。
《触类旁通：多终端时代的触屏界面设计》根据大量的用户调研数据，从握持方式、用户使用习惯、个体行为差异甚至心理等多方面进行综合分析，提出了触屏界面设计的基本原则、实现的要素、并辅以实际的案例，让读者不仅知其然、知其所以然，而且直接告诉读者如何灵活地付之实践、大幅提升用户体验：一项设计被拿在手里使用的感觉如何？
严谨、务实、强调重点、没有废话，是本书写作上的突出特点。相信读者在阅读的过程中，必能深切地体会到这一点，获得醍醐灌顶般的阅读享受。
译者C7210是知名设计Beforweb.博主(公众号“Beforweb”)，多年来一直致力向读者传达国外的设计理念与技术方法，他选择并翻译的文章深受读者喜爱。

内容提要

---

本书深入触屏人机交互构成的核心，以大量的用户调研数据为基础，分析了多终端时代触屏设备用户使用习惯的变化及其对设计的影响，总结出了触屏界面设计原则和规律，并给出了具体的设计案例。这是一本立足现在、面向未来的设计范本，值得每一位界面设计师及希望进入产品设计行业的读者珍藏并作为案头参考。

目录

---

1　实体化界面 /1
数字与工业设计的融合 /3
人们怎样使用手机 /4
人们怎样使用平板手机 /7
平板电脑：屏幕更大，变数更多 /11
混合型设备：带有键盘的触屏 /13
触屏设备界面布局设计 /17
手机的界面布局 /20
平板手机的界面布局 /30
平板电脑的界面布局 /38
混合型设备的界面布局 /41
2　靠不住的屏幕 /45
靠屏幕尺寸判断输入方式？没那么简单 /46
假设所有设备都有触屏 /49
同时面向触屏和鼠标进行设计 /50
7毫米=足够大 /56
位置，位置，位置：目标元素尺寸与布局的关系 /57
交互元素的小尺寸：44（像素、点、dp） /58
关于em /60
避免拥挤 /61
像素与视口 /62
3　高效的触屏界面 /67
即时呈现 /68
控制内容的高度 /73
被滥用的轮播 /75
精简表单 /81
真的需要键盘吗 /85
选择正确的键盘类型 /87
＜select＞下拉列表 /89
手势vs. 确认对话框 /93
解放双手 /95
4　手势 /99
基础手势 /100
麻烦的按钮 /104
以现实世界为指引 /115
将手势作为快捷方式 /121
混乱与疏导 /124
在网页中实现手势操作的复杂性 /130
聚焦click事件 /132
在相册和轮播中通过CSS实现滑动浏览 /133
中的触控事件 /137
300毫秒的延迟问题 /141
指针事件带来的希望与困扰 /143
怎样发现手势 /146
5　手势的可发现性 /149
与实际行动脱节的前置教学 /149
拟物化设计：“我知道该怎样使用它” /151
界面被拍平之后 /154
不要过于拟真 /156
多玩些游戏 /158
路漫漫其修远 /169
鸣谢 /171

作者介绍

---

Josh Clark是设计咨询公司Big Medium的创始人，专注于互联网设计领域，曾与TechCrunch、TimeInc等多家知名媒体品牌合作打造世界的移动互联体验。Josh曾著有四部书籍，其中包括为的《触动人心：设计的iPhone应用》（Tapworthy: Designing Great iPhone Apps，O’Reilly，2010）。此外，Josh还在世界各地进行讲演，主题涉及数字化界面设计的方方面面。Josh曾于1996年发明Couch-to-5K(C25K)跑步日程表，帮助数百万人进行了有效的运动练习。无论对于健身，还是用户体验设计，Josh都有着相同的座右铭：轻松高效，大家开心(no pain,no pain)。
邹正，笔名C7210 ，交互设计师、UX设计热爱者、VR探索者、译者、猫奴、吉他手、鼓手。希望为设计师及移动互联网相关从业人员提供帮助。

文摘

---

序言

---

洞悉交互变革，引领未来设计 在信息爆炸的时代，我们早已置身于一个多终端交织的数字丛林。从晨起点亮的智能手机，到通勤途中的平板电脑，再到工作台上的笔记本，以及家中的智能电视和嵌入式设备，触屏界面已如空气般渗透进我们生活的方方面面。它们不再是冰冷的电子元件，而是连接我们与数字世界的情感纽带，是思想碰撞、信息获取、生活便捷的桥梁。然而，在如此广泛而深刻的变革浪潮中，我们是否真正理解了触屏界面的精髓？又是否掌握了设计出真正卓越、用户体验至上的触屏界面的核心要诀？ 本书并非对市面上已有的设计理念进行简单的罗列与堆砌，也非对单一设备或特定平台的设计规范作僵硬的复述。相反，它将带领读者超越表象，深入探究多终端触屏界面设计背后更深层次的原则、更普适性的规律，以及更具前瞻性的思考。我们关注的，是那些能够触类旁通，在不同设备、不同场景、不同用户群体中都奏效的设计智慧。 一、 触屏交互的演进与本质：不止是“点”与“滑” 触屏交互并非一蹴而就，其发展历程本身就蕴含着丰富的启示。从早期的电阻屏到如今成熟的电容屏，从简单的点击、滑动，到多点触控、压感、手势识别，每一次技术的飞跃都带来了交互方式的革新，也对设计师提出了新的挑战。本书将梳理触屏交互技术的核心演进，重点剖析其背后的交互心理学原理。我们将深入探讨： “触”的感知与反馈： 用户如何感知触摸？触感的反馈（如震动、声音、视觉变化）在多大程度上影响用户体验？如何设计恰到好处的反馈，既不过于繁杂，又能清晰传达信息？ “滑”的动效与流畅度： 滑动操作的惯性、阻尼、加速度如何影响用户对界面的直观感受？如何通过精妙的动效设计，让滑动体验如丝般顺滑，让信息浏览更加愉悦？ “捏”与“展”的尺度感： 缩放操作（pinch-to-zoom）如何建立用户对虚拟空间的尺度感知？在不同密度的信息布局中，如何平衡缩放的便捷性与信息的易读性？ 多点触控的潜力与局限： 除了基本的缩放和旋转，多点触控还能承载哪些更复杂的交互？在设计中，如何避免用户误操作，有效利用多点触控带来的可能性？ 手势识别的通用性与独特性： 哪些手势已经成为用户习惯？在引入新的手势时，如何确保其易于学习和记忆？如何在不同设备和平台上保持手势的相对一致性，同时又允许平台特性化的创新？ 我们将跳出“模仿真实世界操作”的早期思维，去理解触屏交互的独特优势，例如信息的即时反馈、操作的直接性、界面的高度动态化等，并以此为基础，构建全新的交互模式。 二、 多终端生态下的设计挑战与策略：打破边界，融汇贯通 多终端时代最显著的特征就是“碎片化”和“互联互通”。用户不再局限于单一设备，他们的使用场景、操作习惯、信息需求都在不同设备间无缝切换。这要求设计师必须具备跨终端的全局视野，而不仅仅是针对某个设备进行“像素级”的优化。本书将聚焦多终端设计带来的核心挑战，并提出切实可行的设计策略： 响应式设计与自适应设计的深度解读： 超越简单的布局调整，我们关注响应式设计在内容组织、信息层级、交互模式上的策略性思考。自适应设计又如何与响应式设计互为补充，在特定场景下提供更优的体验？ 跨平台一致性与差异化的平衡艺术： 用户期望在不同设备上获得相似的核心体验，但同时也需要设备特性化的功能和设计。如何找到那个微妙的平衡点，让品牌调性得以延续，同时又能充分发挥各终端的优势？ 信息架构与导航的全局优化： 在多终端场景下，用户如何在一个庞大而互联的信息体系中找到他们需要的内容？我们将探讨如何设计既能在小屏幕上清晰呈现，又能在宽屏上展现全局信息，并支持跨设备协同的导航系统。 设备特性与用户情境的融合： 智能手表、智能电视、车载系统等新型终端，各自拥有独特的输入方式、交互限制和使用情境。如何为这些设备量身定制，或是在通用设计中融入其独特性，提供情境化的优秀体验？ 数据同步与无缝衔接的设计考量： 用户在使用不同设备时，他们的数据（如购物车、阅读进度、搜索历史）往往需要实时同步。如何通过设计，让这种同步对用户来说几乎是“隐形”的，却又能保证数据的准确和及时？ 本书将强调，成功的跨终端设计，是将用户置于中心，理解他们在不同设备上的行为模式，然后通过一致的原则和灵活的策略，为他们构建一个连贯、高效、令人愉悦的数字体验。 三、 精益求精的用户体验设计：细节致胜，情感共鸣 在同质化日益严重的设计领域，细节往往决定成败。一个微小的动画、一个恰当的文字提示、一个符合直觉的图标，都可能成为用户选择或放弃产品的关键。本书将带领读者深入用户体验设计的核心，关注那些能够提升产品“灵魂”的要素： 视觉层面的设计原则与实践： 色彩的力量： 不同色彩的情感联想，色彩在品牌识别、信息引导、情绪传达中的作用。如何利用色彩区分不同终端的重点，以及如何在低对比度环境中保持信息的可读性。 字体与排版： 字体选择对信息可读性和品牌风格的影响。在多终端环境下，如何根据屏幕尺寸和分辨率优化字体大小、行高、字间距，确保内容清晰易读。 图标与图形： 图标的表意性、易识别性。如何在有限的屏幕空间中设计清晰、准确且风格统一的图标系统，并使其在不同尺寸下都能保持良好的视觉效果。 留白与负空间： 留白的艺术，它如何帮助用户聚焦、区分元素、提升界面的呼吸感，避免信息过载。 交互层面的优化与创新： 动效设计的价值： 动效不仅仅是“炫技”，它在引导用户注意力、提供操作反馈、增强界面的生命力方面扮演着至关重要的角色。我们将探讨如何运用动效，让交互更加自然、直观，同时避免过度干扰。 微交互的力量： 那些不为人注意却又至关重要的微小交互，它们如何提升用户满意度，增强产品的精致感，让每一次互动都充满惊喜。 错误处理与容错机制： 设计中不可避免会遇到错误。如何设计清晰、友好的错误提示，并提供有效的解决方案，减少用户 frustration。 可访问性（Accessibility）的设计考量： 确保所有用户，包括有视觉、听觉、运动或认知障碍的用户，都能平等地使用产品。我们将探讨如何将可访问性融入设计流程，使其成为用户体验的基石。 内容与信息设计的最佳实践： 内容优先原则： 在任何终端上，内容始终是核心。如何设计能够适应不同屏幕尺寸和用户需求的结构化内容，并保证其清晰、准确、易于消费。 信息层级与优先级： 如何在有限的屏幕空间内，通过视觉引导和交互设计，清晰地展现信息层级，突出重要内容，让用户能够快速找到所需信息。 用户引导与新手引导： 在复杂功能或新界面中，如何通过引导，帮助用户快速理解和掌握产品的使用方法，降低学习成本。 以用户为中心的设计思维： 用户研究与需求洞察： 强调深入理解目标用户是谁，他们的需求、痛点、行为习惯是什么，是所有优秀设计的起点。 原型制作与可用性测试： 通过快速原型和反复测试，不断验证设计假设，优化交互流程，直至达到用户期望。 本书并非提供一套固定的“模板”，而是倡导一种“触类旁通”的设计思维。我们鼓励设计师去观察、去思考、去实践，从中提炼出适用于不同项目、不同终端的通用设计原则和方法论。我们相信，只有深入理解了触屏交互的本质，掌握了多终端协同的策略，并对用户体验的每一个细节精益求精，才能真正创造出在多终端时代脱颖而出，引领交互变革的卓越设计。

评分☆☆☆☆☆

说实话，我本来对这类技术书籍抱持着比较怀疑的态度，总觉得很多都是炒冷饭或者空泛的理论堆砌，但《触类旁通》这本书彻底颠覆了我的看法。它给我的感觉更像是一份经验老道的行业前辈的私房笔记，充满了实战智慧。我之所以这么说，是因为书中对于设计决策背后的“为什么”进行了深入剖析，而不是简单地告诉你“应该怎么做”。比如，在讨论按钮尺寸和间距时，它不仅引用了Fitts定律等经典理论，更结合了当下主流操作系统和硬件的实际触控精度差异进行权衡。这种层层递进的逻辑链条，让我这个有几年经验的设计师都感觉大受启发。我曾经为平板电脑上的复杂表单设计感到困扰，总觉得信息密度太高会压垮用户，但书中关于“信息分层与渐进披露”的章节，提供了一套优雅的解决方案，让我学会了如何在保持信息完整性的同时，优化用户首次接触时的认知负荷。这本书的深度，在于它把“设计”从美学层面提升到了工程和心理学的交叉领域，非常适合那些想从“画图匠”蜕变为“架构师”的设计师们。

评分☆☆☆☆☆

阅读体验上，《触类旁通：多终端时代的触屏界面设计》这本书的流畅度简直一流。我通常阅读技术类书籍容易感到枯燥，需要反复阅读才能理解其中的技术术语或抽象概念，但这本书的行文风格非常注重叙事的连贯性。作者似乎非常懂得读者的“注意力曲线”，总能在关键概念阐述后，立刻插入一个贴近现实生活或行业前沿的案例进行巩固。我记得有一部分专门讲的是“跨设备手势的迁移性”，一开始读起来有点抽象，感觉手势的记忆负荷是个伪命题，但作者随后引用了几个大型App的实际A/B测试数据，清晰地展示了用户在不同平台间切换时，不一致的手势导致的点击失败率和用户挫败感的对比。这种基于数据的佐证，让原本理论化的内容立刻变得有血有肉，充满了说服力。我甚至在咖啡馆里读的时候，忍不住拿出手机，对照着书中的描述去操作我自己的设备，那种“原来如此”的顿悟感非常强烈，极大地增强了学习的参与性。

评分☆☆☆☆☆

这本书简直是为我量身定做的！我记得当时在网上看到这本书的名字《触类旁通：多终端时代的触屏界面设计》，一下子就被吸引住了，因为我正为我们公司的新项目犯愁，那个项目涉及好几个平台的适配问题，从手机到平板再到触摸屏一体机，每个界面的交互逻辑和视觉呈现都让人头疼。拿到书后，我迫不及待地翻阅起来，发现它不仅仅是罗列了一堆设计规范，而是真正深入地探讨了用户在不同设备上操作时的心理预期和行为模式。作者对触控手势的分析细致入微，比如“滑动”这个简单的动作，在不同情境下应该如何给予恰当的反馈，书中都有非常详尽的案例支撑。我尤其欣赏其中关于“情境感知设计”的章节，它强调了界面设计不能脱离用户所处的环境，光是理解了这一点，我就觉得这本书的价值已经远超预期了。随后的实践中，我发现遵循书中的一些核心原则，我们团队在界面一致性和用户体验的提升上取得了显著成效，很多之前悬而未决的细节问题，在参考了书中的建议后迎刃而解。这本书的排版也很舒服，图文并茂，很多插图和对比图都清晰地展示了“好设计”和“坏设计”的区别，让人一目了然，极大地提高了阅读效率。

评分☆☆☆☆☆

如果非要从一个苛刻的读者的角度吹毛求疵的话，这本书的唯一“缺点”，可能就是它涵盖的知识点实在太过丰富和扎实，导致初次阅读时需要一定的专注度。它不是那种可以随便翻翻、了解个大概的轻量级读物。例如，在讲解如何设计适合户外强光环境下使用的界面亮度与色彩饱和度时，作者引用了光学和显示技术的专业知识，对于完全没有背景知识的读者来说，可能需要停下来做一些额外的背景查询。但这恰恰也是它的优点所在——它拒绝肤浅，坚持深度。对于希望真正精通多终端触屏交互的专业人士而言，这种深度恰恰是他们最需要的“干货”。我个人感觉，这本书更像是一本可以放在案头，随时翻阅查阅的“工具书”和“参考手册”，而不是一次性读完就束之高阁的“故事书”。我已经准备好在接下来的项目迭代中，把它用作主要的参考标准和团队内部培训的教材了。

评分☆☆☆☆☆

对于那些刚踏入移动和触屏设计领域的年轻设计师来说，这本书简直是毋庸置疑的“宝典”。它的结构安排非常科学，从基础的物理交互原理讲起，逐步过渡到高级的系统级设计考量，最后落脚于未来趋势的展望。我特别喜欢它对“可访问性”的重视，很多触屏设计书籍常常忽略了这块，或者只是简单提及。但《触类旁通》中有一个专门的章节深入讨论了视障用户和运动障碍用户在使用触屏界面时可能遇到的挑战，并提供了具体的解决方案，比如高对比度模式下的设计调整和触控目标面积的再定义。这让我意识到，优秀的设计从来都不是孤立的，它必须是包容性的。这本书不仅教会了我如何让产品“好用”，更教会了我如何让产品“对所有人友好”，这种人文关怀的视角，在技术文档中是相当难得的。它帮助我构建了一个更全面、更负责任的设计观。