版式設(shè)計(jì)作為設(shè)計(jì)新手,，在工作中你可能經(jīng)常會(huì)到遇到這樣的情況：做了一個(gè)自我感覺(jué)還不錯(cuò)的設(shè)計(jì),，但是客戶一直就是不認(rèn)可，不斷的挑細(xì)節(jié),，找問(wèn)題,。如果你沒(méi)有注意到這一點(diǎn)，請(qǐng)細(xì)品,，版式設(shè)計(jì)之對(duì)其的秘密,。

所有的商業(yè)設(shè)計(jì)可以拆分成兩個(gè)關(guān)鍵步驟：

信息解構(gòu)的意思就是我們得分析內(nèi)容，把內(nèi)容的層次梳理出來(lái),。哪些是重要的,，哪些是只需要稍稍提到。厘清信息層次之后,，需要用什么樣的視覺(jué)力度,，心里有就數(shù)了。這就相當(dāng)于設(shè)計(jì)有了骨架,。
視覺(jué)傳達(dá)是服務(wù)于信息架構(gòu)的,，相當(dāng)于在上一步的設(shè)計(jì)骨架之上豐滿肉體，穿好衣服,，化好妝,。最終呈現(xiàn)在消費(fèi)者面前的才會(huì)是一個(gè)有內(nèi)涵的大美女。
而版式設(shè)計(jì)要講的,，就是梳理信息層次以及搭好設(shè)計(jì)的骨架,。
要搭好骨架的第一步，就是建立信息的條理性,。

對(duì)齊在設(shè)計(jì)上有兩層含義：

1,、對(duì)齊 是將元素按照統(tǒng)一的規(guī)律擺放。
2,、群化 是將畫面中同類型的元素相互歸類到一起,。

第一條很好理解，對(duì)齊就是對(duì)齊嘛,！
第二條怎么理解呢,？我們通過(guò)一個(gè)例子來(lái)展示：

沒(méi)有對(duì)齊方式時(shí)，畫面一片混沌,。
當(dāng)這些元素被對(duì)齊并群化之后,，通過(guò)隱藏的對(duì)齊線將它們分成了不同的組，雖然物理上它們之間還是分開(kāi)的,，但是你肯定會(huì)認(rèn)為它們之間已經(jīng)產(chǎn)生了聯(lián)系,，在視覺(jué)上它們事實(shí)上形成了一個(gè)單元。

正是由于對(duì)齊所產(chǎn)生的視覺(jué)聯(lián)系，在實(shí)際的設(shè)計(jì)中,，我們一般把同一類信息,，用同一種對(duì)齊方式歸類到一起。這會(huì)讓我們的設(shè)計(jì)看起來(lái)更加的有條理性,。

總之,，嚴(yán)謹(jǐn)?shù)膶?duì)齊方式會(huì)讓你的作品：

合理的對(duì)齊方式可以帶來(lái)秩序感，讓你的設(shè)計(jì)稿看起來(lái)更加嚴(yán)謹(jǐn),、專業(yè),。

無(wú)序混亂會(huì)讓人不適，進(jìn)而產(chǎn)生不安全感,。
有序則會(huì)給人安穩(wěn)的感受,。例如整齊劃一的閱兵給人強(qiáng)大的安全感、力量感,。

例如不同國(guó)家的閱兵就會(huì)看出不同的效果,。
整齊劃一的是這樣。

如果不夠齊步,，那就會(huì)變得很不專業(yè),。

甚至。,。,。

對(duì)齊是排版中建立條理性的第一步，我們常用的對(duì)齊方式有以下6種：

我們來(lái)看下具體應(yīng)到的設(shè)計(jì)中是什么樣的,。

左對(duì)齊

左對(duì)齊是閱讀效率最高的對(duì)齊方式,，人的瀏覽視線都是從左往右移，因此大段需要閱讀的文案,，最好采用左對(duì)齊的方式排版,。比如說(shuō)你現(xiàn)在正看到的這段文案。

應(yīng)用案例：

右對(duì)齊

右對(duì)齊的方式與人的視線移動(dòng)方向相反,，因此這種對(duì)齊方式會(huì)顯得比較個(gè)性，就是你愛(ài)看不愛(ài)的感覺(jué),。所以右對(duì)齊的應(yīng)用場(chǎng)景不太多,，有時(shí)候只是因?yàn)樾枰虐嫔细胶猓攀褂糜覍?duì)齊,。

應(yīng)用案例：

居中對(duì)齊

居中對(duì)齊是十分霸氣的一種對(duì)齊方式,，顯得很正式、嚴(yán)肅,、有力量,，閱讀性上可以牢牢抓住用戶眼球。一些高端,、成熟的品牌比較喜歡用,，喊口號(hào)的宣傳海報(bào)最好也采用居中對(duì)齊,。
需要指出的是，居中對(duì)齊具有對(duì)空間的獨(dú)占性,。也就是說(shuō),，在同一個(gè)單元模塊中，最好只有一個(gè)居中對(duì)齊的內(nèi)容,，這樣可以充分發(fā)揮居中對(duì)齊的大氣,。

應(yīng)用案例：

兩端對(duì)齊

兩端對(duì)齊用于特殊文本處理，是指將一部分元素通過(guò)調(diào)整間距的方式使得兩端完全對(duì)齊,，強(qiáng)制處理成四方形,，這樣可以達(dá)成工整嚴(yán)謹(jǐn)?shù)男Ч?br>兩端對(duì)齊不僅僅用于處理文本，也常用于編排多個(gè)類似的視覺(jué)元素,，在整齊中通過(guò)細(xì)節(jié)的變化形成近似畫面,，達(dá)到強(qiáng)化設(shè)計(jì)感的目的。

應(yīng)用案例：

頂對(duì)齊

頂對(duì)齊和底對(duì)齊是縱向排版才會(huì)用到的對(duì)齊方式,，縱向排版我們都知道起源于古代的書簡(jiǎn),，因此采用縱向排版雖然不利于閱讀，但是可以營(yíng)造出復(fù)古的文化氛圍,。
一般縱向排版都是頂對(duì)齊,，這樣可以相對(duì)的更好閱讀。

應(yīng)用案例：

底對(duì)齊

底對(duì)齊雖然也是縱向排版,，不過(guò)很少應(yīng)用在文字排版上面,，在需要比較差異性的數(shù)據(jù)圖表上應(yīng)用多一些。

應(yīng)用案例：

前面講的對(duì)齊方式都很容易理解,，因?yàn)樗鼈兌际前凑諈⒖季€,，進(jìn)行物理上的對(duì)齊。
在實(shí)際工作中,，還存在著一類特殊的對(duì)齊方式,，那就是視覺(jué)對(duì)齊。

什么是視覺(jué)對(duì)齊,？

視覺(jué)對(duì)齊就是當(dāng)元素的重量分布不均勻,，采用物理的對(duì)齊方式就會(huì)造成視覺(jué)上的落差時(shí)，我們需要去目測(cè)元素的視覺(jué)重心,，然后以元素的視覺(jué)重心為參考點(diǎn),，進(jìn)行對(duì)齊。

聽(tīng)起來(lái)特別拗口是吧,？
意思就是：看起來(lái)對(duì)齊,！

看個(gè)案例就明白了。

下面這三個(gè)LOGO，如果按照嚴(yán)格的物理對(duì)齊,，它們是這樣的效果：

去掉參考線之后：

只要眼睛不瞎,，都能看出這不對(duì)勁是吧，這也太不整齊了,，那問(wèn)題出在哪呢,？
問(wèn)題就出在兩方面：
1、三個(gè)LOGO的視覺(jué)密度不一樣,，導(dǎo)致它們的大小和重量感差異很大,。
2、三個(gè)LOGO的視覺(jué)重心都位于不同的水平線,。

弄清楚了原因,，我們就著手修改：
第一步，把亞馬遜與騰訊兩個(gè)LOGO縮小點(diǎn),，讓它們仨在視覺(jué)上的面積和重量更相近,。

第二步，目測(cè)他們的視覺(jué)重心,，然后拉參考線對(duì)齊,。

最終結(jié)果：

可能你會(huì)有點(diǎn)疑問(wèn)，改變LOGO大小和尋找視覺(jué)重心,，好像都是憑感覺(jué)?。窟@樣靠譜嗎,？
靠不靠譜取決于你的專業(yè)程度,，想成為了優(yōu)秀的設(shè)計(jì)師，沒(méi)有一個(gè)固定的公式,，只能通過(guò)大量的練習(xí),，將自己訓(xùn)練成像素眼。還是那句話,，專業(yè)和業(yè)余的區(qū)別就在于你對(duì)這些小細(xì)節(jié)的敏感度,。
當(dāng)然上面的案例稍微有點(diǎn)極端，但其實(shí)視覺(jué)對(duì)齊的問(wèn)題 ,，工作中經(jīng)常會(huì)遇到,，比如說(shuō)你畫了幾個(gè)圖標(biāo)，精心的調(diào)整了它們的大小和位置：

前端小哥哥打開(kāi)設(shè)計(jì)稿,，把參考線一拉，然后就跑過(guò)來(lái)咆哮：這些圖標(biāo)大小都不一致,，也沒(méi)對(duì)齊,。。。你也太不專業(yè)了吧??！
這個(gè)時(shí)候你就可以不慌不忙的拿起你的保溫杯，喝一口枸杞泡茶,，然后把這篇的教程丟給他,。

好像還不夠霸氣？那就來(lái)個(gè)頂天立地吧,！
將名字放到碩大無(wú)比,，彰顯出主人的自信?？吹竭@樣一張名片,，想不留下深刻印象都不行！??！

居中對(duì)齊略顯正式？缺少變化,？那就試一下錯(cuò)落有致吧,。
將信息分成左右兩邊排版，形成視覺(jué)落差,。
左邊采用豎向文字,，插入橫排的小字形成變化。
右邊橫排文字,，采用類似兩端對(duì)齊,，但是整體呈豎向的視覺(jué)效果，和左邊形成呼應(yīng),。
可以看到這樣的排版用到的對(duì)齊方式會(huì)更多,，整體上很工整，但是細(xì)節(jié)hi是很重要,。