快速學(xué)會(huì)字體搭配思路
發(fā)布時(shí)間:2021-12-10 09:41 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: hh71427-2

一 限制字體數(shù)量

一個(gè)版面中字體的變化不易過(guò)多,不論信息量有多少,字體選擇控制在二至三種已足以應(yīng)付畫面的需要。即使字體不變,通過(guò)改變字體的大小、粗細(xì)、顏色或是裝飾手法也可達(dá)到區(qū)分主次、引導(dǎo)讀者閱讀的目的。字體類型越少,對(duì)畫面文字信息的編排布局就越容易掌控。

信息量非常大,但只使用一種字體,通過(guò)字體大小、粗細(xì)對(duì)比,和巧妙的編排,很好營(yíng)造出視覺(jué)層次。

整個(gè)版面只使用兩組字體:英文信息使用粗壯的無(wú)襯線字體,并放大強(qiáng)調(diào) ;而日文信息使用較細(xì)的襯線體,信息層次可以得到很好區(qū)分。

有些項(xiàng)目需要呈現(xiàn)熱鬧活潑的氛圍,或需要非常具有裝飾性的設(shè)計(jì),必須使用復(fù)雜的字體搭配,請(qǐng)保持整體效果是協(xié)調(diào)的,避免沖突和混亂。

此海報(bào)為了營(yíng)造出熱鬧豐富的畫面感,使用了非常多的字體,形式感很豐富,視覺(jué)沖擊力很強(qiáng)。但是對(duì)于大部分對(duì)版面把控力不強(qiáng)的設(shè)計(jì)師,往往很難做到既豐富又協(xié)調(diào) ,所以限制字體數(shù)量是使畫面達(dá)到協(xié)調(diào)統(tǒng)一的好方法。

 

二、建立視覺(jué)層次

為什么要進(jìn)行字體搭配?一是為了美觀,二是為了建立視覺(jué)層次。在一個(gè)版面中,包含有不同層次的信息內(nèi)容,需要按主次進(jìn)行區(qū)分,如標(biāo)題、小標(biāo)題、內(nèi)文,每個(gè)信息層級(jí)也會(huì)有重點(diǎn)信息和非重點(diǎn)信息。

在進(jìn)行字體搭配時(shí)需要通過(guò)字體的大小、粗細(xì)、顏色等方式來(lái)配合展現(xiàn),幫助讀者避免視覺(jué)上的混亂,同時(shí)給版面帶來(lái)閱讀的層次感。

這兩個(gè)案例雖然只使用了一種字體,但是也可以清晰劃分出主次層級(jí)。一般來(lái)說(shuō)主體信息可以選擇較粗、較大的字體,次要信息使用較細(xì)、較小的字體,形成對(duì)比,制造視覺(jué)流程,引導(dǎo)受眾閱讀信息,使版面的層次更豐富。

 

三、風(fēng)格氣質(zhì)的統(tǒng)一

使字體搭配協(xié)調(diào)的一個(gè)基本原則就是選擇氣質(zhì)相近的字體。不同造型特點(diǎn)形成各種風(fēng)格特征的字體,它們所傳達(dá)出的情感也不相同。有的字體氣質(zhì)莊重,有的字體散發(fā)出古典氣息,有的給人以現(xiàn)代時(shí)尚感,有的字體注重信息傳遞,而有的注重精神象征。


使用同一字族里的字體,是最簡(jiǎn)單、安全的搭配方法。所謂字族(font family)即字體家族,一款字體下的多個(gè)子字體,如思源黑體和思源宋體字族從細(xì)到粗共有七款字體,風(fēng)格協(xié)調(diào)統(tǒng)一。

使用同一字族里的字體,符合“限制字體數(shù)量”的原則;在編排時(shí)需要遵循“形成視覺(jué)層次”的原則,在進(jìn)行字體搭配時(shí)需要通過(guò)字體的大小、粗細(xì)、顏色等方式來(lái)給版面帶來(lái)閱讀的層次感。

搭配不同的字體時(shí),要注意他們之間的包容性,既要有所區(qū)別又要統(tǒng)一和諧。

黑體與宋體的混搭是很常用的一種搭配方式,當(dāng)感性的宋體遇上理性的黑體,可以形成很好的對(duì)比效果。這里需要注意的是尺度的把握,適當(dāng)?shù)膶?duì)比能夠?yàn)榘婷鎺?lái)變化豐富的視覺(jué)印象,但對(duì)比過(guò)度也會(huì)產(chǎn)生凌亂感。

如下圖化妝品廣告,選擇較細(xì)的宋體和較細(xì)的黑體搭配,字形相似又形成了微妙的對(duì)比,而且兩者都有高雅、精致的氣質(zhì),運(yùn)用在具有女性特征的化妝品設(shè)計(jì)中相得益彰。

配不同的字體時(shí),一般主信息選擇較寬粗和具有裝飾性的字體,以便能快速吸引受眾的注意 ;而說(shuō)明文字適合選擇結(jié)構(gòu)清晰,筆畫簡(jiǎn)潔的字體,以方便閱讀。如下圖選用“華康海報(bào)體”作為主標(biāo)題,既醒目又活潑生動(dòng),能很好吸引受眾觀看;說(shuō)明文字選用簡(jiǎn)約可愛(ài)的“方正蘭亭圓體”,既具有很好的閱讀性,也與標(biāo)題風(fēng)格相統(tǒng)一。

書法字形的視覺(jué)張力很大,筆畫變化豐富且非常具有視覺(jué)沖擊力。作為展示的標(biāo)題來(lái)說(shuō)非常適用,但是對(duì)于小尺寸的說(shuō)明性文字并不適合,筆畫細(xì)節(jié)會(huì)因?yàn)槌叽绲目s小變得格外復(fù)雜。為了解決這個(gè)問(wèn)題,我們通常會(huì)搭配同樣具有厚重的文化歷史感和強(qiáng)烈的人文氣息的宋體。

書法字體搭配黑體,硬朗的黑體與柔和的手寫體能夠產(chǎn)生強(qiáng)烈的對(duì)比效果,非常適合標(biāo)題的文字組合,常使用在具有現(xiàn)代感的畫面中。

 

中英文搭配建議

使用中英文組合排版時(shí),英文盡量不要使用中文自帶的字體,因?yàn)椴糠种形淖煮w的英文部分設(shè)計(jì)的并不夠完美,所以盡量使用經(jīng)典的英文字體效果會(huì)好很多。

上方為“微軟雅黑”的中英文組合,下方把英文替換為經(jīng)典的英文字體“Helvetica”,可以看到下方的搭配更精致美觀。

現(xiàn)在把英文單獨(dú)進(jìn)行對(duì)比,注意看“F”、“C”、“L”、“I”等字母,會(huì)明顯看到“微軟雅黑”的英文設(shè)計(jì)比較粗糙,“Helvetica”更顯精致。

上方為“方正風(fēng)雅宋”的中英文組合,可以看到中英文風(fēng)格差異比較大;而把英文換為經(jīng)典的英文時(shí)尚字體“Didot”,明顯在風(fēng)格上更統(tǒng)一,也更適合搭配。

 

案例分析

此案例中文選擇“造字工房俊雅”,英文沒(méi)有選擇字體自帶的西文,而是選擇更經(jīng)典的時(shí)尚英文字體“Didot”,可以很好營(yíng)造出時(shí)尚的氛圍。

在中英文搭配中,通常會(huì)選擇把英文的襯線字體和宋體字對(duì)應(yīng)編排,而把英文的無(wú)襯線字體和中文的黑體字對(duì)應(yīng)編排,這樣的搭配方式是最簡(jiǎn)單,最安全的方法,可以較好的形成風(fēng)格上的統(tǒng)一。

但每種類型的字體也有細(xì)微的氣質(zhì)差別,如宋體字形中也會(huì)有書寫感很重的古典感字形與極具幾何特性的現(xiàn)代字形之分。

偏向于印刷和屏顯類的“思源宋體”,搭配冷靜克制的英文字體“Times New Roman”會(huì)更統(tǒng)一。從細(xì)節(jié)上來(lái)說(shuō),它們倆之間的襯角修飾感更為接近,在粗細(xì)的過(guò)渡及對(duì)比上,也是較為近似的。

所以在進(jìn)行設(shè)計(jì)時(shí),不管是中文與中文還是中英文搭配,都是需要經(jīng)過(guò)仔細(xì)分析和不斷練習(xí),才能達(dá)到和諧統(tǒng)一、層次清晰而美觀大方的效果。

 

總 結(jié)

在字體搭配中要遵循三大原則:

1、限制字體數(shù)量。不論信息量有多少,字體選擇控制在二至三種已足以應(yīng)付畫面的需要;

2、建立視覺(jué)層次。在進(jìn)行字體搭配時(shí)需要通過(guò)字體的大小、粗細(xì)、顏色等方式來(lái)配合展現(xiàn),幫助讀者避免視覺(jué)上的混亂,同時(shí)給版面帶來(lái)閱讀的層次感;

3、風(fēng)格氣質(zhì)的統(tǒng)一。搭配不同的字體時(shí),要注意他們之間的包容性,既要區(qū)別又要統(tǒng)一和諧。

使用中英文組合排版時(shí),英文盡量不要使用中文自帶的字體,在中英文搭配時(shí)也要遵循以上三個(gè)原則。

 

版式設(shè)計(jì)視頻教程
我要自學(xué)網(wǎng)商城 ¥60 元
進(jìn)入購(gòu)買
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫 程序開(kāi)發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC