實(shí)用設(shè)計(jì)攻略：快速掌握字體搭配思路
作者：鄧海貝，首發(fā)：藝海拾貝Design
原標(biāo)題：快速掌握字體搭配思路
上一期通過“黑體”、“宋體”、“圓體”、“書法體”四大類字體的分析，講解了各類字體的風(fēng)格特點(diǎn)和在各種設(shè)計(jì)案例中的使用效果 ；我們可以根據(jù)“目標(biāo)受眾”、“項(xiàng)目調(diào)性”、“行業(yè)屬性”等方式確定字體類型，使字體和版面風(fēng)格相契合。本期將通過字體搭配三大原則：限制字體數(shù)量、建立視覺層次、風(fēng)格氣質(zhì)的統(tǒng)一，給大家講解字體搭配的基本技巧。
一、限制字體數(shù)量
一個版面中字體的變化不易過多，不論信息量有多少，字體選擇控制在二至三種已足以應(yīng)付畫面的需要。即使字體不變，通過改變字體的大小、粗細(xì)、顏色或是裝飾手法也可達(dá)到區(qū)分主次、引導(dǎo)讀者閱讀的目的。字體類型越少，對畫面文字信息的編排布局就越容易掌控。
信息量非常大，但只使用一種字體，通過字體大小、粗細(xì)對比，和巧妙的編排，很好營造出視覺層次。
整個版面只使用兩組字體：英文信息使用粗壯的無襯線字體，并放大強(qiáng)調(diào) ；而日文信息使用較細(xì)的襯線體，信息層次可以得到很好區(qū)分。
有些項(xiàng)目需要呈現(xiàn)熱鬧活潑的氛圍，或需要非常具有裝飾性的設(shè)計(jì)，必須使用復(fù)雜的字體搭配，請保持整體效果是協(xié)調(diào)的，避免沖突和混亂。
此海報為了營造出熱鬧豐富的畫面感，使用了非常多的字體，形式感很豐富，視覺沖擊力很強(qiáng)。但是對于大部分對版面把控力不強(qiáng)的設(shè)計(jì)師，往往很難做到既豐富又協(xié)調(diào) ，所以限制字體數(shù)量是使畫面達(dá)到協(xié)調(diào)統(tǒng)一的好方法。
二、建立視覺層次
為什么要進(jìn)行字體搭配？一是為了美觀，二是為了建立視覺層次。在一個版面中，包含有不同層次的信息內(nèi)容，需要按主次進(jìn)行區(qū)分，如標(biāo)題、小標(biāo)題、內(nèi)文，每個信息層級也會有重點(diǎn)信息和非重點(diǎn)信息。
在進(jìn)行字體搭配時需要通過字體的大小、粗細(xì)、顏色等方式來配合展現(xiàn)，幫助讀者避免視覺上的混亂，同時給版面帶來閱讀的層次感。
這兩個案例雖然只使用了一種字體，但是也可以清晰劃分出主次層級。一般來說主體信息可以選擇較粗、較大的字體，次要信息使用較細(xì)、較小的字體，形成對比，制造視覺流程，引導(dǎo)受眾閱讀信息，使版面的層次更豐富。
三、風(fēng)格氣質(zhì)的統(tǒng)一
使字體搭配協(xié)調(diào)的一個基本原則就是選擇氣質(zhì)相近的字體。不同造型特點(diǎn)形成各種風(fēng)格特征的字體，它們所傳達(dá)出的情感也不相同。有的字體氣質(zhì)莊重，有的字體散發(fā)出古典氣息，有的給人以現(xiàn)代時尚感，有的字體注重信息傳遞，而有的注重精神象征。
使用同一字族里的字體，是最簡單、安全的搭配方法。所謂字族（font family）即字體家族，一款字體下的多個子字體，如思源黑體和思源宋體字族從細(xì)到粗共有七款字體，風(fēng)格協(xié)調(diào)統(tǒng)一。
使用同一字族里的字體，符合“限制字體數(shù)量”的原則；在編排時需要遵循“形成視覺層次”的原則，在進(jìn)行字體搭配時需要通過字體的大小、粗細(xì)、顏色等方式來給版面帶來閱讀的層次感。
搭配不同的字體時，要注意他們之間的包容性，既要有所區(qū)別又要統(tǒng)一和諧。
黑體與宋體的混搭是很常用的一種搭配方式，當(dāng)感性的宋體遇上理性的黑體，可以形成很好的對比效果。這里需要注意的是尺度的把握，適當(dāng)?shù)膶Ρ饶軌驗(yàn)榘婷鎺碜兓S富的視覺印象，但對比過度也會產(chǎn)生凌亂感。
如下圖化妝品廣告，選擇較細(xì)的宋體和較細(xì)的黑體搭配，字形相似又形成了微妙的對比，而且兩者都有高雅、精致的氣質(zhì)，運(yùn)用在具有女性特征的化妝品設(shè)計(jì)中相得益彰。
配不同的字體時，一般主信息選擇較寬粗和具有裝飾性的字體，以便能快速吸引受眾的注意 ；而說明文字適合選擇結(jié)構(gòu)清晰，筆畫簡潔的字體，以方便閱讀。如下圖選用“華康海報體”作為主標(biāo)題，既醒目又活潑生動，能很好吸引受眾觀看；說明文字選用簡約可愛的“方正蘭亭圓體”，既具有很好的閱讀性，也與標(biāo)題風(fēng)格相統(tǒng)一。
書法字形的視覺張力很大，筆畫變化豐富且非常具有視覺沖擊力。作為展示的標(biāo)題來說非常適用，但是對于小尺寸的說明性文字并不適合，筆畫細(xì)節(jié)會因?yàn)槌叽绲目s小變得格外復(fù)雜。為了解決這個問題，我們通常會搭配同樣具有厚重的文化歷史感和強(qiáng)烈的人文氣息的宋體。
書法字體搭配黑體，硬朗的黑體與柔和的手寫體能夠產(chǎn)生強(qiáng)烈的對比效果，非常適合標(biāo)題的文字組合，常使用在具有現(xiàn)代感的畫面中。
四、中英文搭配建議
使用中英文組合排版時，英文盡量不要使用中文自帶的字體，因?yàn)椴糠种形淖煮w的英文部分設(shè)計(jì)的并不夠完美，所以盡量使用經(jīng)典的英文字體效果會好很多。
上方為“微軟雅黑”的中英文組合，下方把英文替換為經(jīng)典的英文字體“Helvetica”，可以看到下方的搭配更精致美觀。
現(xiàn)在把英文單獨(dú)進(jìn)行對比，注意看“F”、“C”、“L”、“I”等字母，會明顯看到“微軟雅黑”的英文設(shè)計(jì)比較粗糙，“Helvetica”更顯精致。
上方為“方正風(fēng)雅宋”的中英文組合，可以看到中英文風(fēng)格差異比較大；而把英文換為經(jīng)典的英文時尚字體“Didot”，明顯在風(fēng)格上更統(tǒng)一，也更適合搭配。
案例分析
此案例中文選擇“造字工房俊雅”，英文沒有選擇字體自帶的西文，而是選擇更經(jīng)典的時尚英文字體“Didot”，可以很好營造出時尚的氛圍。
在中英文搭配中，通常會選擇把英文的襯線字體和宋體字對應(yīng)編排，而把英文的無襯線字體和中文的黑體字對應(yīng)編排，這樣的搭配方式是最簡單，最安全的方法,可以較好的形成風(fēng)格上的統(tǒng)一。
但每種類型的字體也有細(xì)微的氣質(zhì)差別，如宋體字形中也會有書寫感很重的古典感字形與極具幾何特性的現(xiàn)代字形之分。
偏向于印刷和屏顯類的“思源宋體”，搭配冷靜克制的英文字體“Times New Roman”會更統(tǒng)一。從細(xì)節(jié)上來說，它們倆之間的襯角修飾感更為接近，在粗細(xì)的過渡及對比上，也是較為近似的。
所以在進(jìn)行設(shè)計(jì)時，不管是中文與中文還是中英文搭配，都是需要經(jīng)過仔細(xì)分析和不斷練習(xí)，才能達(dá)到和諧統(tǒng)一、層次清晰而美觀大方的效果。
總 結(jié)
在字體搭配中要遵循三大原則：
1、限制字體數(shù)量。不論信息量有多少，字體選擇控制在二至三種已足以應(yīng)付畫面的需要；
2、建立視覺層次。在進(jìn)行字體搭配時需要通過字體的大小、粗細(xì)、顏色等方式來配合展現(xiàn)，幫助讀者避免視覺上的混亂，同時給版面帶來閱讀的層次感；
3、風(fēng)格氣質(zhì)的統(tǒng)一。搭配不同的字體時，要注意他們之間的包容性，既要區(qū)別又要統(tǒng)一和諧。
使用中英文組合排版時，英文盡量不要使用中文自帶的字體，在中英文搭配時也要遵循以上三個原則。
作者公眾號：藝海拾貝Design（ID：YHSBds）
轉(zhuǎn)載請?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
全部評論（1條）