开始之前,先看个图。左右两边哪一个对齐了?
![](http://www.tretars.com/wp-content/uploads/2024/07/ppt-jiaocheng-53-2-1.jpg)
图1
我想你一定能脱口而出,右边的对齐了。那我再问一个问题,我们为什么要对齐?只是为了好看吗?
这个问题就不好回答了,不过别着急,这篇文章就是为了讨论这个问题。
先说第一点,为什么我们能识别对齐?
回答这个问题之前,我们要先搞清楚一个原理——格式塔原理。
格式塔原理是人类视觉系统的原理,强调人们会将视觉元素以整体形式来感知和理解。意思就是,我们在观察和理解事物时,倾向于将事物视为完整的单元,而非单独的部分。
也许格式塔一时半会儿很难解释,但在今天要讲的“对齐”中,我们只需要了解格式塔的:简单性、接近性、连续性、闭合性就行了。
闭合性:人们会倾向于认为物体是完整的,即便其存在间隙或不完整。
![](http://www.tretars.com/wp-content/uploads/2024/07/ppt-jiaocheng-53-3-1.jpg)
图2
在这个原理下,我们看到图2中,并没有出现三角形和正方形,但我们的大脑仍然能够看到他们。这就是闭合性。
![](http://www.tretars.com/wp-content/uploads/2024/07/ppt-jiaocheng-53-3-2.jpg)
图3
在实际应用中,当文字和柱状图足够小的时候,我们也会不自觉的将图3中的文字和柱状图分别理解成为一个整体,形成块状。但这也涉及到下一个原理:简单性。
简单性:人们倾向于将复杂的图像理解为最简单的形式,因为人类认知倾向于使用最少的努力去理解和感知。
![](http://www.tretars.com/wp-content/uploads/2024/07/ppt-jiaocheng-53-4-1.jpg)
图4
在简单性原理下,我们还可以把图3中凹凸不平的方块简单化,理解成为一个矩形,以方便我们去理解和感知。
连续性:排列在直线或曲线上的元素会被认为更加相关,人们倾向于感知连续的物体。
![](http://www.tretars.com/wp-content/uploads/2024/07/ppt-jiaocheng-53-5-1.jpg)
图5
还是这一页PPT案例。我们发现左侧文字其实形成了两条“隐形线”,左边因为对齐,形成了直线,右边则形成了曲线。根据之前的简单性原理,人们其实倾向于用最少的努力去认知事物;同时由于从左侧阅读的习惯和曲线的不显著,这里的直线比曲线更加容易受到重视。
![](http://www.tretars.com/wp-content/uploads/2024/07/ppt-jiaocheng-53-5-2.jpg)
图6
我们在给这个文字上加一些装饰,并且把文字缓存无意义的内容。我们仍然可以看到,即使有这么多干扰因素,我们仍然会直到这些文字是整体。并且直到以一种什么顺序阅读。
这也回答了我们一开始的问题,为什么右边的对齐了,因为它形成了一条看不见的直线。
接近性:相邻或接近的对象通常会被视为一组,而相隔较远的则被看作是分开的。
![](http://www.tretars.com/wp-content/uploads/2024/07/ppt-jiaocheng-53-6-1.jpg)
图7
假设在图7里的灰色长条是文字。我们会怎么阅读呢?
我们肯定会先读左边这一列,读完以后,再读右边这一列,类似于N字的视觉动线。为社么呢?
根据接近性原理,越接近的元素,会被认为是一组,更加相关。在图6中,各排文字的纵向距离原小于他们之间的横向距离,这就让我们认为在纵向上的是一个整体。
虽然,根据前面的连续性原理,直线上的元素也会被认为更相关。但是,如果我们把两列的距离拉进,他们之间的联系变得暧昧了,我们还会不会使用N自行视线就值得思考了。
了解了这些,我们再来看看为什么要对齐?
1、将多个元素组合成一个区块,加强联系,便于理解。
当元素混乱分布的时候,是很难看出他们之间有什么内在联系的,只有归类分档以后,才能轻易区分。这就好像将短袖和短裤揉成一团放在衣柜里,要穿的时候,需要翻找一样。但如果把他们分别装入两个盒子里,并区分开来,就很好找了。
对齐以后,会形成一条无形的线。根据格式塔原理,人们会识别到这条线,从而判断,在这条线上的内容,有联系。因为他们都有一个统一的规律,都在这条线上,一定是一个整体,都是讲的同一个内容,从而形成一个整体。
同时,对齐的元素,更加符合闭合性原理,更容易成“块”。
这些工作都是为了明确和区分,避免暧昧,引起误会。
2、引导视线方向。
我们都知道,现代阅读习惯是从左往右的,从上到下的。但如图8(左边部分),是纵向读,还是横向读?这个时候就需要对齐,形成隐形线,从而引导视线,让人们不会不知道怎么阅读。如图所示。
![](http://www.tretars.com/wp-content/uploads/2024/07/ppt-jiaocheng-53-7-1.jpg)
图8
3、增加秩序感,令人愉悦。
这可能是我们认为对齐最大的意义,但相比前面两个作用来说,我却觉得这是最不重要的一个部分。
从格式塔的原理我们不难总结出,人类总是在寻找规律。
这是人类的天性,天生喜欢秩序感(至少对大多数人来说)。我想这也许和人类的进化有关。原始人类为了存活,自然选择对自己有利的方向发展。而能够预测未来或者自然界的某种规律或者秩序无疑能极大的增加存活的几率。久而久之,这种对秩序的偏爱就保留了下来。
对齐产生秩序,能让我们符合格式塔的心理,从而产生愉悦。
但有一点需要注意,对齐可能不止有一个地方,而是有很多对齐的地方,可能是正文,也可能是标题,还有可能是角标等等。只有这些对齐都做好了,秩序感才能出来。
4、增加设计感和统一感。
现在大家都喜欢有设计感的东西。但什么是设计感?落在对齐上就是,大家都以一种同一的方式对齐。比如,正文区域与边框区域距离统一;装饰元素与装饰元素之间对齐;图片与文字之间的距离等等。
我们用对齐去统一“复杂形状的内容”,让复杂变为简单。更容易理解和接受。
![](http://www.tretars.com/wp-content/uploads/2024/07/ppt-jiaocheng-53-8-1.jpg)
图9
这些都统一以后,正画面就看起来很有统一感,即使是很简单的排布,也能看出“设计感”和统一感。