文字排版是一個(gè)設(shè)計(jì)師的基本功，它決定了整個(gè)頁面的風(fēng)格傾向，也是最能體現(xiàn)設(shè)計(jì)細(xì)節(jié)的地方。
今天我就帶大家一起探討文字排版的一些門道。看完你就會知道，如何排版能讓自己的頁面更合理，更清晰，更加有設(shè)計(jì)感。這里推薦一本書——《寫給大家看的設(shè)計(jì)書》[美]?威廉姆斯（Robbin Williams）著，本文就里面提到的四項(xiàng)原則來給大家詳細(xì)解讀文字排版的奧秘。這四項(xiàng)設(shè)計(jì)原則不僅適用于工作中的設(shè)計(jì)，在生活中的很多場景，都可以用到這種設(shè)計(jì)思維。
原則一：親密性
如果元素之間是有關(guān)系的，那么他們應(yīng)該在視覺上也相關(guān)。
如果內(nèi)容之間是相關(guān)的，或者理解的意思上是存在關(guān)聯(lián)的，那么在排版的時(shí)候就應(yīng)該讓他們彼此靠近。就像我們參加聚會總會找自己比較熟悉的人一起一樣，相關(guān)性強(qiáng)的要在視覺上距離較近。
▲你會很容易發(fā)現(xiàn)紅框中的元素是彼此相關(guān)的，因?yàn)樗麄兛康煤芙?。你不會認(rèn)為紅框中的內(nèi)容是和左邊的大圖相關(guān)。
▲我們可以很容易分辨圖片底下的文字和圖片是相關(guān)的，只看圖片就可以猜想到它們在表達(dá)相同的信息，而且很輕松能夠知道，標(biāo)題和它旁邊的內(nèi)容文字是對應(yīng)的。
原則二：對齊
▲對齊分為：左對齊、居中對齊、右對齊。
a、對于大段的文字，一個(gè)頁面不要出現(xiàn)多種對齊方式，那樣會顯得頁面很亂，沒有規(guī)律可循。最好只使用一種對齊方式（全部左對齊、全部右對齊、或全部居中對齊）。但通常情況下不會使用居中對齊，除非你對版式設(shè)計(jì)已經(jīng)非常嫻熟。而對于只有一行的文字信息，排版可以靈活一些，尋找一個(gè)參考進(jìn)行對齊。
▲左對齊的排版，在頁面中顯得非常規(guī)整、簡潔，視覺上也很舒服。而對于只有一行顯示的大標(biāo)題，可以根據(jù)版面進(jìn)行靈活調(diào)整，但也不是沒有章法，和頁面中的元素依然保持了對齊的關(guān)系。
▲如果一定要用居中對齊，那么將整段的文字看作一個(gè)整體（如圖中紅框），整體再進(jìn)行左對齊或者右對齊。這樣依然可以保持畫面的統(tǒng)一性和協(xié)調(diào)性。
b、項(xiàng)目中的每一個(gè)元素都要確保和其它元素具有某種對齊關(guān)系。就像人不能脫離社會而生活，頁面中的元素也不能脫離頁面而存在，每個(gè)元素和其它元素之間都要存在某種對齊關(guān)系。
▲看似隨意擺放的文字，也與其他元素有一定的對齊關(guān)系。
需要注意的是：很多設(shè)計(jì)師剛開始設(shè)計(jì)的時(shí)候，為了突出主題，正文使用左對齊，而對應(yīng)的標(biāo)題往往使用居中對齊，這里是錯(cuò)誤的，和內(nèi)文直接相關(guān)的標(biāo)題一定要避免與內(nèi)文采用不同的對齊方式！
▲知道了規(guī)則之后，也可以學(xué)著打破規(guī)則（如紅框），如果頁面中的對齊顯得太刻意，可以適當(dāng)打破這種呆板的感覺。即使是打破常規(guī)，也應(yīng)有理有據(jù)，靈活運(yùn)用。之前文章中講過的柵格系統(tǒng)，在這里仍然適用，在規(guī)則之中打破規(guī)則，既有規(guī)律可循，又不那么呆板。
原則三：重復(fù)
設(shè)計(jì)元素要學(xué)會復(fù)用，讓設(shè)計(jì)更有統(tǒng)一性和一致性，強(qiáng)化用戶的使用印象，同時(shí)也有利于設(shè)計(jì)師提高效率。
可以復(fù)用的元素有很多：字體、顏色、留白、符號、版式、線條...，復(fù)用的元素不一定完全一致，但一定存在某種聯(lián)系，這里跟模塊化設(shè)計(jì)思維有異曲同工之處。
（試著找一下右圖中有哪些元素是復(fù)用的）
▲但要注意，一個(gè)元素不要太多地進(jìn)行重復(fù)，比如你一個(gè)頁面全部用一個(gè)顏色的文字或色塊，會很難找到重點(diǎn)在哪里，如果只用一種主色，頁面也未免顯得太過單調(diào)無聊。要學(xué)會變換著使用這一原則。
原則四：對比
對比會讓頁面更具吸引力，避免元素太過相似，同時(shí)拉開視覺層級，制造焦點(diǎn)。常見對比：大小對比、顏色對比、疏密對比、文字和留白對比、虛實(shí)對比，粗細(xì)對比等。
a、對比的重點(diǎn)是一定要大膽強(qiáng)烈！千萬不要畏畏縮縮！不要拿28px的文字和29px的文字進(jìn)行對比，大小太過相似。文字要增加對比最好以4的倍數(shù)遞增，一般增加4的2倍，也就是8px為佳。現(xiàn)在很多APP使用的是流行的大標(biāo)題，可以適當(dāng)大一些，增加視覺對比。
▲不完全相同的元素就要有對比效果，既然要對比就要讓它們截然不同，做到一目了然降低用戶篩選信息的成本。
b、不要害怕讓一些項(xiàng)很小，這樣不僅便于與其他項(xiàng)形成對比，也能有更大的留白空間突出重點(diǎn)內(nèi)容。如果讀者不感興趣，你字放多大他都不會去看，如果他感興趣，你字很小也會去閱讀，設(shè)計(jì)中經(jīng)常會遇到客戶讓我們把字體再大點(diǎn)，logo再大點(diǎn)，就怕別人看不到，搞得很多設(shè)計(jì)師苦惱又沒辦法，以后就直接拿這項(xiàng)原則砸過去，有理有據(jù)。（不過實(shí)在不行該慫還得慫，畢竟飯碗比較重要）
tips：
除非是標(biāo)題或裝飾性文字，否則不要使用特殊字體，要保證內(nèi)容的清晰易讀。特別是大段的文字要盡量使用基礎(chǔ)的字體，比如黑體或者宋體，這樣閱讀起來才不會費(fèi)勁。?
文字排版四項(xiàng)原則：
原則一：親密性
原則二：對齊
原則三：重復(fù)
原則四：對比
希望這篇文章能對你有幫助，關(guān)注我后期會有更多實(shí)戰(zhàn)干貨奉送！如果有興趣和我一起探討設(shè)計(jì)，可以公眾號后臺加阿倩微信（注明來意）
注：本文圖片均來自網(wǎng)絡(luò)，侵刪！如需注明請后臺聯(lián)系我~
