開始之前，先看個圖。左右兩邊哪一個對齊了？

圖1

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

這個問題就不好回答了，不過別著急，這篇文章就是為了討論這個問題。

先說第一點(diǎn)，為什么我們能識別對齊？

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

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

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

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

圖2

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

圖3

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

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

圖4

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

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

圖5

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

圖6

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

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

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

圖7

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

我們肯定會先讀左邊這一列，讀完以后，再讀右邊這一列，類似于N字的視覺動線。為社么呢？

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

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

了解了這些，我們再來看看為什么要對齊？

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

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

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

同時，對齊的元素，更加符合閉合性原理，更容易成“塊”。

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

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

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

圖8

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

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

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

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

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

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

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

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

我們用對齊去統(tǒng)一“復(fù)雜形狀的內(nèi)容”，讓復(fù)雜變?yōu)楹唵巍８菀桌斫夂徒邮堋?/p>

圖9

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