在排版當(dāng)中，許多人困惑于文字排列的復(fù)雜性，從單純乏味的文字排列獲取最終想要的某種排版上的“調(diào)性”，顯然是一件更乏味的事情，猶如要將一個(gè)冷饅頭嘬出味道來(lái)，直教人心生絕望。

這里我總結(jié)了文字排列中的三大對(duì)比原則，是最基礎(chǔ)也是最容易掌握的幾種類型。

為什么使用對(duì)比？因?yàn)樵?a href=http://seniorhumorist.com/ target=_blank class=infotextkey>設(shè)計(jì)的過(guò)程中，不同文本本身具有不同的重要程度，所以依次劃分層級(jí)，然后使用對(duì)比手法，強(qiáng)化重要的，弱化次要的。高效的到達(dá)宣傳需求。

那么我這里先舉一個(gè)極端案例，如下圖是高田唯的設(shè)計(jì)作品，暫且不看具體的信息內(nèi)容，從文本的排列來(lái)看，我們并沒(méi)有很強(qiáng)烈的感受到“對(duì)比”，這幾乎是違背了設(shè)計(jì)常識(shí)，所以許多同學(xué)會(huì)說(shuō)看不懂，不懂到底要表現(xiàn)什么。

看不懂是正常的，因?yàn)檫@確實(shí)是在常識(shí)之外的一次設(shè)計(jì)嘗試，甚至作者連字號(hào)的大小沒(méi)有調(diào)整，就是這樣赤裸裸明晃晃的將文字依次排列下來(lái)。

我們?cè)賮?lái)看另一個(gè)案例，這個(gè)案例在某種程度上來(lái)說(shuō)，也是在常識(shí)之外的。

我們僅看它的文本排列，你會(huì)發(fā)現(xiàn)，作者將中英文的粗細(xì)搭配做了很高的匹配度，也就是近乎達(dá)到了“粗細(xì)一致”，這是很見(jiàn)細(xì)節(jié)的地方。

另外，說(shuō)這個(gè)作品在某種程度上的文本排列極端，是因?yàn)閷?duì)于文本排版上的技法用的非常克制。

也就是文本上只用了“字號(hào)對(duì)比”，字號(hào)對(duì)比是很常見(jiàn)了，但是不常見(jiàn)的是“只使用字號(hào)對(duì)比”。

在廣煜的作品中，這種手法已經(jīng)不作為一個(gè)簡(jiǎn)單的技法，而是一種通用的風(fēng)格來(lái)使用。我們看下面的作品都是用了“字號(hào)對(duì)比”的手法來(lái)完成的。

首先我們來(lái)看一下第一個(gè)案例。

第一個(gè)案例我們將用字號(hào)對(duì)比來(lái)進(jìn)行劃分文本的層級(jí)關(guān)系，那么首先第一步，我們需要將文本全部排成等大等粗。

即字號(hào)一致，字重保持一致。

如下圖，這個(gè)是我分類好的信息，使用的是思源黑體，中英文未做匹配。

那么接下來(lái)我們要解決四個(gè)問(wèn)題。

第一，選擇字體，我這里中文選擇了一個(gè)日本的字庫(kù)-A-OTF リュウミン，英文選擇的是Garamond。

第二，英文和中文同字號(hào)的情況下，英文要略小，所以給英文增加字號(hào)。

第三，調(diào)整字距行距組距，確保統(tǒng)一關(guān)系。

第四，特別要注意的是，中英文選擇字庫(kù)時(shí)，觀察英文的粗細(xì)比例變化是否和中文保持了一致關(guān)系。

 

下面是我調(diào)整過(guò)后的效果。

然后分析文本，劃分一下層級(jí)關(guān)系，然后做字號(hào)的大小對(duì)比。

一般如果想要徹底拉開(kāi)對(duì)比，字號(hào)應(yīng)為2-3倍關(guān)系。

上面的文本排列效果是有一定的構(gòu)圖規(guī)律，我個(gè)人喜歡用六欄網(wǎng)格，變化較多，排列時(shí)自由度也要更高一些。

字號(hào)對(duì)比這招非常好用，許多同學(xué)把握不了多字重的變化，經(jīng)常陷入文本排列混亂，那么這一招可以非常高效的完成層級(jí)的劃分。

最后一步，我們按照主體去加入主體元素，修改色彩，這個(gè)方案就完成了。

第二個(gè)方法，字體對(duì)比。

字體對(duì)比的難度相對(duì)更高一些，常規(guī)我們會(huì)更比較建議盡量少使用不同的字體，使用字體種類數(shù)量越少越好，這是因?yàn)椴煌�的字體，能夠融洽的放在一般版面當(dāng)中而不讓人覺(jué)得突兀，需要對(duì)字體本身有一定的了解。

 

那么在這個(gè)案例當(dāng)中，我將會(huì)使用兩種中文字庫(kù)，兩種英文字庫(kù)。

首先我將標(biāo)題做了一個(gè)簡(jiǎn)單的處理。

我這里簡(jiǎn)單說(shuō)一下這種效果如何來(lái)處理，只是一個(gè)非常簡(jiǎn)單的小技巧。

01.在ps中將字打出來(lái)。

02.選擇高斯模糊，注意不要太大。

03.選擇“閾值”，調(diào)整參數(shù)。

04.在ai當(dāng)中進(jìn)行圖像描摹。

05.在ai中使用變形工具進(jìn)行微調(diào)細(xì)節(jié)。

標(biāo)題的英文我給它搭配的是無(wú)襯線體-Helvetica，因?yàn)榭�體的粗細(xì)比例已經(jīng)傾向于一致，選擇無(wú)襯線體是非常適合的。

剩余的文字依次排列下來(lái)，處理好層級(jí)關(guān)系。

我們來(lái)看一下最終的文本排列效果。同樣使用六欄網(wǎng)格，處理好構(gòu)圖關(guān)系。

最后一步，添加畫(huà)面主題，修改顏色，這樣就完成了最后的海報(bào)效果。

我們看一下，這個(gè)方案在文本上要比第一個(gè)方案變化性更強(qiáng)，靈活性更高。

其實(shí)這個(gè)方法在純英文的排版中更加好用一些，因?yàn)橛⑽淖帜冈煨秃?jiǎn)單，可以有更靈活的變化性。我們來(lái)看一下國(guó)外的這類設(shè)計(jì)方案。

第三個(gè)方法，字重對(duì)比。

這估計(jì)是許多同學(xué)最愛(ài)用的一招了，粗細(xì)對(duì)比會(huì)給人非常直觀的視覺(jué)對(duì)比效果，從而達(dá)到畫(huà)面的視覺(jué)張力。

雖然客戶最喜歡的建議是“這個(gè)放大這個(gè)放小”，但是如果用字重控制也是一個(gè)不錯(cuò)的方法。

這個(gè)案例我們將使用一個(gè)黑體搭配無(wú)襯線體。第一步，先將文字簡(jiǎn)單排列出來(lái)，這一步，可以先不加粗某個(gè)部分。

可以先將粗細(xì)控制在同一粗細(xì)范圍內(nèi)，第二步再進(jìn)行加粗某個(gè)需要強(qiáng)調(diào)的部分。

然后再次進(jìn)行加粗，注意加粗的部分需要有一定的側(cè)重，比如這里的標(biāo)紅部分，我都是選擇了重要的信息去進(jìn)行加粗，這樣版面就會(huì)具有一定的準(zhǔn)確性。

最后一步，添加色彩與畫(huà)面主體，完成。

 

原文：胡曉波工作室

作者： 王猛奇