第4章　UI设计的20个通用原则

UI设计的20个通用原则如下。

1. 明确你的用户群

首先要明确：谁是你的用户群？不同阶层、不同年龄的用户在使用不同的产品时都有相对的风格偏好，所以必须有针对性地设计。

2. 界面要清晰

清晰度是界面设计中第一步，也是最重要的工作，要让用户第一眼就能识别出图标和控件的功能。让用户使用它时，能预料到将发生什么，并且与之交互完成自己的操作任务。另外，界面中使用的图片也要清晰不变形，背景元素不要干扰阻挡功能。

3. 交互性

人机交互就是人与机器的交流与互动。优秀的界面能够让用户高效地完成操作和任务，减少出错率，增加易用性。优秀的界面应符合人类的现实世界的操作逻辑，以减少用户的学习成本。

4. 保持用户的注意力

在进行界面设计时，能够吸引用户的注意力是很关键的，所以千万不要将重要功能的周围设计得乱七八糟，分散用户的注意力。谨记屏幕整洁能够吸引注意力的重要性。

5. 让用户掌控界面

保证界面处在用户的掌控之中，让用户自己决定系统状态，功能区分合理，适当提示引导，破坏性操作前进行用户提示，让用户可以随意地在可操作范围内前进或返回，并随时告知用户所在位置。

6. 每个屏幕需要一个主题

我们设计的每一个画面都应该有一个重要的主题，这样不仅能够让用户使用到它真正的价值，也使得上手容易，使用起来也更方便。如果一个页面上非要有多个焦点，可以使用激活焦点、屏蔽其他焦点的方法。

7. 区分元素及事件和动作的主次

使用尺寸、距离、颜色、表现形式、对比等手法，区分界面元素的信息层级，让主要元素醒目。用适当的图形语言提示可操作激发的事件，在完成主要动作后，再激发后续的次要动作流程。

8. 自然过渡及跳转

界面的切换交互都是环环相扣的，所以设计时，页面之间的互相跳转要自然合理，有趣味，符合用户的心理认知；对还未操作完毕的流程，需要提示进度、完成度、等待动画提示等，不要让用户不知所措，给其自然而然继续下去的方法，以达成操作任务目标。

9. 符合用户期望

人总是对符合期望的行为最感舒适，因此在用户操作后应当给予其相应的反馈。在设计的时候也应该遵循用户认知去设计元素，比如它看起来像个按钮，就要具有按钮的功能。需要等待的界面，也需要提供进度和LOADING，而不是没有反馈。

10. 强烈的视觉层次感

如果要让屏幕的视觉元素具有清晰的浏览次序，那么应该通过强烈的视觉层次感来实现。明确的视觉层级，考虑每一个元素的视觉重量，比如重要的信息文字，需要放大、清晰、高亮显示，不重要的元素需要缩小、弱化显示。视觉层次感不明显的话，用户不知道哪里才是目光应当停留的重点，显得页面没有逻辑，不知道阅读界面的顺序。

11. 减轻用户的认知压力

恰当地处理视觉元素能够化繁为简，帮助用户更加快速简单地理解界面功能。使用方位、间距和功能相似性分组来组织界面功能元素，使用户可以使用联想和识别来确定功能，减轻用户认知记忆负担，不用多琢磨元素间的关系。

12. 使用合适的色彩

色彩很容易受环境影响而发生改变，要考虑到界面的长时间阅读，或者重要提示用醒目色彩作为引导。但不要只用色彩区别，例如对和错的表示，红绿色盲就分辨不了，还需要配合√和×的造型一起来设计。背景色要和文字及前景元素进行区分，使用色彩弱化调和不重要的元素。

13. 恰当的展现

每屏的尺寸有限，只展现必需的内容，其他内容可以放到下一屏，或者隐藏折叠。在首屏适当提示，让用户可以按照你设计的步骤去查看信息，使你的界面交互逻辑更清晰。

14. 提供“帮助”选项

对初次使用界面的用户，提供帮助及下一步等新手提示。在有困惑的位置，恰当地出现提示，确保用户能顺利地使用界面，并且在操作中受到指导并学会操作。

15. 预先提示

在发生不可逆操作，或者破坏性操作之前，需要提示用户，让用户确认后再执行不可逆操作。在破坏性操作发生后，如用户想反悔，如有必要，提供用户反悔渠道，如后台服务渠道取回等。

16. 功能符合业务逻辑

如果把线下业务功能搬到线上来，我们应该观察现有的行为和设计，提炼相应的功能和设计，合理地搬到软件中去，解决现存的问题。

17. 多涉猎设计之外的知识

视觉、平面设计、排版、文案、信息结构以及可视化、用户体验手法、调研手法、交互动效、运营设计、插画设计、3D表现、代码框架等，设计师对这些知识都应该有所涉猎或者比较专长，要从中学习有价值的知识，以此来提高你的综合工作能力。

18. 实用性

在设计领域，界面设计不仅仅是一件精美的艺术品，它仅仅能够满足其设计者炫技的虚荣心是不够的，首先它必须要实用，能切实地解决用户使用这款软件所要达到的目的，顺利高效地完成操作任务。

19. 检查错误

设计师要尽可能协助程序员和测试人员检查和清除程序中的错误和BUG，测试各个控件的状态，事件是否准确触发，文字是否可识别，图标和细节是否准确还原设计稿，操作流程是否能成功准确地完成，参与Beta版本的测试是消减错误的最好方法。

20. 简约设计

简约设计不仅仅是一种流行趋势，从用户体验上看，简约的界面可以去掉很多无关的干扰信息，使UI更具易用性。好的UI设计应该具备强大的功能，但是画面要简约，做到疏密有度。拥挤的界面，不论功能多么强大，都会给用户带来不适感。