教程解說：王猛奇

站酷鏈接：https://www.zcool.com.cn/u/14679443

許多人都在學(xué)字體設(shè)計,。

許多人仍然沒成為一個真正的設(shè)計師,。

字體,，很多人認(rèn)為簡單，我們從小書寫,，我們從小說漢語，我們用臟字罵人時能一次性使用許多成語,。

但你沒因此成為書法家,，也沒因此成為作家。

可你認(rèn)為自己是一個字體設(shè)計師,。

字體設(shè)計師,，在設(shè)計的領(lǐng)域之內(nèi)，你可能,，首先得是一名設(shè)計師,。

咱們這一篇從基礎(chǔ)標(biāo)題文字組的排版開始說起，聊聊從完成一個字體設(shè)計到完成一個以字體設(shè)計為主設(shè)計畫面的過程,。

咱們先來看一些優(yōu)秀的版式設(shè)計,，在下面的書籍封面中，并沒有出現(xiàn)所謂的“字體設(shè)計”的部分,，但仍然,，我們感知到了字體的美感，這就是需要我們一起來思考的問題,。

是不是真的需要改動筆畫,，需要一筆一劃從零開始，才算做字體設(shè)計,，利用文字的編排,，其他設(shè)計手法的表現(xiàn)如果也能達(dá)到利用字體來吸引視線，是不是就能意味著,，文字排版也可算作字體設(shè)計的范疇,。

看到這里，可能很多同學(xué)仍然是懵的,，這里面的版面這么亂,，沒看出來有文字成組啊。

沒關(guān)系,，咱們用輔助線來劃分一下,。

注意觀察，在下面看似凌亂的畫面當(dāng)中,，其實全部由一個又一個或大或小的文字組構(gòu)成,，在大的板塊之中，主要分為兩個部分,，構(gòu)成畫面主體的標(biāo)題文字組,，和其他需要閱讀的文字組,。

在功能上來說，畫面主體的標(biāo)題文字組負(fù)責(zé)了吸引讀者視線,。而小的文字組負(fù)責(zé)了信息傳遞的部分,。

最常規(guī)的海報構(gòu)成方式基本分為這兩大區(qū)域。

咱們再來看下一個,。

這組版面某種程度上跟第一個案例是非常類似的,。

大的層級也劃分為了兩個部分，畫面主體的標(biāo)題文字組負(fù)責(zé)了吸引讀者視線,。而小的文字組負(fù)責(zé)了信息傳遞的部分,。

不同的是，在這組版面當(dāng)中,，主標(biāo)題文字信息和圖像做了結(jié)合,，層次感更加明朗豐富一些。

再來看第三個版面,。

和上面兩個都不同,，在這組設(shè)計當(dāng)中，主標(biāo)題并沒有和圖形圖像做融合,，而是直接以信息傳達(dá)的方式簡單干脆的出現(xiàn)在我們的視線當(dāng)中,。

圖形的歸圖形，信息的歸信息,。

這也是一種非常常見的版面形式,。

那么咱們現(xiàn)在就僅標(biāo)題文字組做一下歸類及示例。

先來看文案部分,。

先不急著做整個標(biāo)題文字組,，咱們先來說一下常用的日期的設(shè)計手法，很多同學(xué)對于細(xì)節(jié)并不在意,，只一味追求吊炸天的炫酷效果,，常常導(dǎo)致的結(jié)果就是，并沒有吊炸天,，反而low炸天,。

也就是咱們常說的，沒有細(xì)節(jié)的設(shè)計是經(jīng)不起推敲的,，缺失了細(xì)節(jié)美感的設(shè)計就像是一個壯漢坐著輪椅,，總歸是不成立的。

那么咱們這里主要介紹四種的對齊方式,。

第一種：橫排左對齊,。

我們先來看看完成后的效果，我在下方標(biāo)記了小的文字之間的行距，注意觀察,，在同一層級之下的信息排布,，一般來說，行距是基本相等的,。

那么需要注意的第二個部分是,，文字的長度一般來說，呈現(xiàn)“短長短”的排布節(jié)奏,，在視覺上是較為舒服的,。

看一下最終效果。

信息雖然不多,，但是每個小段文字仍然需要排列精致,，主次明確,，節(jié)奏舒緩,。

第二種對齊方式：橫排右對齊。

無論如何,，對齊仍然是設(shè)計當(dāng)中最重要的法則,，無關(guān)你要做哪種花俏的設(shè)計。

那么雖然整體的信息及字體都沒有改變,，但是在右對齊之后,，我還是將最后兩行信息并為一行。原因是,，在右對齊當(dāng)中,，我們視覺的重心是轉(zhuǎn)移的，所以需要根據(jù)排版方式更換信息排布節(jié)奏,。

第三種對齊方式：橫排居中對齊,。

居中對齊相對來說，節(jié)奏感更強一些,，它的視覺線并不如一二種對齊方式那樣清晰,，反而靈活度更好一些。

第四種對齊方式：豎排頂端對齊,。

一般來說,，豎排之后，我們的閱讀線是從右往左的,，所以我一種信息的層次關(guān)系做了從右往左的大小排布,。

那么咱們這里就只介紹這四種最基礎(chǔ)的對齊方式，其實嚴(yán)格起來,，自由排版里還有一些排版方式可以介紹,，但總的來說，都是前面四種對齊方式的組合，比如左右對齊組合形式,，環(huán)繞式排版（居中對齊）等等,。咱們這里點到為止。

那么下來就到了完整的案例演示部分,，這一塊,，咱們就結(jié)合字體設(shè)計和文字組來設(shè)計。

先不做字體設(shè)計,，咱們進(jìn)行簡單的文字排版,，看一下不進(jìn)行字體設(shè)計（或者說沒融合圖形）的信息組應(yīng)該是怎樣排列合適一些。

先來看大標(biāo)題的設(shè)計部分,。

在下面這個文字組當(dāng)中,，我僅僅是使用了左對齊的處理形式。能把簡單的信息簡單的排列清楚就可以了,。

那么這一組,，算是比較常規(guī)的一種手法。

我們再來看第二種,。

第二種從形式上來說,，要更加豐富一些。原因是,，我做了一些簡單變化使其強制性兩端對齊,。

為什么不在基礎(chǔ)的對齊方式里介紹呢，因為本質(zhì)上來說,，這種形式并不能完全適應(yīng)很多時候的信息處理,，所以不算做最基礎(chǔ)的對齊方式。

再來看第三種,。

第三種某種程度上來說,，要更加難一些。

因為你很難從整體上直接判斷,，這里具體屬于那種對齊方式的范疇,。

從微小的文字組來說，這其中有使用了左對齊的,，也有右對齊,，從整體來說，也有居中對齊的部分,，也有兩端強制對齊的部分,。

基礎(chǔ)的標(biāo)題文字組咱們已經(jīng)嘗試完了，現(xiàn)在咱們開始字體設(shè)計的部分,。

第一步,，先簡單做出字形，這一步并不復(fù)雜。

第二步呢,，咱們要開始進(jìn)行圖形化處理,，因為我前期的想法是，做一個字體畫面性的東西出來,，所以這就要求,，字體設(shè)計部分要足夠吸引人。

我這里選擇了紋理填充,。

但又不止一種紋理,，而是做了一個錯亂的效果排布，看上去更加靈活一些,，不那么死板規(guī)矩,。

第三步，為字體設(shè)計畫面做更豐富的文字組處理效果,。

在這一步里,，我們要比較清醒的知道，大的標(biāo)題組已經(jīng)設(shè)計完成,，剩余的是將它完善,，從而成為一個有圖形有信息的畫面,。

第四步,，做海報當(dāng)中其他的信息文字排版。

其實,，其他的文字信息我也是以小的文字組的方式進(jìn)行控制的,，所以從整個版面對說，仍具有強烈秩序感,。

咱們來看一下最終效果,。

我們來解構(gòu)一下這張海報具體的信息排布及文字組的位置和大小關(guān)系。

在下面的信息當(dāng)中,，我將“語境盲域”這個大標(biāo)題又重復(fù)了一次,，因為上面的字體設(shè)計負(fù)責(zé)的是圖形部分，在信息傳達(dá)上可能并不盡人意,，所以再次重復(fù)一次,，以做重要強調(diào)。

下面是海報的效果圖展示,。

今天的內(nèi)容你們都學(xué)會了嗎,？

答應(yīng)我看完都好好練習(xí)一下哦~

我們下期再見~