一个是接近率,在物理距离上更加接近的距离会认知为同一类,就像这个例子。
第二个是相似率,会把某些属性上相似的物体认为一类,会包含形状、色彩、字体,样式,例如阴影这些。
相似率和接近率在平常用户图形界面设计中非常依赖两个定律,看似很简单。但是交织在一起时非常强大,或者是带来设计上非常大的挑战。我们会发现这两个定律不仅是简单平行,有时会交织,会产生平衡,甚至会产生矛盾。
例如这个案例,我们很自然认为左边6点一组,右边一组,赋予色彩有一些纠结,红的一组,黑的一组,赋予形状,左边是一组,右边是一组。当我们在赋予分割线,你会认为上面一组,下面一组。界面设计中很多图形排版无非通过这样几种模式进行调整。
这是IOS设置界面,非常简单的设置列表界面。为什么我们会认为中间有三组,因为接近率在起作用,为什么会认为中间每个条目层级是平等,是因为相似率在起作用。
左边是苹果4,右边是苹果6,左边电话响铃键和音量键比较等同,右边有明显的区分,这是接近率在电话上的提升。有一次晚上在公共汽车上牌的照片,你会发现让你扶的扶手是黄色,不让你触碰的门框也是黄色。这是扶梯,让你站的地方是黄色,不让你站的地方也是黄色。这是见到另外一个扶梯,颜色清晰一下,但是并不完美,让你站的台阶有些地方是绿色有些地方没有绿色。这是目前最佳的案例,但是并不完美,至少相比前面两个在定律上没有错误。
接近率与相似率相比,我觉得相似率更加重要,相似率是图形界面的认知基础,有了相似率大脑才能认知图形界面。这是一个界面,因为相似率可以识别成一个界面。有了相似率才可以把相似按钮识别成同一类,可以把相似尺寸缩略图识别成同一类,这样才能更快的处理信息。
这是腾讯地图一个界面,是几乎没有文字的界面,为什么能够识别路网、湖泊和绿地,是因为相似率。相似率非常重要,设计图形某种程度上就是设计相似性,让逻辑上相似的物体在表现形式上相似,这样让界面既有丰富又有内在的和谐统一。