资深视觉设计师Tania Schlatter和用户界面设计师Deborah　Levinson亲力打造，内容全面且深入，案例翔实，是学习应用视觉设计的最佳指南
既展示数字应用界面视觉设计的基本原则，又全方位讲解各种界面设计工具的使用方法和技巧，为设计复杂的应用界面提供翔实指导
与一般的仅简单告知读者操作方法的图书不同，这本书深刻、严谨、内容架构清晰，首先提供了做应用设计决策的逻辑，然后讲述了设计工具。这种方式是向促进用户理解、提高用户满意度的直观数字应用设计的致意。
——　Christopher Pullman
耶鲁大学艺术学院资深评论家，曾担任WGBH Boston公司设计与品牌副总裁（1973—2008年）


本书详细介绍了根植于理论和现实世界案例的实践技巧，使你在设计数字应用界面的时候避免犯常见的错误、做合理的决定并且实现超越平凡的设计。
基于三大核心设计原则，即一致性、层级和个性，本书验证了这些基础知识在成功的Web应用和移动应用设计的各个方面是如何体现的。无论你是一名设计师、开发者，还是UI设计专业人士，这本融合了作者丰富实践经验的指南都可以让你获得足够多的信息，帮助你为界面设计建立一套健全可靠的基本原理。

通过阅读本书，你将：
发现与成功的跨平台界面设计相关的原则与规则
学习如何战略性地运用设计，驱动团队前进
掌握视觉界面设计的工具——布局、字体、色彩、图像和控件，设计出能帮助用户解读、理解并享受自己所看见和使用的应用界面

内容简介
本书由资深视觉设计师Tania Schlatter和用户界面设计师Deborah　Levinson亲力打造，内容全面且深入，既展示数字应用界面视觉设计的基本原则，又全方位讲解了基于理论和实践的设计方法和细节，使你在设计数字应用界面的时候避免犯常见的错误、做合理的决定，并最终实现超越平凡的应用设计，是学习应用视觉设计的最佳指南。
本书分为两部分，共8章。第一部分（第1～3章）全方位讲解设计应用界面时需要遵守的三大基本原则，即一致性、层级和个性，以及这三大原则的概念、作用、定义过程。第二部分（第4～8章）详细介绍布局、字体、色彩、图像、控件和可控性的视觉可用性工具，并结合实际的案例深入阐明各个工具的使用技巧和使用过程中的常见错误，以及该如何避免。
本书内容翔实、可读性强、易于学习，从基础的知识和概念讲起，并结合实际案例帮助读者理解各个视觉可用性工具的使用方法，是一本学习应用界面视觉设计的不可多得的实践指南。


作者简介
Tania Schlatter　视觉设计师，从事视觉设计已达20年之久，拥有芝加哥设计学院的“以人类为中心的通信系统设计”方向的设计学硕士学位和波士顿大学“图形设计”方向美术学士学位，也曾在瑞典布利沙哥与Paul Rand和Armin Hofmann进行了一个夏天的技术交流。她还担任过AIGA公司的首席体验设计师，现在波士顿的东北大学担任研究生交互信息设计课程的教授。
Deborah Levinson　用户界面设计师，她拥有超过16年帮助设计者、工程师和通信专家发现共同点并成功开发数字应用的经验。她是麻省理工前任站长，也是MIT Guide to Teaching Website Design一书的联合作者。她和Tania共同拥有Nimble Partners公司，这是在波士顿地区的一家用户体验与用户界面设计公司。

译者简介
王晔　某知名互联网公司高级产品设计师，长期耕耘在互联网音乐产品设计领域，并拥有北京邮电大学通信工程学士学位。
熊姿　某互联网投资机构融资顾问，摄影师，曾从事互联网产品设计工作。她拥有北京邮电大学电子商务学士学位，法国国立高等电信管理学院电子商务硕士学位。

“任何类型的视觉交流，无论是劝诱性的还是提供信息的……
都应该被视为形式和功能的具象化，也就是美与实用的结合。”
——Paul Rand，A Designer’s Art，第3页
数字应用是给用户使用的。它们帮助用户达成目的，无论是购买一款礼物、实施研究、处理病患还是管理系统。它们是高度交互的，可展现从数据库中拉取的内容，也可与其他系统通信。它们也可以是动态的，无须我们触碰就会有变化。它们经常提供一种以上的动作，例如查找和管理病患记录。
作为关注复杂应用中用户体验的设计师，我们经常见到应用看上去很棒或者十分好用，但却不是两者兼备。随着这些应用成为我们在工作中使用的、管理生活、社交和娱乐的首要工具，我们相信它们的形式和功能之间的鸿沟可以被拉近，也必须被拉近。
这里有很多潜在因素。实时接入数据增加了这些应用在设计方面的挑战性，也使用户对它们不可抗拒。比较一下在台式计算机上使用电子表格软件的体验与在线使用管理家庭财务的体验：电子表格提供了当前状态的统计视图，你必须手动输入你的银行账户和花销的信息。相反，Mint.com引入了关于你的财务的分钟级数据，并且使用了图表、投射图和推荐工具以提供高度可视化且具有交互性的方式，这种方式不仅可以发掘你现在的状态，还提供你的花销和投资在未来会如何对你产生影响的信息。
挑战
在设计应用时，我们都亲身体会过同时兼顾美感和功能的设计是多么具有挑战性，即便是参与项目的所有人都想要一款很棒的界面，而团队成员经常来自不同的学科，语言和理念有分歧、有冲突，角色有交叉，教育还没有跟上变化的步伐：图形设计培训课程教授别人如何建立“美的”和“创新性的”交互设计，但是这不足以指导设计复杂的视觉系统，而且计算机科学的可用性课程也没有向“杀手级”的、令人满意的界面设计倾斜。
无处不在的数字应用已经冲击并瓦解了我们曾经仰仗的、帮助我们设计和使用基于Web的系统的早期惯例。应用所工作的技术平台和设备的数量已经引发了令人应接不暇的标准和模式的快速演进，依靠带有蓝色下划线的超链接的时代一去不复返了。今天，没有单一的使用模式，没有统一的应用设计的视觉语言。所有的变化都使应用设计变得自由，使应用的使用变成了一种特别的体验。
我们虽然不希望回到蓝色下划线超链接的束缚之下，但还是希望所设计和使用的应用不仅仅是“可用的”那么简单。当客户意识到他们的功能性应用需要看上去更专业，或者由于这些应用太难用以至于要昂贵的支持费用时，他们会找到我们。简而言之，是当他们意识到设计得更好的界面可以提高用户满意度并且让他们从竞争中胜出的时候。在线下的世界，零售巨头Target公司通过应用设计改变了“折扣大盒子”的零售模式，使它的产品和商店变得与众不同。大多数由数据驱动的应用都有点像标准的“大盒子式”零售店：它们无法令人兴奋，但它们是生活的一部分，给很多人提供需要的东西。可以通过运用基于审美原则和对用户的理解的设计来超越那些单调的标准，我们把这种设计称为视觉可用性。
传递正确的信号
界面通过页面和网络在沟通和交互之间形成调和。在这个自动化的环境里，需要由记号和符号组成的视觉语言来指出并提供方向和反馈。Aaron Marcus在他的超前于他所在时代的书——Graphic Design for Electronic Documents and User Interfaces中，称其为“可视语言”。他说：“提升视觉交流的一个主要技术是使用清晰、确切、一致的可视语言。可视语言是指向观看者传达意义的词语和视觉符号。”
复杂的视觉界面可能在一个页面上有很多信息要传递。设计的挑战就是提供秩序、方向和模式来帮助用户处理他们看见的东西并得到有用的信息。通信过程涉及信号发送器、信息、承载了信息的信号、可以解读信息的接收器或观察者。对于这些组成部分的思考会使我们忽视一个真相：设计师和开发者并不能控制整个过程。在界面设计中，在考虑用户预期的情况下选择元素，将这些元素与用户所预期和理解的视觉信号相结合，使得用户更有可能成功地解读一套信息。
我们在使用应用追踪包裹或设置客户账户的时候不需要被娱乐，但是我们的确需要一个界面来帮助我们管理复杂度不断增加的任务，也需要将人性牢记于心。
尝试与结构
本书致力于用户所见的视觉展现，以及如何设计这个视觉展现使用户能看懂。本书旨在帮助任何与数字界面构建相关的人根据从一系列语言和学科中得到的启发和最佳实践定义并维护一套用于设计决策的基本原理。它根植于可用性研究、感知心理学、Web设计、印刷工人的实践、视觉设计原则和通信原理。我们没有将别处已经讲述得很好的东西都写在这本书里（例如，用户体验的最佳实践），而是根据并引用这些原则，将它们作为设计要求来使用。我们的目标是通过一个框架（我们把这个框架称为基本原则）来帮助你设计复杂的应用界面，并做出连接形式和功能的、连接美与高可用性的设计决策。我们会简要介绍界面设计的工具，以向你展示如何正确使用它们，并在设计全程中提供步骤与技巧，对你进行引导。
第一部分：基本原则
在本书的第一部分，我们介绍了三个核心的基本原则：一致性、层级和个性。有许多设计的原则（《设计的法则》第2版列出了125种之多），但是我们认为一致性、层级和个性是影响应用设计的三大基本原则。
你可以把这些基本原则想象为某种语言的一部分。一致性和层级是人们在使用你的应用时所要学习的语法，它是定义一个语言怎么说的基础元素。所说的“单词”（也就是你选择的用来传达信息的视觉设计特征）建立了应用的个性。尽管影响界面的技术会改变，但这些基本原则始终有效。
从第3章起，我们使用一个案例分析：美国农业部的食物与健康追踪应用——SuperTracker的重新设计的例子，以此展示这些基本原则是如何运用的。
第1章：一致性
在应用的视觉设计的语境中，一致性是什么意思呢？它是如何帮助用户的？类似于一门口头语言，视觉语言需要定义惯例并一致地使用这些惯例，这样才能被人理解。第1章包含一个用于理解用户期待的框架，以及关于如何运用视觉设计工具创造一致性的指导。

　　如果一个套件中的相关应用共用一些惯例，例如一致的登录/注册区域和主要按钮的位置与视觉处理，那么它们会更加易于使用
第2章：层级
你如何确定用户注意的是你需要他们注意的东西？视觉层级是对页面上元素相对重要性的感知与解读。第2章解释了层级在界面设计中的角色、如何定义它，以及如何确保你的应用合理地使用层级并通过层级传达信息。

　　一款银行应用页面上不清晰的层级。注意力被带到左上方的彩色区域，但是被强烈的对比和更大的“Recent payments”区域吸引走了。在理想情况下，“Pay a bill”和“Pay a person”部分应该在视觉上更突出，因为这才是用户到这里要做的事情
第3章：个性
John Maeda说过：“所有人都不是仅仅想要完成了本职工作的东西或者体验，他们想要的是可以和他们搭伴儿工作的东西。”吸引力影响用户对于用途的感知。一款应用的个性（也就是告知用户如何感知这款应用的各个视觉部分）有助于建立关于应用是干什么的以及它服务于谁的预期。第3章讨论了如何定义个性及其属性，以及如何在应用中延伸它们。

Oracle的在线推荐应用缺乏个性，错过了激发潜在候选人的机会
第二部分：视觉可用性工具
本书的第二部分定义了应用界面设计的工具，包括：布局、字体、色彩、图像、控件与可供性。我们把它们称为工具，这是因为设计师和开发者操控它们来传达信息和功能。对这些工具的操控和展现（即它们的特征）影响着用户的解读。
这些话题很普通，但是在复杂应用中如何使用它们就不那么普通了。第二部分的重心是战略性地运用这些工具来帮助用户了解应用。每章都有一节专门用来展示SuperTracker案例分析项目的演化，这个项目启动于移动应用设计并延伸到Web版本的重新设计中。
第4章：布局
按钮应该摆在哪里？第4章涉及了位置、对齐、空白区域和网格，这些都会影响用户对元素之间关系的感知。本章也将实践性的布局思考运用在了新的和重新设计的应用的所有级别。
第5章：字体
你需要多少种字型？怎么选择它们？第5章介绍了排版基础理论，综述了如何为应用选择正确的字型，并提供了使字体看上去更专业的经验法则。
第6章：色彩
色彩不是主观的吗？为什么不是只用蓝色？战略性地选择和使用色彩是有逻辑性的。第6章展现了如何使用色彩帮助用户了解他们在哪儿、他们可以做什么以及将合适的属性与你的应用结合起来。这一章也涵盖了如何选择色彩集，以及如何决定在哪里使用不同的色彩。
第7章：图像
如果有，什么样子的图像对你的应用来说是合适的？第7章综述了运用在应用上的图像类型——Logo、摄影作品/视频、插画、图标和图案，并概述了什么时候用哪一种类型。所用例子展现了如何运用图像来创造对比、吸引注意力并在不压垮用户的情况下提供有价值的信息。
第8章：控件与可供性
人们是如何了解自己可以做什么的呢？控件是用户用来与你的应用进行交互的界面元素和方式，可供性是一个控件能被感知到的特性——无论是一个按钮能感受到点击行为，还是一个滑块可拖曳等。第8章概述了控件设计风格并帮助应用揭示它们是做什么的方法和思考。
设计备忘录
由于有许多需要记住的、优秀的界面设计实践方法，本书每一章都包含一个有小技巧的备忘录供读者回顾。
避免犯常见错误
多数可避免的可用性和视觉设计错误与建立一致性有关。这听上去容易，但实际上很有挑战。能避免犯常见错误的界面包含如下特征：
元素对齐排列（见第4章）。
元素被摆放在用户预期的地方（见第1章和第4章）。
相似的元素被摆放成一组（见第1章和第4章）。
字型适用于所使用的场景（见第5章）。
统一的排版标准（见第1章和第5章）。
色彩适用于所使用的场景（见第3章和第6章）。
一致地运用色彩（见第1章和第6章）。
一致地运用和设计控件（见第1章和第8章）。
做合理的决定
有合理基本原理的设计决策会有助于建立和保持一个视觉层级，并且当更改目标、变更需求和添加特性时尤其有用。由合理的决定会得到：
用于建立或支持一个视觉层级的排版标准（见第2章和第5章）。
有助于引导注意力的色彩使用（第6章）。
能增强内容和便于用户理解的图像、Logo及图解（见第7章）。
用合理的控件设计去揭示它们的可供性（见第8章）。
超越平凡
超越平凡就是超越日常的设计以至于能进行更有意义的通信。超越了平凡的应用能传达比基本信息更多的信息，而且用一个能吸引用户的合适个性可以实现更多。超越了平凡的应用可能包括：
能传递合适个性的色彩（见第3章和第6章）。
传递了个性而又不分散用户在内容和使用之上的注意力的字型（见第3章和第5章）。
传递个性并在不分散用户注意力的情况下，加深用户对图像的理解，例如Logo、图表和图案（见第3章和第7章）。
使用动作来揭示并提供有效的反馈（见第8章）。
体现形式与功能
在设计应用时不能驾驭色彩、字体、布局和图像的使用，就像是将一栋房子完全用功利性的陈设填满：它们有用，但是却不能令人愉快。信息架构与技术研发为你提供了睡觉、洗澡和作坊所需要的东西，但是没有提供放松时需要的东西。
同理，一栋没有根据合理的基本原理建起来的房子，一开始看上去可能不错，但是当你重新装修时可能就很难了，并且它的涂料可能会在几个月之内开裂脱落。设计和开发必须协同工作才能创造一个坚实的有漂亮、舒服内室的结构。
不管你在设计或维护哪种类型的应用，我们希望本书能启发你用强调内容的方式改进和推动你的界面设置，以帮助用户工作、寻找、学习和交流，并赢得用户的忠实拥护。
致谢
这本书的问世不仅仅是我们两个人的功劳。特此鸣谢：
曾经的和现在的Morgan-Kaufmann公司员工：Meg Dunkerley、Robyn Day、Heather Scherer和Steve Elliot，他们让本书从一个概念变成了一本实实在在的书籍；还有Rachel Roumeliotis，是她第一个联系我们，并有想要把波士顿CHI研讨会上的一篇演讲稿写成这本书的想法。
我们的技术评审，他们就如何完善本书的手稿给出了无价的建议：Cynthia Baron、Ted Booth、Vanessa DiMauro、Antony Donovan、Frank Gruger、Chad Jennings、Jennifer McPhilimy、Aaron Oppenheimer、Sharon Poggenpohl、Louis Weitzman和Blake Winton。
Gretchen McClure欣然地、忘我地重新设计本书的SuperTracker案例。
还有Kurt Fendt、Maz Kessler、Kara Parsons和Matt Sigelman，他们也提供了特别的帮助。
Tania还想要感谢她的家人Tom、Luke和Otelia的鼓励与热情，感谢Debby，当我进行天文数字般的场景测试时她总是很耐心，她的支持与宽容使得本书可以写就，还有我们的客户，他们使我们可以实践、学习并发展自己的能力和专长。
Debby想要感谢她耐心的丈夫Todd Belton的支持，感谢他通读全书，也感谢他准备的马提尼酒；感谢Tania的迁就和对本书的创造性支持；感谢Stacey Becker、Bill Coderre、Francis Heaney和Judy Keys为本书提供截屏、链接和智囊支持；感谢家人、朋友、Twitter粉丝等的支持与鼓励。

计算机\Web设计

“与一般的仅简单告知读者操作方法的图书不同，这本书深刻、严谨、内容架构清晰，首先提供了做应用设计决策的逻辑，然后讲述了设计工具。这种方式是向促进用户理解、提高用户满意度的直观数字应用设计的致意。”

—— Christopher Pullman，耶鲁大学艺术学院资深评论家，曾担任WGBH Boston公司设计与品牌副总裁（1973—2008年）

　　　　 本书详细介绍了根植于理论和现实世界案例的实践技巧，使你在设计数字应用界面的时候避免犯常见的错误、做合理的决定并且实现超越平凡的设计。
　　　 基于三大核心设计原则，即一致性、层级和个性，本书验证了这些基础知识在成功的Web应用和移动应用设计的各个方面是如何体现的。无论你是一名设计师、开发者或者是UI设计专业人士，这本总结了作者实践经验的指南可以让你获得足够多的信息，帮助你为界面设计建立一套健全可靠的基本原理。

本书特色：
　 发现与成功的跨平台界面设计相关的原则与规则
学习如何战略性地运用设计，驱动团队前进
掌握视觉界面设计的工具——布局、字体、色彩、图像和控件，设计出能帮助用户解读、理解并享受自己所看见和使用的应用界面

（美）Tania Schlatter，Deborah Levinson 著：本书作者Tania Schlatter和Deborah Levinson是经验丰富的设计专家。她们将技术、美学和对用户的同理心结合在一起，帮助软件公司开发企业应用、教育型应用和电子商务应用。

王晔 熊姿 译：暂无简介

本书是交互视觉设计领域的“导论读物”。与诸多简单摆出一些应用的界面并总结出一个适用范围很小、看似正确的纯理论性的快餐读物不同，本书提出了一套系统的交互视觉设计理论，作者认为无论数字应用所处的平台如何变化，交互视觉设计必须遵从三大基本原理——?一致性、层级和个性，设计工作就是在遵从三大基本原理的情况下，灵活地运用布局、色彩、图像、控件与可供性这五大工具来创造可用、好用的数字应用界面。在阐述这些基本理论和方法论的同时，本书也介绍了大量的演示实例，这些实例有些是来自真实的数字应用界面，有些是来自作者的视觉设计工作过程，具有很强的指导意义。书中的内容源于实践、高于实践，深入浅出地介绍了交互视觉设计的相关知识。
本书十分适合互联网公司初级交互设计师或视觉设计师阅读学习，也适合类似交互视觉设计师的角色参阅，例如互联网公司产品专员、产品经理和项目负责人。仔细阅读本书将会给读者带来深刻的启发，使设计师可以思路清晰地对大到一个应用、小到一个界面进行交互视觉设计，使产品经理、项目负责人能够充分理解交互视觉设计的工作内容与工作逻辑，在工作中能给予有价值的专业建议和意见，减少行业内经常诟病的“对设计师乱指挥”的现象。
本书的翻译过程有颇多曲折。在英文版原著成书不久，苹果的iOS 7系列系统就已经上线了，而本书所用的在iOS系统下的应用示例截图仍然是基于iOS 6版本的，可以想象在本书中文版出版之时，iOS 8版本也会普及开来。但正如作者在书中不断强调的那样，对于视觉设计而言，重要的是掌握理论和方法，本书阐述的三大基本原理和五大工具，在可以预见的相当长时间内是具有普遍意义，故读者在阅读时可不必拘泥于“形式”，而是去体会书中的“实质”。
本书的翻译组织工作由王晔全面负责。其中，前言、第2章、第3章、第4章、第5章、结语由王晔翻译，第1章、第6章、第7章、第8章由熊姿翻译。
在此我要感谢熊姿加盟本书的翻译工作，熊姿是一名互联网产品经理、摄影师，她在视觉设计方面的专业知识是本书翻译工作的重要依据。感谢机械工业出版社华章分社的高婧雅编辑对我们的信任，也感谢家人的支持和理解。

译者
2014年11月于北京

译者序
前言
第一部分　基本原则
第1章　一致性1
1.1　什么是一致性2
1.1.1　一致性和市场2
1.1.2　建立一致性3
1.2　一致性在应用设计中的作用5
1.2.1　布局的一致性6
1.2.2　排版的一致性6
1.2.3　色彩的一致性8
1.2.4　图像的一致性9
1.2.5　控件和可供性的一致性12
1.2.6　选择正确的范式13
1.2.7　跨平台的审美一致性16
1.3　如果不能实现一致性，该怎么办18
1.4　关于无障碍功能的简短题外话18
1.5　避免犯常见错误19
1.5.1　一致地设计内容和图像19
1.5.2　为色彩的使用制定一致的规则20
1.5.3　一致地设计控件以揭示可供性20
1.6　做合理的决定20
1.6.1　检视已有的规则和惯例20
1.6.2　记录与一致性相关的决策20
1.7　超越平凡22
第2章　层级24
2.1　什么是层级26
2.2　层级的特征28
2.3　特征的相互作用33
2.4　定义一个层级34
2.4.1　定义元素35
2.4.2　流程36
2.4.3　模式37
2.4.4　不同应用级别和跨平台的层级37
2.4.5　原型制作和测试一致性38
2.5　避免犯常见错误39
2.6　做合理的决定39
2.7　超越平凡39
第3章　个性41
3.1　界面个性的元素46
3.2　为个性建立标准63
3.2.1　用户模型中的个性线索64
3.2.2　发掘公司需求64
3.2.3　评估商标需求65
3.2.4　处理偏好和不同意见65
3.2.5　内容66
3.2.6　呈现的形式——整合技术需求67
3.3　案例分析——定义SuperTracker的个性70
3.3.1　SuperTraker用户模型70
3.3.2　SuperTracker需求73
3.4　发掘一种个性的可能性76
3.5　避免犯常见错误79
3.6　做合理的决定79
3.7　超越平凡80
第二部分　视觉可用性工具
第4章　布局81
4.1　布局的语言82
4.1.1　屏幕尺寸82
4.1.2　位置83
4.1.3　空白区域84
4.1.4　接近度、比例和对齐86
4.1.5　网格88
4.1.6　模板92
4.2　布局与基本原则93
4.2.1　布局与一致性93
4.2.2　布局与层级94
4.2.3　布局与个性95
4.3　案例分析：建立一个布局——为位置摆放定义一套基础理论96
4.3.1　功能及数据的考虑97
4.3.2　将功能绘制到页面和布局上98
4.3.3　从页面到模板99
4.4　是大而全，还是小而精104
4.5　避免犯常见错误107
4.5.1　在一个页面上放太多信息107
4.5.2　随意对齐108
4.5.3　随意分组108
4.6　做合理的决定108
4.6.1　清晰的层级108
4.6.2　为可扩展性而设计109
4.7　超越平凡109
第5章　字体110
5.1　字体的语言111
5.1.1　字型基础111
5.1.2　字型粗细度和样式114
5.1.3　字体的种类115
5.2　排版需考虑的因素118
5.2.1　字体尺寸118
5.2.2　粗细度119
5.2.3　行间距119
5.2.4　列宽和对齐119
5.2.5　大写字母120
5.2.6　字母间距120
5.2.7　色彩121
5.2.8　特效122
5.3　字体影响基本原则的方式123
5.3.1　一致性123
5.3.2　层级123
5.3.3　个性125
5.4　为字体定义基本原理125
5.5　案例分析——定义Super-Tracker的字体基本原理128
5.5.1　应用目的128
5.5.2　相关应用和品牌标准128
5.5.3　用户和个性129
5.5.4　平台方面的考虑129
5.6　选择和运用字体129
5.7　避免犯常见错误132
5.7.1　统一地使用字体132
5.7.2　为可读性而排版133
5.8　做合理的决定134
5.8.1　建立一个字体层级134
5.8.2　限定字体和字型134
5.9　超越平凡135
第6章　色彩136
6.1　色彩的用途137
6.1.1　建立并传递视觉层级139
6.1.2　使元素关系可见140
6.1.3　增加美学表现并传达个性143
6.2　色彩基础146
6.2.1　传统色彩模型146
6.2.2　红、绿、蓝模型147
6.2.3　色相与饱和度147
6.2.4　色值、亮度和色调148
6.2.5　对比色149
6.3　为色彩定义基本原理154
6.3.1　了解你的要求和限制155
6.3.2　了解想要传达的个性的特点155
6.3.3　指出页面上的“明星”155
6.3.4　确定额外的色彩需求156
6.4　案例分析：在实践中为色彩定义基本原理157
6.4.1　色彩搭配160
6.4.2　色彩与基本原则163
6.5　避免犯常见错误165
6.5.1　对比不足165
6.5.2　对比过多166
6.5.3　色彩过多166
6.5.4　色彩不足166
6.5.5　将色彩作为唯一的区分方法167
6.5.6　随便地、不系统地运用色彩167
6.6　做合理的决定167
6.7　超越平凡168
第7章　图像169
7.1　用图像交流172
7.1.1　吸引注意力173
7.1.2　提供解读和展示细节174
7.1.3　表现内容174
7.1.4　表达感觉、品牌或者风格175
7.1.5　吸引用户互动176
7.1.6　强化相似性与差别177
7.2　图像的类别和使用177
7.2.1　摄影照片177
7.2.2　视频181
7.2.3　插画182
7.2.4　动画182
7.2.5　Logo184
7.2.6　图标185
7.2.7　符号187
7.2.8　数据可视化187
7.2.9　互动图表191
7.2.10　地图192
7.2.11　图案、纹理、背景和渐变194
7.3　在应用中使用图像200
7.3.1　战略200
7.3.2　战略和战术201
7.3.3　战术201
7.4　案例分析：定义图像基本原理的实践201
7.4.1　评估图像——从“是什么”到“能变成什么”203
7.4.2　Logo的探索204
7.4.3　图标的探索205
7.4.4　图表的探索207
7.4.5　跨页面的图片208
7.5　图像与基本原则209
7.5.1　统一性209
7.5.2　层级210
7.5.3　个性211
7.6　避免犯常见的错误211
7.6.1　不使用无意义的图像211
7.6.2　对图像数量应用“Goldilocks准则”211
7.6.3　清晰地展现图像211
7.6.4　在一张图中只展现核心信息212
7.6.5　对同类图像进行统一设计212
7.6.6　对同类图像进行统一展示212
7.6.7　引入说明文字或帮助信息，当图片的含义非常明显时可不用212
7.7　做合理的决策212
7.7.1　注意文化习俗，看它们是否会影响用户对图像的解读212
7.7.2　注意图像风格和内容的趋势，以及这些趋势的内涵212
7.7.3　不要让默认的图表设计抢了内容的风头，也不要让它们操控个性213
7.7.4　为图像定义规则和标准213
7.8　超越平凡213
7.8.1　作为界面的图像213
7.8.2　专业的品质会使应用变得与众不同214
第8章　控件和可供性215
8.1　用设计来揭示可供性216
8.1.1　控件及可供性的类型217
8.1.2　导航控件217
8.1.3　数据操作控件220
8.1.4　信息显示控件231
8.1.5　整合动作来显示可供性236
8.2　控件、可供性以及基本原则240
8.2.1　一致性240
8.2.2　层级241
8.2.3　个性242
8.3　案例分析：为控件定义基本原理242
8.4　避免犯常见错误246
8.4.1　交互区域应该给人互动的感觉，只读区域则相反246
8.4.2　提供反馈246
8.4.3　让控件拥有设计感246
8.5　做合理的决定248
8.6　超越平凡248
8.6.1　用适当个性化的控件来改进流程并提高视觉吸引力248
8.6.2　利用反馈来表达个性248
总结　作为视觉对话的界面设计250
推荐的资源251
参考资料254