1.6 UI设计的基本原则

UI设计是非常有讲究的一件事，实际上UI设计更应该说是一项科学。它具有很多的规则和规范，并且具有非常多的原则。就好像一套公式，有一些比较重要的基本原则，是必须掌握和了解的。下面我们一一举例说明。

1.6.1 快速地获取信息

用户在学习和接受新的事物时是需要很大的成本的，所以设计越简单越好。这其中包括界面简单、用户需要操作的功能让人一目了然、视觉效果便于用户理解和使用。

界面设计不应该为了好看而增加没有必要的设计，使不必要的设计和信息布满整个界面，最终会造成用户浏览和记忆的疲劳，导致用户的流失。因为越简单、越易懂的设计才是用户最喜欢的。我在哪、我要做什么、我能做什么，这是一条最简单的设计原则。如图1-12所示，在当下的互联网发展环境下，用户已经习惯了大部分注册和登录流程，那么你完全没有必要将这些信息再次罗列出来，这些都大大增加了用户的阅读成本，而更加让人反感的就是这个填写列表上还写着“必填”。

简单、便捷的体验就是，直接让用户输入账号名和密码，没有直接注册，甚至连二次确认密码都不需要（除了极个别跟财务有关的重要APP），因为即使大家输错了密码，同样能通过各种方式找回来，而且几乎每个用户都有可能忘记密码。你还记得自己上一次输入微信密码是什么时候吗？你还能保证第一次就100%地准确输入吗？

快速获取信息对智能车载系统更为重要，甚至具有“一瞥原则”。什么是“一瞥原则”？我们知道，开车需要精神高度集中，目视前方并观察周围的情境，用户在获取智能车载系统信息一定要快速，看一眼立刻了解内容，不能让用户长时间细致地查看，那样可能会造成严重的安全事故，这些在设计中都是需要设计师考虑的。

1.6.2 规则化层级关系

无论是在设计风格上，还是按钮的排版布局、信息提示、系统文字、字体大小及颜色等都要做到统一，这样用户才会完全熟悉和记住产品的行为路径，而不会造成不必要的错误。在界面设计中，主页面的回退按钮在左上方，那么其他所有页面的回退按钮都要尽量统一放在左上方。

在导航中，不管你设计的功能叫设置还是叫设定，又或者是个人中心，在进入其页面内部之后必须保证它仍是这样的叫法，而且它的操作一定要和这些名称有关系。

当阅读内容时，如果你的标题文字大小都是28pt，内文文字大小是14pt，那么你应该保持所有页面的字号大小统一，否则不仅影响美观，同样会影响用户的判断力和识别能力。再比如，在图1-13中，左图是一款火车票购票APP的注册页面，但是你发现它有两种输入内容的格式，一种是顶部带指向点击跳转的，一种是直接在输入框输入的，并且顶部蓝色部分和黑色的标题让人阅读时看得不那么清晰。右图中，所有填写样式统一，规格也一致，用户进入后清楚地知道应该如何操作。而顶部按钮使用了不同的颜色，方便用户区分下一步的操作。注册不是一个常见的、每个人必须执行的操作，所以如果将它的级别做得过大并且新增一个模块，这样的设计是未经仔细思考的。而右图的设计，将注册信息弱化，你不需要的时候可以无视它，不把它当作一个按钮；当你需要的时候，你仍然能够找得到它。看起来两个界面设计区别不大，但是这些小细节比如间距、高度等都是有所考究的。

这些就是规则化的层级关系梳理，你知道相同的属性是什么内容、应该做什么、可以做什么、如何被分辨，无须过多的思考和学习成本，用户自然会因为规则的设计而自我归纳。

1.6.3 遵循用户习惯

“人之初，性本善，性相近，习相远。”每个人的习惯都不同，能将不同的习惯统一起来是不可能的事情，这不仅需要时间，而且还需要用户本身的支持。如果你设计的产品恰恰需要改变一个人的习惯，那么它一定不是成功的产品。比如，人们已经习惯红灯停、绿灯行，也慢慢地习惯了界面上的红色表示删除、取消，绿色表示确认、确定，你偏偏要做一个颜色相反的或者使用其他的颜色，这会让用户在心理上产生很大的排斥。

在设计中，我们要更多地考虑很多不同的应用场景，如图1-14所示，这几个按钮文字使用的是俄文，如果你恰好不懂俄文，你能大概猜出来都是什么意思吗？红色可能是“警告”“退出”“删除”按钮，绿色可能是“确定”“确认”按钮，蓝色可能是“完成”“下一步”按钮，灰色可能是“不可点击”“取消”按钮，通常人们都会这么理解。可结果恰恰不是如此。真正的中文翻译结果如图1-15所示，我们可以看到，具有警示意义的红色居然是“确认”按钮，而具有安全意义的绿色居然是“删除”按钮，这就违背了用户习惯，我们应该遵从用户习惯把它设计成常规的如图1-15右图所示的状态。

设计就是为用户服务的，你的设计应该是让用户获得更好的体验，而不是让用户对你产生反感，使你的设计付出错误的成本。

1.6.4 人性化设计

所谓人性化设计，就是说你的设计应该是清晰的、有序的、安全的、周到的。

首先，要让用户看清你的设计，明白你所想表达的内容。其次，你的设计应该井井有条，这样用户在浏览和使用时才不会感到烦琐。另外，要保证你的设计用户使用起来是安全的。所谓的安全，是指在用户进行错误的操作时，能保证有效地向用户反馈信息或者提示用户回退。最后，在这一基础上，多考虑用户使用的环境、状态、习惯等，进行优化设计，让用户深深地感受到产品带来的周到服务，这便是人性化设计。

人性化不仅仅是宏观的人性，更多的是在不注意看不到、看到了很暖心的设计，让你深深地感受到这个产品或者这个物体不是冰冷冷的，它是在用自己的方式表达对你的关怀。如图1-16所示，打开抖音APP输入评论的时候，你可以看到它有一个默认的提示：“有爱评论，说点儿好听的～”。这样的话语会让人潜意识地被引导说一些好话。或者当你看到一个自己非常不喜欢、不满意的作品，你想破口大骂实施语言暴力的时候，看到这句话同样具有缓冲作用。

同样让人感到非常好的人性化设计，是腾讯的404页面（HTTP 404, HTTP的一个错误代码，通常解读为“Not found”，即找不到的页面）。当你搜索页面找不到的时候，腾讯会弹出一个如图1-17所示的找回失踪儿童的设计。一个简单的设计，却能让人觉得非常人性化，这是当下设计特别值得学习的。

在图1-18中，你可以看到，同样是微信摇一摇，男性用户和女性用户的界面设计是不同的，男性用户界面的手图标看起来更加有力，而女性用户界面的手图标看起来更加纤柔。或许我们在日常生活中并不容易发现这样的小细节设计，因为很少有人会经常变更自己的用户性别资料，但是不可否认的是，你在使用这些功能或者看到这些设计的时候，心里都会有一丝暖意，感受到对方的人性化设计。当这种人性化设计被用户探索到或者发现的时候，用户会自发地为你的产品宣传，把这个不容易被发现的好想法、人性化的设计告诉身边的人，来为你自动“增新”（增加新用户）。而作为设计师所需要付出的成本，只是你多设计两个细节，这样的付出成本和回报比例，相信是每个公司都愿意看到的。

设计师是一个脑洞知识库，永远不要在意自己的想法是不是不成熟、是不是不够好，你应该大胆地说出来，然后大家一起来评估它的可执行性，好的创意都是由此而来的。