UI设计的五个基本原则

      原则一：清晰的传达

　　大概没有什么会比一个令用户常常感到模棱两可的界面设计更糟糕的了。

　　比如，有一种返回设计，当切换到该页面时，返回按钮是一个x，按通常的理解，我认为是关闭的意思。但当我需要返回上一页时，可能我会习惯性地去左上角寻找那个向左的箭头按钮，然而留给我的只有那个关闭按钮。此时我会犹豫，如果点击关闭按钮，会出现什么状况?我不得不去揣测设计师的意图，是不是应该将当前界面理解为从上一个页面打开的子视图?类似Popup的意思，所以我关闭该视图，即重新显示原本的界面了?

　　我并不是说返回设计不能这么做，而是作为UI设计师需要在这么做之前就去考虑到可能带给用户的顾虑，因此你需要更加全面的思考，令你的设计意图能清晰无误地传达给用户。

　　原则二：明确并传递信息的反馈

　　当用户操作了某个动作之后，他需要知道自己做了什么，操作是否已经执行等等。简单的例子，当用户发表评论时，点击提交按钮后，随即按钮状态发生变化，比如颜色变深，则用户此时知道已经按下按钮。松开鼠标键或手指后，按钮样式恢复，告诉用户已经松开按钮。注意，此时即是需要反馈设计的时候了，用户需要知道该评论是否已经提交，大多数的做法是Loading Button的样式，按钮本身变为不可点击状态，并在按钮内部或外部相关区域显示Loading信息，表明评论正在提交中，此后则显示提交是否成功的信息。

　　原则三：保持整体设计的一致性

　　设计原则要贯穿整个产品，这包括视觉、交互等不同方面。从交互层面上来说，表现为页面切换方式、导航设计的一致性。视觉上，是指色彩、字体、图标等元素的一致性。没有任何一个用户在使用一款产品时，发现所在新页面的导航居然变了，或者整体风格都变了，从而陷入懵逼状态。

　　原则四：当犹豫不决时，使用公认设计方案

　　创新设计是好事，但请别反人类。之前有个刚入UI不久的朋友，满怀创新激情地将一个本该保持统一的App菜单按钮，在不同页面换了4个地方，并幻想出非常炫的展开效果，然后陷入到了一个问题中犹豫不决：在下一个新的页面中，菜单按钮放在哪会比较合适?

　　这样的创新就好比是一个圆形车轮明明已经可以很好的工作，却要创新搞成六角形车轮，从而又衍生出另一个大麻烦：“转起来，总是咯噔咯噔的，怎么解决?”。

　　靠谱的创新是在已验证的公认设计方案基础上，作出更好的改进，而不是制造新的麻烦。所以，在UI设计中，第四基本原则就是遵循公认设计方案，符合用户已养成的交互习惯。

　　原则五：增强视觉层次

　　视觉层次(Visual Hierarchy)，是我曾初做国外项目设计时，听到同行提及多的词。相反，如果他们形容一个作品非常单调时，会用Plain。

　　那么什么是视觉层次?首先要强调一下信息可视化的概念。UI始终需要向用户传递信息，那么这些信息需要通过各种设计元素、文字段落、图片等表达出来，而他们的布局方式则决定了所关联的信息的重要层次，即通过视觉表达信息层次化。