1、亲密性

亲密性 是指将彼此相关的内容整合在一起,以提供清晰的内容结构。在同一个页面中,物理位置 越接近就意味着关联程度越高,这些内容就会放置到同一个上下文环境中进行理解。

那如何才能体现亲密性的强和弱呢?

亲密性的强和弱是通过间距体现的,间距越大则代表关系越弱,反之则越强。

亲密度的本质是将一个整体划分成多个局部,这种划分会把整体的规模缩小。对于复杂的问题,分解成多个局部时,问题的复杂性将会减小,同时各个局部之间的理解能力也会随着划分的而提高。

2、对齐

对齐 指通过改变元素的物理位置,使元素与另外的元素存在视觉联系。

常见的对齐方式包括左对齐,右对齐,居中对齐。

3、对比

对比 是指通过对元素赋予不同的权重。让元素与元素之间的层级和组织更清晰。

通过对比可以体现元素的主次关系,也可以聚集到某一个元素上以体现这个元素所具备的独特价值。

文字的大小、文字的粗细、局部所占面积的大小是常用的对比方式。

然而还有一种对比方式却更高效 - 那就是颜色。

红色往往代表着紧急、危险,绿色往往代表着安全、舒适。

像交通信号灯就有红灯和绿灯。用红灯来代表停止,绿灯来代表可通行。

4、重复

重复 是指设计的过程之中某一种形式或者某一种元素重复出现,以避免不同局部之间复杂的形式结构难以理解。

5、图标

清晰易读的图片的理解效果比文字是要高很多的。

像交通信号灯、警告标识都会使用理解度高,误读性小的图标。像手机应用中常见的点赞、收藏、评论、都会使用小图标来传达含义。