交互设计之层次设计布局篇（四大设计原则让你的页面优雅起来——减少用户疲惫）

写在前面

页面的布局“内容为王“。布局优雅的网页需要内容的支撑，混乱无章的表达内容使用优美的布局也只会给人空洞无用的感觉。

在选好配色后，对元素的布局要考虑到用户的学习成本（操作习惯、逻辑判断等），与颜色配置相似的一点，设计师对元素进行有效处理，使之符合用户的习惯，多方面降低用户的学习成本，使得用户更不易“疲惫”。大多数优秀的网页设计都是通过减轻用户的疲惫感来提高页面的使用效率。

人类的认知秩序是从特殊到普遍再到特殊，而屏幕传递信息的方式是线性的，遵循人类的认知秩序，利用线性传递信息的特性就需要对信息进行有效处理。本篇我将会从布局方面着重阐述如何减轻用户“疲惫感”。

为什么用户不喜欢你的页面：设计造成的疲惫感

页面元素过杂过多，布局乱七八糟，色彩驳杂，主次不分等等，第一眼就已经给用户造成视觉压力，使得用户从内心开始抗拒使用，自然收不到用户好评。

沉浸式短视频app，简单操作进行内容切换，相似内容推荐吸引用户无间断使用。

方便快捷的购物网站，一键购买极简操作，相似好物推荐减少用户搜索行为。

以上两种应用场景都是通过减少了用户动作，提前预测用户行为，在视觉，动作方面减少用户疲惫感，增加视觉刺激，提高产品可用性。

四大基本原则

考虑到用户使用产品过程中疲惫感的来源，我们可以通过减少视线移动、增强视觉刺激来进行元素设计。设计主要遵循以下四个基本原则：“亲密性”、“秩序性”、“一致性”、“差异性”。（亲密性、对齐、重复、对比）