3.1 整齐为什么会使人舒服
如下面两张图所示都是整齐的示例。
整齐的书架
整齐的木堆
整齐的形态并非凭空而来的。一个孤立系统的总混乱度(即“熵”)不会降低,只会增强或者不变,这是物理学中的熵增定律。
这就是说,如果想让混乱程度降低,必须付出额外的能量。耗散体力,动手整理孩子混乱的房间就是付出能量的过程,只有付出能量之后,才得获得整齐的感觉,达到“熵减”。
如果把这个整理的过程从外部世界类比到人脑中,会是什么样的呢?
首先,把“动手”与“动脑”联系起来。下面先看一下阿恩海姆的图形回忆实验。
1 阿恩海姆的图形回忆实验
格式塔心理学美学代表人物鲁道夫·阿恩海姆曾经做过一个回忆图形的实验。第一步,设计一个略微复杂的,但是似乎又具有一定规律的图形。
图形似乎以中间的竖线为基准对称,但是左下角又有缺口,而且上部的横线左右长短不一,显然这个图形是为了验证某种目的而特意设计的。
测试使用的图形
顶部蓝线不等长、底部蓝线并不封闭
第二步,将设计出的图形在一组被试者面前以较短的时间展示,然后让被试者在预先准备好的纸上不假思索地尽量准确地画出自己看到的图形。
最后一步,从被试者画出的大量图形中,总结出7类具有差异但具有规律的结果。
每种回忆方式都对原始图形进行了简化
造成差异的原因包括被试者的个性差异、被试者与测试图形的距离,以及测试图形在被试者面前呈现的时间长短。
但更重要的是,阿恩海姆总结出所有图形都有共同特征,“都能再现原始刺激图形的简化性”。也就是说,不管哪个类型以哪种方式回忆,原始图形都并非原封不动地被人们回忆,而是被某种程度地简化了。
沿着阿恩海姆实验的线索,在更长的时间纬度,我们可以更清晰地发现其中的规律。
2 不同时间尺度的图形演化
阿恩海姆实验的时间是短暂的,现在把这个时间延长,先来看一下谷歌的LOGO。
以十年为刻度
Google LOGO的演化过程
从20世纪90年代到2015年的近20年中,LOGO有了明显的简化,字体从衬线体变化为非衬线体,同时字体从三维效果变成扁平效果。谷歌LOGO的演化大致以10年为刻度,下面再来看我国出土的陶器的鱼纹演化。
以百年为刻度
鱼纹的演化过程
早期的陶器鱼纹是以较为写实的方式绘画的,与真实的鱼相比,鱼的曲线弧度变低,变得更平直,鱼鳍上下并不是对称的;在中期,曲线变得更趋于直线,但尚可保留鱼的细节结构,例如,鱼的眼睛、鱼鳍与鱼的身体、鱼鳍出现对称性;在晚期,鱼眼的结构消失了,鱼纹出现整体的对称性(鱼头与鱼尾差异变小)。鱼纹的演化是以百年为刻度的,下面再来看看字母A的由来。
以千年为刻度
印欧语系的字母A可以追溯到埃及人的牛头形象,然后是闪米特人的牛头被简化的形象,之后传到腓尼基变成了aleph,传到希腊变成alpha,最后在罗马成为现在字母表中的A。下面的图例展示的就是从图形演化为字母的过程。
字母A的演化过程
牛头演化到字母A的过程,事实上就是一个将近两千年的阿恩海姆的图形回忆实验。在千万次往复的记忆、回想、书写的过程中,冗余的视觉信息被去掉了,牛头变成了Aleph,再变成Alpha,最后简化成无法被解析的具有方向性的轮廓线条——A。
阿恩海姆的实验阐释了人们本能地对视觉信息进行的简化处理。
3 整齐的认知意义
大脑在每次记忆中进行简化。相对于消耗体力收拾屋子的“体力过程”,大脑存在一个处理信息的“脑力过程”,这个过程是在没有任何意识干预的前提下把视觉信息变得整齐或者几何化。
一个被别人收拾过的屋子、整理的货架可以省去自己的体力,那么,如果一个UI界面被设计过,变得整齐是不是也会省去自己的“脑力”呢?
很显然这是肯定的。字母A的记忆难度要比牛头的图形容易得多,整齐使人舒服的原因就是更加便于记忆和识别,整齐的基本意义就是更少的“脑力”消耗,降低认知的成本。
所以,如果降低认知的成本是界面设计的基本追求,而整齐可以达到降低认知成本的目的,那么使界面变得整齐的栅格系统就可以成为界面设计的基本工具。