【设计原则】设计师们都会遵循的19个界面设计原则
设计不是简单的合成、排序和编辑；设计的本质是为产品注入价值和意义，让产品清晰、简单、易懂、精致，使产品高雅，具有戏剧性和说服性、甚至具有娱乐性。
——Paul Rand
1、结构清晰是界面设计的本质要求
清晰是界面设计的首要工作。如果想要让你的产品界面被用户有效使用，人们必须能够识别它是什么，关心为什么会使用它，明白哪些界面可以帮助他们产生交互，并且预测使用产品时会发生什么，然后用户才能与产品成功地进行交互。尽管有的界面设计可以加入一些神秘感或延迟满足感的元素，但是绝对不允许有杂乱的界面设计;结构清晰的界面设计可以激发用户的信心，引导他们更深入的去使用产品，记住用户宁愿用100个清晰的界面也不愿用一个杂乱的界面。
2、界面因交互而存在
界面可以让人类与世界产生互动，界面可以使产品更易识别、更易理解、更易操作，用户界面还可以体现各种关系，它可以让我们聚到一起,也可以让我们各自分离，它可以控制我们的对产品的期望，以及引导我们去享受各种各样的服务；界面设计不是艺术设计，也不是单纯对界面的设计，它可以让工作和效率能够被量化；界面设计也不是简单的点击和反馈，优秀的界面设计能够帮助我们唤起、激发以及加强我们与世界的联系。
3、不惜一切代价留住用户的关注
我们在阅读的时候，总是会有许多事物分散我们的注意力，使得我们很难集中注意力安静地阅读。对界面设计来讲，用户的注意力是稀缺的资源，不要在产品中加入容易分散用户注意力的元素，谨记整洁的屏幕对于吸引用户注意力的重要性。如果非要在界面中显示广告，那么请在用户阅读完毕之后再显示；尊重用户的注意力，不仅会让用户更快乐，而且你的广告效果也会更佳；因此要想设计好的界面，尊重和保持用户的注意力是成功产品的是先决条件。
4、让用户产生控制感
当人们感觉自己能够控制自己和周围的环境时，就会产生舒适感。一些糟糕的的产品通各种方式强迫用户去执行一些操作，这样就会让用户的控制感消失。保证界面处在用户的控之中，让用户自己决定操作状态，之后稍加引导，就会达到你预期的目标。
5、让用户产生操作时的真实感
最好的界面设计就是感觉不到界面的存在，好的界面设计就是让用户感觉好像在操作真实的东西。但是由于物品承载的信息越来越多，仅仅通过界面与用户去产生交互但是不太容易实现的，有些人为了让用户在操作产品时产生最真实的感觉，在界面的层级中加入很多的按钮、图形、选项、窗口、附件等等各种各样的东西，当然加入这些功能易如反掌，但是他们忽略了界面设计中最重要的东西，忘了他们设计产品时的初衷是什么；在进行界面设计时，要尽可能的减少操作步骤，要尽可能多识别人们使用产品时的行为习惯。最理想的情况是：产品界面不仅界面要设计的简洁，还要让用户有一种直接操作的感觉。
6、一个屏幕一个主题
我们设计的每一个界面应该只有一个最主要的主题或按钮，这样不仅能够让用户学起来更方便、使用起来更方便，也能让设计者很方便的增加或修改某些功能；如果一个界面出现了两个主要的功能，用户立刻就会变得不知所措。界面设计要像写文章，一篇好的文章只有一个单一的强有力的主题，界面设计也应该只有一个最主要的动作或界面，这也是界面设计之所以能够存在的理由。
7、防止次要功能喧宾夺主
一般一个屏幕会有一个主功能按钮和一些副功能按钮，要尽量保持各个按钮之间的主从关系，不要让一个次要按钮的功能比主要按钮的功能还要强大；Twitter上文章的存在是为了让人们去阅读它，并不是纯粹为了让人们在上面去分享它，所以在设计按钮的时候，应该把文章作为主要的界面元素，把按钮当做次要元素，尽量减弱次要元素的视觉冲击力，或者在主要元素完成之后再显示出来。
8、过渡自然
界面的交互都是一步步环环相扣的，所以设计时，要深思熟虑地考虑每一次交互的下一步是怎样的，思考如何去实现这些交互动作。这就好像我们的日常谈话一样，要为深入交谈提供话由要让用户自然而然的进行下一步的操作，去达成他们的目标，而不是在执行完一步操作之后不知下一步该干什么。
9、形式服从功能
人们总是希望事情朝着他们所期望的方向发展，当一些人或一些事情朝着我们所期望的方向发展时，我们就能够与之和睦相处，所以界面也应该按照这个规律来设计。在实际的界面设计实践中，这就意味着当用户看到一个界面元素就能够知道下一步该如何操作；如果一个元件看起来是按钮，它就应该具备按钮应有的功能，设计师不应该在基本的交互原则上耍小聪明，要在更高层次的问题上发挥创造力。
10、视觉元素要保持一致性
如果屏幕元素各自的功能不同，那么它们的外观也理应不同；反之，如果功能相同或相近，那么它们看起来就应该是一样的，视觉元素要在各个界面保持高度的继承性和一致性。对于设计师来讲能够识别不同的按钮特性和风格是非常重要，但是刚入门的界面设计师往往对本应该加以区分的元素采用相同的视觉处理效果，这一点需要引起注意。
11、明显的视觉层次感
强烈的视觉层次感可以使用户在浏览界面的时候分清主次，也就是说要让用户在执行操作的时候按照一致的顺序来浏览，如果界面的视觉层次感不明显，用户在使用的时候就不知道应该注意哪些地方，最终会感到无所适从；但是由于视觉感受相对的，当我们处在一个变化剧烈的环境里，就很难保持很强烈的视觉层次感，例如假设屏幕上的字体全都是加粗的，在用户眼里所有的界面元素都是一样，那么相对来说，屏幕上就不存在加粗的字体，如果设计者想要强调某一个元素，就应该把屏幕上所有的元素重新的划分主次轻重，以实现很有视觉层次感的效果；许多设计者都会忽略视觉层次感的重要性，但是良好的视觉层次感是却是为设计增光添彩的最简单有效的方式。
12、恰当的组织视觉元素，减轻用户认知负荷
著名的设计师John.Maeda在他的著作《简化》一书中说，恰当的组织视觉元素可以化繁为简，并且帮助用户更容易更快的理解所使用的界面，它应该成为你设计界面时不可或缺的一部分；界面上的元素应该通过位置和方向的排布来呈现一种很自然的内在关系，恰如其分的组织你想要呈现的内容可以减轻用户的认知负荷，这样用户就不用再花费时间和精力去琢磨界面各个元素之间的关系，因为这一部分工作你已经帮他们做过了，不要指望用户去把每一件事情都搞清楚，设计师应该把该呈现的关系直接放进界面之中。
13、色彩不是决定性因素
物体的色彩会随着光线改变而发生变化，相同的物品，在白天和夜晚的色彩差别是很大的。在现实的环境中，色彩是很难掌控的，所以在设计的时候不应该把色彩作为决定性的因素；色彩在界面中会起到强调事物和引导用户的作用，但是整个设计不能把色彩作为唯一的区别元素。如果用户阅读长篇文章或者长时间的面对着屏幕，就应该使用较为柔和的色彩，当然如果用户觉得合适，使用绚丽的色彩也是无可厚非的。
14、循序渐进，而非一泻而下
屏幕只需显示必要的内容，当用户需要作选择时，就展现充足的信息方便他们作出选择，后在下一个层级中展示更细节的东西。把过于详细信息一次性展示给用户是要不得的，在条件允许的情况下，应该循序渐进的展示信息，一步一步的让用户做出决定，这样会使界面的交互逻辑十分的清晰。
15、内嵌帮助选项
完美的界面是不需要内嵌“帮助”选项的，因为对于用户来讲他们所需要的信息已经足够充分，事实上，“下一步”就是一种联系上下文帮助选项，这种选项一般都是隐藏的，只有当需要使用的时候才会出现。一些设计师在设计的时候会让用户去到“使用说明”里去寻找答案，这样就把本来应该是设计师做的的工作推给了用户，这样是不符合用户对界面使用的预期的，优秀的设计师应该在交互的过程中帮助用户学习和成长，而不是把自己的责任推诿给用户。
16、引导界面很重要
用户对界面的首次体验是非常重要的，而这种初次的用户体验往往会被设计师所忽略；为了帮助用户快速的适应我们的产品，关注用户首次使用产品时的初始状态非常必要。在用户第一次使用产品之前，一切的界面交互尚未开始，但是这时的用户状态又不是完全的空白状态，设计师应该为用户提供一种产品使用时的方向和指导，让用户能够快速上手；在初始状态下给用户提供一些方向和指导也许会占用一点时间，但是一旦用户掌握了使用产品的规则，他们就可以更成功的使用产品。
17、伟大的设计是无形的
伟大的设计都有一个共同是的特性，就是用户使用的时候是感觉不到它的存在的，原因之一是如果产品设计的足够成功，用户就会专注的去完成自己的操作目标，而不是把注意力集中在产品的界面上，而当用户完成自己的目标之后，他们感到十分满足，不会有丝毫的不自然。把产品设计的无形对设计师来讲做到这一点是一个十分大的挑战，而且设计师如果做到了这一点，他们受到的褒奖就会减少，（因为优点也被无形的隐藏了，用户不能发现）。但是伟大的设计师却对褒奖的减少而心满意足，因为他们知道褒奖的减少意味着产品的成功。
18、多借鉴交叉领域的知识
视觉表现、平面设计、排版、文案、信息结构和可视化等等所有与设计相关的学科都是界面设计的一部分，这些学科有些需要简单的涉猎，有些则需要深入的学习；不要有狭隘的本位主义，对其他的学科不屑一顾，要学习每个学科的长处来提高我们界面设计的能力，同时也要不断的涉猎其他不相关领域的知识，学习出版、编程、装订甚至是滑板、消防和空手道等方面的知识，都能够对界面设计有所帮助。
19、关注界面设计的可用性
在很多的设计领域里，可用性是衡量一个产品是否成功的标准之一，界面设计也是如此。如果一个椅子外观漂亮但是坐在上面却不舒服，用户就不会去使用它，那么这个椅子的设计就是是失败的。因此界面设计不仅要关注产品使用时的环境，把它设计的尽可能的美观，也要关注产品能否被用户所使用，那些经常因为自己能设计漂亮的产品外观而沾沾自喜的设计师请注意：你所设计的产品必须有用！
译者：北欧（QQ：276353505） 文章编译来源：Bri体验科技 原文链接：http://bokardo.com/principles-of-user-interface-design/ 顶部图片来源：http://www.cssauthor.com