本篇为如何从零构建UI组件及设计类型之设计原则篇，主要先容在组件和界面设计中，产物体验原则、界面设计原则以及常见设计定理。

《如何从零构建UI组件及设计类型》共分为5个系列，别离为《一：先容篇》、《二：设计原则》、《三：全局样式》、《四：基本组件》、《五：通用模版》。

一、产物体验原则

要有 → 高效 → 易用 → 雅观。要有是基本的体验，有总比没有的要好；然后是利用效率，效率获得晋升后，再然后就是需要好用容易利用；最后才是要悦目。

虽然丑也是不可的，只不外他的重要性相对是排到最后。

要有：有是最基本的体验，是产物的基石，没有成果就没有其他。

高效：注重用户的恒久利用效率。

易用：短时间内是否更快的进修上手等。

雅观：B端产物是不该该优先思量悦目标，不管从用户代价照旧贸易代价。相对而言，雅观的偏重点是简捷好用，它也是雅观的领域范畴。

高效 & 易用的区别：

水电煤缴费，每个月都用一次，由于隔断时间较长，大概就忘了上次怎么操纵的。所以这时候的偏重点就是“容易学会并可以或许很快上手”，切合「别让我思考」的逻辑，甘愿多点一次也别让用户多想；

商家事情台的预付款也切合此道理，商家利用隔断时间较长，可是必然要可以或许利用简朴。所以我们回收的是分步调页面，这时用户并不在乎多点击一次照旧两次；

商家事情台“进出库”成果，对付商家大概就是天天都用，用许多次，利用频率很是之高。这个时候就要主要“利用效率”，需要担保高效操纵。所以表单设计时纵然有再多内容也都是放一个页面填写，不要每次都要点击许多次次才气完成一个任务。

二、界面设计原则

对付企业范例的产物，完成方针任务永远是之一位的。

1）清晰

辅佐人们更精确的领略和利用产物，文案、界面或操纵等。不让用户举办深度思考，说人话，不要配置专业门槛。辅佐用户在足够清晰的界面情况中完成任务，告竣方针。

2）高效

让流程更顺畅，更智能化。优化成果逻辑，预判需求，让利用工具越发轻松快捷。晋升效率：或人把握产物的速度越快，利用该产物的效率就越高。设计时可回收以下3种要领：

删除：删除不须要的因素，将页面的元素举办简化处理惩罚；

埋没：按照用户利用的场景，让某些元素举办埋没，需要举办说明的时候再举办泛起；

重组：即分类，可以将临近成果举办组织和分类，最常用的就是将不常用的成果分类在「更多」栏目中。

3）一致

“关闭高速路”哲学，判定自己就是本钱。对付我们的心灵来说，两点之间，不必然是直线最短。没有路口的关闭高速路，大概更短。

李楠《iPhone 可有设计哲学》

界面保持一致：少数听从大都，一致性可以减罕用户思考的次数和时间，让用户的留意力更会合在当前的任务中，举办业务上的判定，即心流体验。

表达 *** 一致：文案界面保持一致，不多多样化。从开始到竣事，从 A 产物到 B 产物，从界面交互到文案内容。

保存必然的空间：保存必然水平的空间，不要为了追求一致性而牺牲越发重要的对象。所以这是放在第三位。

细心打磨界面外观，让利用工具感想我们的产物值得他耗费时间与精神去利用。雅观是晋升体验、引发愉悦的重要手段，但不将它的重要性排在其他任何设计原则之前。

三、常见设计定理

1）数量6原则

数量上一般采纳的叫做7+2原则，就是说一般人的影象容量约为7±2，即5～9之间。这边我将原则简化为6原则，好比按钮（含链接）文字、单选框复选框的标签文字、表单的标签文字、tag标签等。

2）席克定律

当选项增加时，用户下抉择的时间也在增加。在人机交互界面中，选项越多意味着用户决定的时间也越长，用户越不知道选择什么。用户在某一场景对选项的回响时间取决于三个要素：

前期的认知和调查；

按照认知后，处理惩罚的时间；

选项的数量。

3）险些没人会改默认配置

险些没有用户变动默认配置的，只要专家级用户才会变动，正常用户只会利用产物提供的默认配置。

产物设计时，高级配置等成果绝大大都用户不会去用。

4）习惯路径的设计，比少一次点击更重要