分享UI设计准则

来源：网站建设行业资讯网
添加时间：2021-12-16

作为产品经理，了解一定的UI设计准则是十分必要的。
接下来深圳网站建设科技小编为您选取一些我个人认为十分有用的规则进行讲述。
保持一致的原则
定义阐述
让我们在页面同个结构摆放相同的信息和控件，可以减少用户的思考时间，从而利用惯性选择自己需要的相关的控件，大大减少操作成本。不同页面上提供的相同功能的控件和数据显示应该摆放在每一页的相同位置，而且应该有相同的颜色，字体跟阴影等。这样子的一致性能让用户很快地找到跟识别他们，减少误区。
实例阐述
例如在一个网站中，如果其中一个网页的提交按钮跟其他网页的提交的按钮做得不一样的话，将会大大增加用户去寻找该按钮的操作成本以及相对应的思考的时间。
习惯性原则
人们在对于一个判断，刚开始会有相对应的抵触心理，即对问题的题眼会相对应来说比较敏感，但是越是到了后期人们越容易放松警惕，对题目的类型也将不会那么的敏感。
因此，如果一直点击某个位置的具体按钮，到后期这种对该按钮的敏感程度会逐渐降低。我们可以利用这个特性将重要的东西放到流程的后面进行展示。
比如说我们在下载某款产品的时候，等到下载完成之后，弹出框会默认勾选一些用户会有抵触的东西，如果下载的是浏览器该类的产品，则会弹出默认勾选该网页为默认浏览器，或者像用户注册流程的注册条款，也是默认把一些让用户不舒服的元素放在最后的步骤进行勾选。
接近性原理
定义阐述
物体之间的相对距离会影响我们感知他们是否以及如何组织在一起。互相靠近(相对于其他物体)的物体他们看起来像是一组，而那些距离较远的就不是。设计者们就是利用这一种原理使用分组框或者屏幕上的控件和数据显示分隔开来。从而使得整个画面看起来会比较清楚和有条理性。
深浅度原理
两个颜色越浅，越不饱和，就越难把他们区分开。比如说白色跟米黄色，蒂芙尼蓝跟浅蓝色或者浅绿色，由于这些颜色过于接近以及饱和度都不高，如果将这些颜色运用在选中状态和未选中状态，当前步骤和非当前步骤的状态，那么用户就在视觉上面没办法进行一个明显的判断，无法分清哪个是在当前下进行，哪个不是在当下进行。
因此，如果跟你共事的UI是半路出家，或者对自己的专业没有研究很透彻的话，使用这种难以识别的颜色做流程的话，你作为PM大可硬气的跟他说：根据色块深浅度原理，你这样子做是特别不合理的。
难以辨认的书写和字型
对比研究表明，有阅读技巧的人在读大写文字速度的内容比阅读小写文字内容的速度慢10%-15%。当前研究表明说明，这主要是缺乏阅读大写字型的训练造成的。空心轮廓线的字型让特征识别更加困难。
封闭性原理
我们视觉系统自动尝试将敞开的图形关闭起来，从而将其感知为完整的物体而非分散的碎片。因此，我们将分散的弧形感知为一个圆：描述一叠对象构成的整体又或者是抽象物体的两种表现形式。
主体/背景
当一个小的物体与更大的色块重叠的时候，我们倾向于认为小的物体是主体而大的物体是背景。当物体重叠时，我么我们把小的那个当作是背景之上的主体如弹出toast的时候，用户注意力焦点的内容临时成为新信息的背景，新的信息短暂地作为新的主体。
菲茨定律在设计中的应用：
目标(图形化按钮，菜单和链接)要足够大，容易让人么点到，不要让实际可点击的对象至少跟看起来的一样大，不要展示大的按钮但只有很小的点击区域接受点击，这边的例子如在勾选框单选框和切换开关等控件的文字标签中，我们应该让他们像控件本身一样是可接受点击，从而扩大点击区域，使得用户的体验更好。
将重要的目标放置在靠近屏幕边缘的位置，这样非常方便人们点击。如我们的删除ICON。
引导定律
沿着受限路径移动指针。指针在一直受限的路径移动并移动到达目标，那么路径越宽，你觉越能越快地将指针移动到目标。路径宽意味着不必小心地移动指针，就能以迅雷不及掩耳地快速移动目标。