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

圖1

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

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

先說第一點，為什么我們能識別對齊？

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

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

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

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

圖2

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

圖3

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

簡單性：人們傾向于將復雜的圖像理解為最簡單的形式，因為人類認知傾向于使用最少的努力去理解和感知。

圖4

在簡單性原理下，我們還可以把圖3中凹凸不平的方塊簡單化，理解成為一個矩形，以方便我們去理解和感知。

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

圖5

還是這一頁PPT案例。我們發(fā)現左側文字其實形成了兩條“隱形線”，左邊因為對齊，形成了直線，右邊則形成了曲線。根據之前的簡單性原理，人們其實傾向于用最少的努力去認知事物；同時由于從左側閱讀的習慣和曲線的不顯著，這里的直線比曲線更加容易受到重視。

圖6

我們在給這個文字上加一些裝飾，并且把文字緩存無意義的內容。我們仍然可以看到，即使有這么多干擾因素，我們仍然會直到這些文字是整體。并且直到以一種什么順序閱讀。

這也回答了我們一開始的問題，為什么右邊的對齊了，因為它形成了一條看不見的直線。

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

圖7

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

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

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

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

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

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

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

對齊以后，會形成一條無形的線。根據格式塔原理，人們會識別到這條線，從而判斷，在這條線上的內容，有聯系。因為他們都有一個統(tǒng)一的規(guī)律，都在這條線上，一定是一個整體，都是講的同一個內容，從而形成一個整體。

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

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

2、引導視線方向。

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

圖8

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

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

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

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

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

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

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

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

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

圖9

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