開(kāi)始之前，先看個(gè)圖。左右兩邊哪一個(gè)對(duì)齊了？

圖1

我想你一定能脫口而出，右邊的對(duì)齊了。那我再問(wèn)一個(gè)問(wèn)題，我們?yōu)槭裁匆獙?duì)齊？只是為了好看嗎？

這個(gè)問(wèn)題就不好回答了，不過(guò)別著急，這篇文章就是為了討論這個(gè)問(wèn)題。

先說(shuō)第一點(diǎn)，為什么我們能識(shí)別對(duì)齊？

回答這個(gè)問(wèn)題之前，我們要先搞清楚一個(gè)原理——格式塔原理。

格式塔原理是人類視覺(jué)系統(tǒng)的原理，強(qiáng)調(diào)人們會(huì)將視覺(jué)元素以整體形式來(lái)感知和理解。意思就是，我們?cè)谟^察和理解事物時(shí)，傾向于將事物視為完整的單元，而非單獨(dú)的部分。

也許格式塔一時(shí)半會(huì)兒很難解釋，但在今天要講的“對(duì)齊”中，我們只需要了解格式塔的：簡(jiǎn)單性、接近性、連續(xù)性、閉合性就行了。

閉合性：人們會(huì)傾向于認(rèn)為物體是完整的，即便其存在間隙或不完整。

圖2

在這個(gè)原理下，我們看到圖2中，并沒(méi)有出現(xiàn)三角形和正方形，但我們的大腦仍然能夠看到他們。這就是閉合性。

圖3

在實(shí)際應(yīng)用中，當(dāng)文字和柱狀圖足夠小的時(shí)候，我們也會(huì)不自覺(jué)的將圖3中的文字和柱狀圖分別理解成為一個(gè)整體，形成塊狀。但這也涉及到下一個(gè)原理：簡(jiǎn)單性。

簡(jiǎn)單性：人們傾向于將復(fù)雜的圖像理解為最簡(jiǎn)單的形式，因?yàn)槿祟愓J(rèn)知傾向于使用最少的努力去理解和感知。

圖4

在簡(jiǎn)單性原理下，我們還可以把圖3中凹凸不平的方塊簡(jiǎn)單化，理解成為一個(gè)矩形，以方便我們?nèi)ダ斫夂透兄?/p>

連續(xù)性：排列在直線或曲線上的元素會(huì)被認(rèn)為更加相關(guān)，人們傾向于感知連續(xù)的物體。

圖5

還是這一頁(yè)P(yáng)PT案例。我們發(fā)現(xiàn)左側(cè)文字其實(shí)形成了兩條“隱形線”，左邊因?yàn)閷?duì)齊，形成了直線，右邊則形成了曲線。根據(jù)之前的簡(jiǎn)單性原理，人們其實(shí)傾向于用最少的努力去認(rèn)知事物；同時(shí)由于從左側(cè)閱讀的習(xí)慣和曲線的不顯著，這里的直線比曲線更加容易受到重視。

圖6

我們?cè)诮o這個(gè)文字上加一些裝飾，并且把文字緩存無(wú)意義的內(nèi)容。我們?nèi)匀豢梢钥吹剑词褂羞@么多干擾因素，我們?nèi)匀粫?huì)直到這些文字是整體。并且直到以一種什么順序閱讀。

這也回答了我們一開(kāi)始的問(wèn)題，為什么右邊的對(duì)齊了，因?yàn)樗纬闪艘粭l看不見(jiàn)的直線。

接近性：相鄰或接近的對(duì)象通常會(huì)被視為一組，而相隔較遠(yuǎn)的則被看作是分開(kāi)的。

圖7

假設(shè)在圖7里的灰色長(zhǎng)條是文字。我們會(huì)怎么閱讀呢？

我們肯定會(huì)先讀左邊這一列，讀完以后，再讀右邊這一列，類似于N字的視覺(jué)動(dòng)線。為社么呢？

根據(jù)接近性原理，越接近的元素，會(huì)被認(rèn)為是一組，更加相關(guān)。在圖6中，各排文字的縱向距離原小于他們之間的橫向距離，這就讓我們認(rèn)為在縱向上的是一個(gè)整體。

雖然，根據(jù)前面的連續(xù)性原理，直線上的元素也會(huì)被認(rèn)為更相關(guān)。但是，如果我們把兩列的距離拉進(jìn)，他們之間的聯(lián)系變得曖昧了，我們還會(huì)不會(huì)使用N自行視線就值得思考了。

了解了這些，我們?cè)賮?lái)看看為什么要對(duì)齊？

1、將多個(gè)元素組合成一個(gè)區(qū)塊，加強(qiáng)聯(lián)系，便于理解。

當(dāng)元素混亂分布的時(shí)候，是很難看出他們之間有什么內(nèi)在聯(lián)系的，只有歸類分檔以后，才能輕易區(qū)分。這就好像將短袖和短褲揉成一團(tuán)放在衣柜里，要穿的時(shí)候，需要翻找一樣。但如果把他們分別裝入兩個(gè)盒子里，并區(qū)分開(kāi)來(lái)，就很好找了。

對(duì)齊以后，會(huì)形成一條無(wú)形的線。根據(jù)格式塔原理，人們會(huì)識(shí)別到這條線，從而判斷，在這條線上的內(nèi)容，有聯(lián)系。因?yàn)樗麄兌加幸粋€(gè)統(tǒng)一的規(guī)律，都在這條線上，一定是一個(gè)整體，都是講的同一個(gè)內(nèi)容，從而形成一個(gè)整體。

同時(shí)，對(duì)齊的元素，更加符合閉合性原理，更容易成“塊”。

這些工作都是為了明確和區(qū)分，避免曖昧，引起誤會(huì)。

2、引導(dǎo)視線方向。

我們都知道，現(xiàn)代閱讀習(xí)慣是從左往右的，從上到下的。但如圖8（左邊部分），是縱向讀，還是橫向讀？這個(gè)時(shí)候就需要對(duì)齊，形成隱形線，從而引導(dǎo)視線，讓人們不會(huì)不知道怎么閱讀。如圖所示。

圖8

3、增加秩序感，令人愉悅。

這可能是我們認(rèn)為對(duì)齊最大的意義，但相比前面兩個(gè)作用來(lái)說(shuō)，我卻覺(jué)得這是最不重要的一個(gè)部分。

從格式塔的原理我們不難總結(jié)出，人類總是在尋找規(guī)律。

這是人類的天性，天生喜歡秩序感（至少對(duì)大多數(shù)人來(lái)說(shuō)）。我想這也許和人類的進(jìn)化有關(guān)。原始人類為了存活，自然選擇對(duì)自己有利的方向發(fā)展。而能夠預(yù)測(cè)未來(lái)或者自然界的某種規(guī)律或者秩序無(wú)疑能極大的增加存活的幾率。久而久之，這種對(duì)秩序的偏愛(ài)就保留了下來(lái)。

對(duì)齊產(chǎn)生秩序，能讓我們符合格式塔的心理，從而產(chǎn)生愉悅。

但有一點(diǎn)需要注意，對(duì)齊可能不止有一個(gè)地方，而是有很多對(duì)齊的地方，可能是正文，也可能是標(biāo)題，還有可能是角標(biāo)等等。只有這些對(duì)齊都做好了，秩序感才能出來(lái)。

4、增加設(shè)計(jì)感和統(tǒng)一感。

現(xiàn)在大家都喜歡有設(shè)計(jì)感的東西。但什么是設(shè)計(jì)感？落在對(duì)齊上就是，大家都以一種同一的方式對(duì)齊。比如，正文區(qū)域與邊框區(qū)域距離統(tǒng)一；裝飾元素與裝飾元素之間對(duì)齊；圖片與文字之間的距離等等。

我們用對(duì)齊去統(tǒng)一“復(fù)雜形狀的內(nèi)容”，讓復(fù)雜變?yōu)楹?jiǎn)單。更容易理解和接受。

圖9

這些都統(tǒng)一以后，正畫(huà)面就看起來(lái)很有統(tǒng)一感，即使是很簡(jiǎn)單的排布，也能看出“設(shè)計(jì)感”和統(tǒng)一感。