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

圖1

我想你一定能脫口而出，右邊的對齊了。那我再問一個問題，我們為什么要對齊？只是為了好看嗎？

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

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

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

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

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

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

圖2

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

圖3

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

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

圖4

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

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

圖5

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

圖6

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

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

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

圖7

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

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

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

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

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

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

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

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

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

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

2、引導視線方向。

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

圖8

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

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

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

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

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

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

4、增加設計感和統一感。

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

我們用對齊去統一“復雜形狀的內容”，讓復雜變為簡單。更容易理解和接受。

圖9

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