UI设计的20个原则

该博客用于记录。
Android酷炫实用的开源框架（UI框架）博客地址：
http://blog.csdn.net/fancylovejava/article/details/45787729/

UI设计的概念侧重在“交互”设计。优秀的UI设计界面，不光是各种元素设计技巧的展现，更重要的是能表现出用户角度的完美“体验感”。

1.明确你的用户群
首先要明确一个方向：谁是你的用户群？不同阶层、不同年龄的用户偏重的主题设定和设计元素都不相同，所以UI设计必须是有针对性地设计。

2.界面要清晰
清晰度是界面设计中，第一步也是最重要的工作。要想你设计的界面有效并被人喜欢，首先必须让用户能够识别出它，让用户知道为什么会使用它。当用户使用时，要能够预料到发生什么，并成功的与之交互，只有清晰的界面能够吸引用户不断地重复使用。

3.交互性
界面的存在，促进了用户和我们的世界之间的互动。优秀的界面不但能够让我们做事有效率，还能够激发、唤起和加强我们与这个世界的联系。

4.保持用户的注意力
在进行界面设计的时候，能够吸引用户的注意力是很关键的，所以千万不要将你应用的周围设计得乱七八糟分散人的注意力，谨记屏幕整洁能够吸引注意力的重要性。如果你非要显示广告，那么请在用户阅读完毕之后再显示。尊重用户的注意力，不仅让用户更快乐，而且你的广告效果也会更佳。因此要想设计好的界面，保持用户的注意力是先决条件。

5.让用户掌控界面
人都喜欢对事物完全掌控，而不考虑用户感受的软件往往不会给客户掌控的感觉，迫使用户不得不进入计划外的交互，这会让用户很不舒服。保证界面处在用户的掌控之中，让用户自己决定系统状态，稍加引导，这样会更容易达成目标。

6.每个屏幕需要一个主题
我们设计的每一个画面都应该有单一的主题，这样不仅能够让用户使用到它真正的价值，也使得上手容易，使用起来也更方便，在必要的时候更容易进行修改。如果一个屏幕支持两个或两个以上的主题，整个界面看起来会混乱不堪。正如文章应该有一个单一的主题以及强有力的论点，我们的界面设计也应该如此，这也是界面存在的理由。

7.区分动作主次
每个屏幕包含一个主要动作的同时，可以有多个次要动作，但尽量不要让它们喧宾夺主！文章的存在是为了让人们去阅读它，所以在设计界面的时候，尽量减弱次要动作的视觉冲击力，或者在主要动作完成之后再显示出来。

8.自然过渡
界面的交互都是环环相扣的，所以设计时，要深思熟虑地考虑到交互的下一步。考虑到下一步的交互是怎样的，并且通过设计将其实现。这就好比我们的日常谈话，要为深入交谈提供话由。当用户已经完成该做的步骤，不要让他们不知所措，给他们自然而然继续下去的方法，以达成目标。

9.符合用户期望
人总是对符合期望的行为最感舒适,这也是与人打交道的设计应该做到的。在实践中，这意味着用户只要看一眼就可以知道接下来将会有什么的动作发生，如果它看上去像个按钮，那么它就应该具备按钮的功能。设计师不应该在基本的交互问题上耍小聪明，要在更高层次的问题上发挥创造力。

10.强烈的视觉层次感
如果要让屏幕的视觉元素具有清晰的浏览次序，那么应该通过强烈的视觉层次感来实现。也就是说，如果用户每次都按照相同的顺序浏览同样的东西，视觉层次感不明显的话，用户不知道哪里才是目光应当停留的重点，最终只会让用户感到一团糟。在不断变更设计的情况下，很难保持明确的层次关系，因为所有的元素层次关系都是相对的：如果所有的元素都突出显示，最后就相当于没有重点可言。如果要添加一个需要特别突出的元素，为了再次实现明确的视觉层级，设计师可能需要重新考虑每一个元素的视觉重量。虽然多数人不会察觉到视觉层次，但这是增强设计的最简单的方法。

11.减轻用户的认知压力
恰当地处理视觉元素能够化繁为简，帮助他人更加快速简单地理解你的表达。用方位和方向上的组织可以自然地表现元素间的关系。恰如其分地组织内容可以减轻用户的认知负担，他们不必再琢磨元素间的关系，因为你已经表现出来了。不要迫使用户做出分辨，而是设计者用组织表现出来。

12.色彩不能决定一切
物体的色彩会随光线改变而改变。艳阳高照与夕阳西沉时，我们看到的景物会有很大反差。换句话说，色彩很容易被环境改变，因此，设计的时候不要将色彩视为决定性因素。色彩可以醒目，作为引导，但不应该是做区别的唯一元素。在长篇阅读或者长时间面对电脑屏幕的情况下，除了要强调的内容，应采用相对暗淡或柔和的背景色。当然，视读者而定，也可采用明亮的背景色。

13.恰当的展现
每个屏幕只展现必需的内容。如果用户需要作出决定，则展现足够的信息供其选择，他们会到在下一屏找到所需细节。避免过度阐释或把所有一次展现，如果可能，将选择放在下一屏以有步骤地展示信息。这会使你的界面交互更加清晰。

14.“帮助”选项
在理想的用户界面，“帮助”选项是不必要出现的，因为用户界面能够有效地指引用户学习。类似“下一步”实际上就是在上下文情境中内嵌的“帮助”，并且只在用户需要的时候出现在适当的位置，其他时候都是隐藏的。设计者的任务是应该确保用户知道如何使用你提供的界面，让用户在界面中得到指导并学习。

15.引导状态
用户对一个界面的首次体验是非常重要的，而这常常被设计师忽略。为了更好的帮助用户快速适应我们的设计，设计应该处于零状态，也就是什么都没有发生的状态。但这个状态不是一块空白的画布，它应该能够为用户提供方向和指导，以此来帮助用户快速适应设计。在初始状态下的互动过程中会存在一些摩擦，一旦用户了解了各种规则，那将会有很高的机会获得成功。

16.解决看得到的问题
人们总是寻求各种方案去解决已经存在的问题，而不是潜在的或者未来的问题。所以，不要为假设的问题设计界面，我们应该观察现有的行为和设计，解决现存的问题。这确实不是件能够让人兴奋的事情，但却是最有价值的事情，因为一旦你的用户界面愈加完善，会有更多的用户愿意使用你的界面。

17.多涉猎设计之外的知识
视觉、平面设计、排版、文案、信息结构以及可视化，所有的这些知识领域都应该是界面设计应该包含的内容，设计师对这些知识都应该有所涉猎或者比较专长，要从中获取许多值得学习的东西，以此来提高你的工作能力。

18.实用性
在设计领域，界面设计成功的要素就是有用户使用它。虽然精美但用户不会选择使用的设计作品，也就是失败的作品。因此，界面设计不仅仅是设计一个使用环境，还需要是创造一个值得使用的艺术品，它仅仅能够满足其设计者的虚荣心是不够的，首先它必须要实用！

19.检查错误
要尽可能检查和清除程序中的错误和BUG，即便精心地设计了弹窗来做说明。为了更好的用户体验，不要出现让用户惊讶的结果。Beta测试是消减错误的最好方法。

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

UI设计的20个原则相关推荐

UI设计学习的对比原则怎么运用?
本期小编为大家介绍的UI设计培训教程就是关于UI设计学习的对比原则怎么运用?因为在UI设计中分组原则这一项在文字排版中运用的几率是比较频繁的,并且分组对于层次感和整合信息都有一定的帮助,但是光有分组还 ...
UI设计文字排版四大原则
排版在设计中或者其他工作中的运用是广泛而又平常的不管是图文排版,还是文字排版都有它的方式方法.这些方法通常分为四个原则. 亲密原则:亲密原则指的就是相关的部分组织在一起,安排好他们之间的间距与主次.通 ...
系统UI设计的几个原则
系统UI设计的几个原则现在对UI的要求越来越高.越来越需要人性化和个性化,今天结合自身的经验,想写一下系统UI设计的几个原则: (1)简洁性原则.人从本质上讲是不擅于接收新事务的,更何况冷冰冰的系统 ...
用户接口设计的20个原则
世界级图形设计大师 Paul Rand(保罗.兰德)曾经说过:"设计绝不是简单的排列组合与简单地再编辑,它应当充满着价值和意义,去说明道理,去删繁就简,去阐明演绎,去修饰美化,去赞美褒扬,使 ...
UI设计的色彩搭配及原则（转载）
配色是一项非常重要的美术素养,需要通过系统的学习和大量的观察练习才能慢慢提升.总体来说,手机UI界面设计应遵循以下4条配色原则:整体色调要协调统一.配色要有重点色.注意色彩平衡和对立色的调和.(内容参 ...
Android 高级UI设计笔记20：RecyclerView 的详解之RecyclerView添加Item点击事件
1. 引言: RecyclerView侧重的是布局的灵活性,虽说可以替代ListView但是连基本的点击事件都没有,这篇文章就来详细讲解如何为RecyclerView的item添加点击事件,顺便复习一 ...
UI设计进阶干货|切图命名
UI设计切图是最重要的设计输出物,切图输出的命名规范不规范也直接影响到工程师对设计效果的还原度.所以切图输出应当做到切图精准.便与协同和压缩大小.这些问题其实都不是问题,搜优 SooUI http:/ ...
UI设计培训学习要遵守哪些设计规范
UI设计虽是设计岗,但跟很多人所想象的.做ui设计可天马行空完全不同,大多数培训机构课程的第一节就是UI设计从业的规范要求,如果不遵守规则.认为设计越乖张越好,那往往无法从编程层面被落地.那么,到底U ...
UI设计（流程/界面）设计规范
1.UI设计基本概念与流程 1.1 目的规范公司UI设计流程,使UI设计师参与到产品设计整个环节中来,对产品的易用性进行全流程负责,使UI设计的流程规范化,保证UI设计流程的可操作性. 1.2范围 ...

UI设计的20个原则

UI设计的20个原则相关推荐

最新文章

热门文章