甲方:小趙,這個(gè)海報(bào)的英文字體不好看,你給我換一種大氣的,像迪奧logo那種就挺好。
我:???
別急,以后遇到這樣的甲方,把下面這些內(nèi)容甩給他們,讓他們知道英文字體是不能隨便搭配使用的。
在開(kāi)始介紹之前,我們先來(lái)回顧下最近刷屏的關(guān)于字體設(shè)計(jì)的大新聞,首先是騰訊的視覺(jué)傾斜度為 8°的一套新字體誕生(知名字體設(shè)計(jì)大師都來(lái)了):
接下來(lái)還有本月IBM發(fā)布了首套自主設(shè)計(jì)的字體 IBM Plex。它將全面代替原來(lái)使用的 Helvetica,并開(kāi)源給所有人免費(fèi)使用哦。小編居然貪心的希望谷歌再出一套開(kāi)源字體,來(lái)看IBM關(guān)于新字體的視頻介紹:
看完視頻是不是覺(jué)得字體設(shè)計(jì)特別高大上呢?但其實(shí)字體的使用也是很講究規(guī)則和技巧的,今天我們就來(lái)了解一下英文字體的使用搭配技巧:
字體介紹
西文字體種類(lèi)大致分為:無(wú)襯線體 (sanserif typeface)、羅馬正體或襯線體 (roman typerface, serif typeface) 、意大利斜體 (italic)、手寫(xiě)體 (script typerface)、黑字體 (blackletter typerface, 也稱(chēng)作哥特體)。今天主要給大家介紹一下比較常用的無(wú)襯線體和襯線體。

1、無(wú)襯線體
無(wú)襯線體顧名思義,就是指“沒(méi)有襯線的字體”。襯線指的是字母結(jié)構(gòu)筆畫(huà)之外的裝飾性線條。無(wú)襯線字體字母的豎線和橫線粗細(xì)基本相同,像經(jīng)典的Helvetica和Futula等字體就屬于無(wú)襯線體。

無(wú)襯線體通常比較簡(jiǎn)約、具有現(xiàn)代感,適用于簡(jiǎn)單明快、機(jī)械科技等主題的設(shè)計(jì)中。

作者:Anzi .
作者:Leo Natsume; Guilherme Maron

作者:Nahuel Bardi
2、襯線體
襯線字體在筆畫(huà)末端具有附加的裝飾線條或者“韻腳”。襯線字體字母的橫線較細(xì)、豎線較粗,如Times New Roman、Georgia等字體屬于襯線體。

襯線有助于水平方向的視線移動(dòng),即使用來(lái)排長(zhǎng)篇文章也不會(huì)對(duì)閱讀造成負(fù)擔(dān),因此襯線體經(jīng)常用在小說(shuō)等大段文字的排版中。

作者:Cem Ilhan襯線體具有復(fù)古傳統(tǒng)的曲線美、個(gè)性鮮明、張力十足,通常在時(shí)尚奢侈品牌、復(fù)古海報(bào)設(shè)計(jì)等使用較多。

作者:kissmiklos .

作者:The Brave Union
字體搭配
字體配對(duì)有很多技巧法則,其中被公認(rèn)通用的一條規(guī)則就是不要使用超過(guò)兩種以上的字體, 一種無(wú)襯線、一種襯線字體就足夠搭配組合設(shè)計(jì)了。
前面也說(shuō)到襯線字體具有更高的可讀性,如果設(shè)計(jì)中使用了兩種字體,那么通常無(wú)襯線字體用于標(biāo)題,襯線字體用于正文主體。但是web設(shè)計(jì)則有可能與此相反,襯線字體作標(biāo)題、無(wú)襯線體作正文,因?yàn)橐话阏J(rèn)為無(wú)襯線體在屏幕上可讀性更好。

字體搭配的其中一個(gè)技巧是:使用基礎(chǔ)形狀特征相同的字體, 比如同宗族的字體。如果某種襯線字體和另一種無(wú)襯線體是按照相同的基本形狀并且互相匹配發(fā)展起來(lái)的,我們就說(shuō)這兩種字體屬于同宗。例如ITC Legacy Sans和ITC Legacy Serif;Officina Sans和Officina Serif……

給你安利一個(gè)好用的字體查找工具Google fonts (fonts.google.com,需科學(xué)上網(wǎng)),可以搜索到同宗族的字體。
如果你不想在成百上千的字體中挑花了眼,那告訴你一個(gè)終極技巧——相信字體設(shè)計(jì)師的選擇,從同一字體設(shè)計(jì)師設(shè)計(jì)的字體中選擇配對(duì)字體。
每位設(shè)計(jì)師都有其獨(dú)特、典型的風(fēng)格,所以同一設(shè)計(jì)師設(shè)計(jì)的不同字體在外形上總有較高的相似度。假如你很喜歡Gill Sans,通過(guò)搜索網(wǎng)絡(luò)可以得知,這個(gè)字體的設(shè)計(jì)師Eric Gill還設(shè)計(jì)了另外一款襯線字體Joanna,那么Gill Sans和Joanna字體的搭配效果肯定不會(huì)差。

作者:Divya Bhardwaj

作者:Sergio ?vila

以下圖片來(lái)自David Kadavy《黑客與設(shè)計(jì):剖析設(shè)計(jì)之美的秘密》一書(shū),其中列出了幾種常用的字體、適用場(chǎng)合以及適合搭配的字體。
注意事項(xiàng): 同一字體組的字體混合效果一般不好,最好不要混合搭配使用。如下圖字體矩陣中同一豎排的字體可以搭配,但是同一橫排的字體不能混用。

馬庫(kù)斯 · 韋格《平面設(shè)計(jì)完全手冊(cè)》,字體矩陣中豎排的字體可以搭配使用

馬庫(kù)斯 · 韋格《平面設(shè)計(jì)完全手冊(cè)》,字體矩陣中橫排的字體不能搭配使用
最后
以上字體搭配技巧可以總結(jié)為以下幾點(diǎn):
1、設(shè)計(jì)中字體種類(lèi)不能超過(guò)兩種,一種襯線體、一種無(wú)襯線體搭配使用;
2、選擇基礎(chǔ)形狀相同的同宗族字體搭配;
3、選擇同一設(shè)計(jì)師設(shè)計(jì)的字體;
4、印刷中使用無(wú)襯線體作標(biāo)題,Web中使用無(wú)襯線體作正文內(nèi)容。
當(dāng)然規(guī)則不是死的,需要你根據(jù)設(shè)計(jì)中的實(shí)際情況去調(diào)整,不斷地總結(jié)出適合自己的字體搭配技巧。