騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

Pearl(騰訊CDC設(shè)計(jì)師):這是一個給自己準(zhǔn)備的字體學(xué)習(xí)課。開始的初衷是想解決工作中一些關(guān)于字體的疑問(如排版、LOGO設(shè)計(jì)等),同時也想通過回顧設(shè)計(jì)的基礎(chǔ)知識來提升自己。所以給了自己這個課題,作為初學(xué)者只接觸到一點(diǎn)皮毛,整理分享出來,如有不足之處煩請指正。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

「字體排印」位于語言、文化、科技、美學(xué)的交匯處,是一個內(nèi)涵與外延非常豐富的大話題,這次分享僅選擇一些基礎(chǔ)的有用知識。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

英文字體最簡化的分類:襯線體、無襯線體。二者區(qū)別在于襯線體有爪形的襯線并且筆劃粗細(xì)有變化。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

一、襯線體

非常古老,可以追溯到古羅馬時期的石柱銘文。它風(fēng)格古典、正式,具有歷史傳統(tǒng)和意義。

按照歷史發(fā)展順序,襯線體可分類為:古羅馬體(Old roman),舊風(fēng)格字體(Old style),過渡字體(Transional),現(xiàn)代字體(Modern)。我們選取其中兩個節(jié)點(diǎn)——Old style和Modern字體,通過對比兩者特征,就可以理解整個襯線體的發(fā)展。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

舊風(fēng)格字體(Old style):

特征:對角強(qiáng)調(diào)線,傾斜、括弧型襯線,較緩和的粗細(xì)過渡。

風(fēng)格:傳統(tǒng),常見于書籍、報(bào)章雜志的內(nèi)文排版。

現(xiàn)代字體(Modern):

特征:垂直強(qiáng)調(diào)線,水平、極細(xì)襯線,強(qiáng)烈的粗細(xì)對比。

風(fēng)格:橫平豎直,現(xiàn)代感,高冷。

總結(jié)起來,在整個襯線體發(fā)展中,筆劃對比變得越來越強(qiáng)烈,襯線越來越尖銳纖細(xì),過渡字體的筆劃粗細(xì)和襯線弧度恰好介于Old style和Modern之間。其一大原因是刻字師傅的技術(shù)越來越進(jìn)步,刻工也變得細(xì)膩,使得精確的線條、更精細(xì)的粗細(xì)對比成為可能。而強(qiáng)調(diào)線的傾斜角度也逐漸被「扳直」,這是手工書寫向現(xiàn)代排印轉(zhuǎn)變的一個表現(xiàn)。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

古羅馬(Old roman)、舊風(fēng)格(Old style)襯線字體案例:

《Kinfolk》是一本推崇慢生活的雜志,常介紹美食、旅行、有格調(diào)的家居設(shè)計(jì),欣賞微小平淡,返璞歸真的美。在此背景下,它的標(biāo)題使用的是一種古羅馬體(Old roman):Optimus Priceps,有一種手工感、古拙的趣味,以及書法的味道。可以注意F襯線左右兩邊的不對稱,以及O筆劃的凹凸不平。這種字體風(fēng)格與kinfolk的定位是相符的。內(nèi)文使用的有舊風(fēng)格字體(Old style)Calson和Garamond,相比下我更喜歡下面第三張圖內(nèi)文使用的Garamond,搭配大背景圖片和居中排版,顯得傳統(tǒng)、柔軟,有一種詩歌般的美。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

現(xiàn)代字體(Modern)案例:

因?yàn)楝F(xiàn)代字體(Modern) 有著銳利的工業(yè)感, 同時也保留著傳統(tǒng)的襯線元素,顯得現(xiàn)代而優(yōu)雅。所以非常適合時尚工業(yè),Vogue、Elle等雜志都使用了現(xiàn)代字體。許多奢侈大牌也用現(xiàn)代字體作為logo,強(qiáng)調(diào)自己百年的傳統(tǒng)工藝和優(yōu)良設(shè)計(jì)。如使用 Didot的 Giorgio Armani、Burberry,以及使用Bodoni的Valentino。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

通常會認(rèn)為,襯線體代表古典正式,無襯線體代表現(xiàn)代親和。但襯線體真就不能傳達(dá)出現(xiàn)代和親民么?

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

答案是否定的。Converse所使用的字體Rockwell屬于板狀襯線體(Slab Serif),如下圖所示。它的特點(diǎn)是襯線和字粗細(xì)相同,幾何與單線設(shè)計(jì)呈現(xiàn)出現(xiàn)代、年輕的感覺,不似現(xiàn)代體(modern)的精細(xì),適合復(fù)古潮牌。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

所以字體的情緒其實(shí)是相對的,僅在襯線體內(nèi)部,也有不同情緒的區(qū)分。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

二、無襯線體

無襯線體的特征和風(fēng)格:

(1)完全拋棄裝飾襯線,只剩下主干,造型簡明有力,更具現(xiàn)代感

(2)適用于標(biāo)題、廣告,瞬間的識別性高

(3)筆畫粗細(xì)對比小,視覺上看起來基本一致

(4)x高度較高

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

無襯線體也可以細(xì)致的分為四類:早期的無襯線體(Grotesk)、新無襯線體(Neo-Grotesk)、幾何無襯線體(Geometric)、人文無襯線體(Humanist)。下文每類選擇了一種代表字體來進(jìn)行介紹,從新無襯線體(Neo-Grotesk)開始。

1. 新無襯線體(Neo-Grotesk):

代表字體是廣為人知的Helvetica。用Helvetica作為logo用字體的品牌數(shù)不勝數(shù)。該字體誕生五十周年時曾有一部紀(jì)錄片《Helvetica》客觀的紀(jì)錄了它的誕生背景、流行影響、以及各年齡層設(shè)計(jì)師對它的評價(jià),相信很多設(shè)計(jì)師已經(jīng)看過了。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

“設(shè)計(jì)師的生活是戰(zhàn)斗的生活,對抗丑陋的戰(zhàn)斗。”——《Helvetica》馬西莫.維涅里

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

先談?wù)凥elvetica的優(yōu)點(diǎn):

(1)中性

現(xiàn)代主義認(rèn)為,字體本身只是傳達(dá)信息的媒介,簡明的字體可以讓信息更快的傳達(dá),這比視覺表現(xiàn)、風(fēng)格更重要。因此Helvetica在設(shè)計(jì)之初遵循這一設(shè)計(jì)理念,保持中性,正如那個比喻說的“字體應(yīng)該像一個透明的容器一樣”。由于它中性的特征,Helvetica既可以被運(yùn)用到地鐵導(dǎo)視系統(tǒng),給人有一種現(xiàn)代、高效、清晰的感受,也可以被運(yùn)用到AA這樣的時尚品牌。因?yàn)橹行裕陀辛烁鼜V闊的運(yùn)用空間和更開放的解讀方式。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

(2)具有堅(jiān)實(shí)的形式

在這里說「堅(jiān)實(shí)的形式」而沒有說「可讀性佳」,是因?yàn)樗目勺x性是有挑戰(zhàn)的,但Helvetica確實(shí)在字型設(shè)計(jì)上經(jīng)過認(rèn)真考量。在Helvetica之前,廣告、雜志上的字體充斥著浮夸花俏的手寫體,Helvetica的出現(xiàn)就像一股清流,它去掉了多余設(shè)計(jì),關(guān)注字體本身的結(jié)構(gòu),給設(shè)計(jì)界帶來更優(yōu)質(zhì)的可選方案。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

整體感受是簡潔、清晰,沒有手工感,非常冷靜的字體。細(xì)節(jié):

a. 切口齊平,筆畫始終以水平或垂直收尾

b. 頂端平坦

c. 方形點(diǎn)

d. 據(jù)說Helvetica字母包圍的面積和它的筆畫所占的面積是一樣的

e. a的負(fù)空間呈水滴型

(3)與瑞士平面設(shè)計(jì)緊密相關(guān)

Helvetica的成功不是它一個字體能夠完成的,是跟一系列的新無襯線體(Neo-Grotesk)的出現(xiàn),以及與整個瑞士平面設(shè)計(jì)的融合,風(fēng)靡全球分不開的。它們共同形成了一整套完整的理念:崇尚絕對的理性、客觀、系統(tǒng)化。如我們所熟知的網(wǎng)格系統(tǒng),就是推崇系統(tǒng)性、數(shù)學(xué)化的視覺體現(xiàn)。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

瑞士平面設(shè)計(jì)的典型手法是以純粹文字編排來做極簡的傳達(dá)。它在1960年后風(fēng)行世界,是因?yàn)楸憩F(xiàn)簡潔、直接,并且在操作上容易標(biāo)準(zhǔn)化、系統(tǒng)化。當(dāng)時的美國企業(yè)正在為全球化擴(kuò)張尋求一種快速傳播并且統(tǒng)一識別性的視覺解決方案,瑞士平面設(shè)計(jì)、Helvetica的出現(xiàn)加上各種大師的成功運(yùn)用,把它們一起推向頂峰。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

然而Helvetica并不是完美的,在這里歸納三個缺點(diǎn):

(1)缺乏韻律。Helvetica的設(shè)計(jì)理念是一致、去個性,字母的整體造型都偏圓,因此缺乏閱讀韻律,并且沒有針對小字閱讀優(yōu)化,在優(yōu)秀字體及細(xì)分領(lǐng)域都豐富的今天,Helvetica的優(yōu)勢減弱。

(2)中性也是一把雙刃劍。冷靜,客觀的同時,也抹殺情感和活力,忽略了形式可能為讀者帶來的情感體驗(yàn)。

(3)濫用。可參考今天Flat design的泛濫,誤用、濫用造成人們的審美疲勞。

關(guān)于這個字體的用處,右戳觀看:《大開眼界!Helvetica字體的15種妙用》

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

如果你喜歡中性感的字體,又想修正Helvetica的可讀性缺陷,可以嘗試Univers,比Helvetica更加洗練的造型,并且字重齊全。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

另兩款新無襯線體(Neo-Grotesk),分別是Helvetica的前身和號稱Helvetica killer的字體。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

2. 幾何無襯線體(Geometric):

代表字體是的Futura。所謂“幾何”就是將字母歸納為圓、方、三角等幾何形狀的字體。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

Futura受到包豪斯的影響,造型有設(shè)計(jì)感。筆劃以垂直、水平的硬朗筆劃為主。細(xì)節(jié):

(1)頂角和底角非常銳利

(2)字母正圓處理

(3)升部降部偏長,優(yōu)雅

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

iPhone的報(bào)刊雜志icon,「ART」三個字母使用的就是Futura。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

Futura在德語中是「未來」的意思,因此它除了常見于有設(shè)計(jì)感的產(chǎn)品,如LV、Omega,也常用于「未來」題材。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

在前面的圖中可以看到Futura為了保持設(shè)計(jì)感,j、t省略了尾部,a、g使用單層結(jié)構(gòu),因此在可讀性上有些問題,并不適于內(nèi)文排版。并且它個性鮮明,有點(diǎn)“搶眼”。如果你喜歡幾何無襯線的造型,但又想選擇更溫和、可讀性強(qiáng)的字體,可以嘗試Avenir。Avenir雖然同屬幾何無襯線體,但它在被設(shè)計(jì)時并不拘泥于幾何形式,而是以視覺為準(zhǔn),顯得人文、柔和,如a的尾部增加了一點(diǎn)點(diǎn)外翹的小細(xì)節(jié)。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

3. 人文無襯線體(Humanist):

代表字體是Myriad。人文無襯線體具有更好的韻律感,氣質(zhì)開放、親和,不呆板、不冰冷。下圖通過與Helvetica的對比,可以直觀感受到什么是「人文」特征。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

(1) 人文無襯線體的x-height相對較小,使得字母之間的豎向變化更加清晰,整體更有韻律。

(2) 人文無襯線體的e、s等字母收尾采用半包圍結(jié)構(gòu),更開放,不如Helvetica全包圍的那么拘謹(jǐn),顯得親和隨意。

(3) 人文無襯線體線條柔美,不是Helvetica的工程感,更流線型,具有一定的手寫味

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

案例:蘋果的VI字體,用于宣傳:廣告、網(wǎng)站、產(chǎn)品銘文等。港鐵地圖的部分字體。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

同屬于人文無襯線體的字體還有:Frutiger、Segeo

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

通常會認(rèn)為,襯線體代表古典正式,無襯線體代表現(xiàn)代親和。那么無襯線體就不能表現(xiàn)優(yōu)雅和古典嗎?

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

答案是否定的。無襯線字體Optima融入了襯線基因,雖然沒有襯線,但粗細(xì)變化相對明顯,比劃末端加粗,顯得非常優(yōu)雅有韻味。(在處理logo時如想要既優(yōu)雅古典,又不顯得老陳迂腐,可參考這種思路。)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

無襯線字體的情緒軸。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

1. 視覺平衡

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

(1)同樣粗細(xì)的線條,由于視覺誤差,水平的看起來要比垂直的更粗。因此在設(shè)計(jì)英文字母時,就應(yīng)當(dāng)充分考慮到視差。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

(2)Futura是幾何無襯線體,它的O看起來像是正圓,當(dāng)我們和真正的正圓對比時,就會發(fā)現(xiàn)Futura的幾何形狀也是經(jīng)過優(yōu)化的,水平方向筆劃微調(diào)修細(xì)。三個「圓」相比,Avenir雖然最不似正圓,但作為字母O卻是看起來空間最舒服、最穩(wěn)定的。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

(3)這是是用圓弧和直線拼接起來的O,然而由于視差,卻看起來有兩側(cè)內(nèi)陷的錯覺。因此在處理時,會講兩側(cè)稍微向外隆起一點(diǎn)點(diǎn),并微調(diào)水平方向的線條,就能把生硬不圓潤的圓形變?yōu)橐曈X柔和的O字母了。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

(4)X的造型原來不是斜線直接相交的結(jié)果,而是把斜線稍微錯開,才能看起來像是相連的狀態(tài)。并且為了避免四條斜線相交造成中間黑色部分太密集,中心位置的筆劃略調(diào)細(xì)了一些。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

(5)雖然無襯線體的比劃粗細(xì)基本一致,但實(shí)際還是有著細(xì)微的差距。從正面看到的A(左側(cè)圖)非常正常,然而當(dāng)A被水平翻轉(zhuǎn)后(右側(cè)圖),立刻就有了略怪異和不穩(wěn)的感受。A的右側(cè)比左側(cè)筆劃粗,是受到歷史上平筆書寫以及襯線體延續(xù)下來的習(xí)慣的影響。看視頻《羅馬體大寫字母使怎么形成的?》

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

(6)繪制圖標(biāo)時我們都有經(jīng)驗(yàn),由于圖標(biāo)外形輪廓和內(nèi)部復(fù)雜程度的不同,視覺體量感是不同的,不能完全依照尺寸大小而要根據(jù)視覺感受來判斷。字體設(shè)計(jì)有共通之處。同樣字號的文字,圓形O和三角形的A要高于參考線。在做LOGO時可以留心這點(diǎn),參考案例NIVEA。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

2. 負(fù)空間

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

負(fù)空間指的是字母內(nèi)部的空間,以及字母與字母之間的空間。在字體設(shè)計(jì)過程中,設(shè)計(jì)師不僅要設(shè)計(jì)字母的筆劃結(jié)構(gòu),更重要的要考慮負(fù)空間的設(shè)計(jì),使之平衡和協(xié)調(diào)。引用字體大師馬西莫的一句話:“我們通常認(rèn)為,字體排印就是黑色與白色。而排印實(shí)際上是白的,而不是黑的。因?yàn)樽煮w是由形體之間的空間來定義的。這有點(diǎn)像音樂,音樂不是由音符,而是由音符之間的停頓來定義的”。據(jù)說英文字體設(shè)計(jì)師對負(fù)空間關(guān)系的斟酌時間可能占整體字體設(shè)計(jì)內(nèi)容的1/3左右。

(1)單個字母內(nèi)部的空間: “B”上下兩個內(nèi)部空間,必須上面小于下面,如果上下相同,那上面的視覺上看起來會更大,字母就會重心不穩(wěn)。類似的字母還有S。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

(2)各字母間的相互平衡:字母之間也要取得負(fù)空間視覺上的一致。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

(3)字與字之間的間距:調(diào)整字母與字母之間的空間,追求視覺上分布勻稱,而非數(shù)值上的均勻,以達(dá)到一種視覺的節(jié)奏感和平衡感。比如字體中的I和小寫l之間距離應(yīng)該大些,因?yàn)閮筛Q線之間的空間是最小的; V、Y 和其他的字母相鄰時間距應(yīng)該縮小,因?yàn)閮A斜筆劃所產(chǎn)生的空間比較大。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

1. 信息該被如何設(shè)計(jì)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

與其說我們在學(xué)習(xí)字體設(shè)計(jì)與排印,不如說我們借由字體思考“信息該如何設(shè)計(jì)”這個問題。

在這個問題上“字體設(shè)計(jì)”至少為我們提供了兩條可參考的路。

(1)形式追隨功能

英文的字體一向就是“形式追隨功能”的設(shè)計(jì)典范。有什么功能、在什么場景、要解決什么問題,就有怎樣的字體產(chǎn)生與之相適應(yīng),甚至細(xì)分非常清楚。歷史上,有為報(bào)紙?jiān)O(shè)計(jì)的Times;有為電話本黃頁設(shè)計(jì)的Bell Centennial,應(yīng)對文字極小且印刷紙張、油墨極差的惡劣環(huán)境;還有我們熟悉的專為顯示屏設(shè)計(jì)的Georgia、Verdana,解決低分辨率的問題。

1913年,倫敦地鐵的主管Frank Pick曾為當(dāng)時的地鐵企業(yè)形象和字體設(shè)計(jì)提出這樣的要求:“這種字體必須準(zhǔn)確地反映我們所處的時代,能讓乘客快速無誤的閱讀。字母就算被用作單一符號(沒有上下文環(huán)境),也必須能清楚辨認(rèn)。而且,這種字體要有系統(tǒng)性,必須要能與周圍的廣告文案等無關(guān)系統(tǒng)的信息清楚的區(qū)分。”這些要求都明確了設(shè)計(jì)的功能性目標(biāo):高度的準(zhǔn)確性、可識別性,極端情況下都能保證清晰識別等。

以下是為法國戴高樂機(jī)場設(shè)計(jì)的Frutiger字體,由于其字碗大、開口大,并且字的粗細(xì)適中的特點(diǎn),使得文字在光暈的干擾下也能保持相對清晰不黏糊。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

(2)透明的容器

現(xiàn)代主義的理念認(rèn)為,優(yōu)秀的字體像一個“透明的容器”,字體僅起到承載的作用,重要的是信息的傳達(dá)。

另一個來自大師Frutiger的有趣比喻是,“喝完湯后如果你還能記住湯匙形狀的話,這只湯匙的設(shè)計(jì)就是失敗的。”比喻略極端,其實(shí)信息和設(shè)計(jì)并不互斥,二者完全融入,渾然一體,才是完美的搭配。設(shè)計(jì)可以作為空氣一樣的存在,不可或缺,但用戶不會明顯感知到它。

2. 技術(shù)與設(shè)計(jì)的關(guān)系

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

設(shè)計(jì)過Georgia、Tahoma、Verdana、Meiryo等著名的字體的大師馬修?卡特,在TED上做了演講——《My Life in typefaces》。看后令人非常感動,能夠深深感受到一個設(shè)計(jì)師對自我的要求以及專業(yè)精神。

字體設(shè)計(jì)實(shí)際與技術(shù)的關(guān)聯(lián)非常緊密。書寫工具、紙張、書籍、電子屏幕、網(wǎng)絡(luò),每一次媒介和印刷技術(shù)的革新,都改變著字體的呈現(xiàn),也影響著設(shè)計(jì)師的理念和方法。然而在那個技術(shù)革新的年代,設(shè)計(jì)者并未回避技術(shù),而想要被未知的想法所影響,想回應(yīng)未知,想推進(jìn)自己探索未知的世界。在探索技術(shù)與設(shè)計(jì)的過程中,必然有矛盾和疑惑:為緩解技術(shù)問題而做的設(shè)計(jì)是否會因?yàn)榧夹g(shù)的更迭而徹底消失?因技術(shù)而『不完美』的設(shè)計(jì)是否因此而缺乏價(jià)值?

馬修的設(shè)計(jì)做出了回應(yīng):字體的價(jià)值取決于它在應(yīng)用場景下能否有效工作,字體的品質(zhì)決定了它能否獨(dú)立于技術(shù)存在。馬修在演講中說:“所有設(shè)計(jì)師的工作都有局限性,設(shè)計(jì)不是藝術(shù)。問題是,局限性是否會導(dǎo)致妥協(xié)呢?是否會降低設(shè)計(jì)的品質(zhì)呢?局限性和妥協(xié)之間有著非常微妙的區(qū)別,但這區(qū)別卻是我工作態(tài)度的核心。”

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

3. 設(shè)計(jì)趨勢與輪回

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

(1)世界正在變得更加柔軟

可能經(jīng)歷兩次工業(yè)革命、兩次世界大戰(zhàn)的激烈后,大家都緩和多了。從政府公關(guān),到企業(yè)管理,再到個人生活趣味,都逐漸人性化。舉大旗喊口號的宣傳方式不再那么有效,甚至?xí)鹑诵姆磸棥T僖膊皇侵灰袅看缶陀腥寺牭臅r代了。

上圖兩個LOGO的改版,不管是字體,還是圖形造型,還是顏色都愈發(fā)柔和了。從LOGO上看,American Airline的形象仿佛從過去「我們是專業(yè)的航空領(lǐng)域?qū)<摇沟膰?yán)肅轉(zhuǎn)換到了「我們提供舒適愉快旅途」的親民。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

(2)傳統(tǒng)復(fù)興

Gotham的設(shè)計(jì)師Frere-Jones對于機(jī)械技術(shù)的到來,傳統(tǒng)手工制牌的終結(jié)十分惋惜。他的靈感取材于紐約1930到40年的舊建筑牌、商店招牌、店面廣告,認(rèn)為這些由當(dāng)年美國普通民眾手畫的文字代表了紐約的「直率、誠懇、堅(jiān)韌,富有個性」。因此Gotham字體既讓美國人民感到熟悉,又具備新字體的現(xiàn)代感,既擁有可信任的穩(wěn)重造型,又非常樸素親切。這款字體在奧巴馬競選后,成為大熱的字體。網(wǎng)站Squarespace,特斯拉都使用了Gotham。

歷史上很多代的藝術(shù)家、設(shè)計(jì)師都會經(jīng)歷對當(dāng)下社會的不滿,對古典經(jīng)典推崇,追求復(fù)興傳統(tǒng),例如文藝復(fù)新、手工藝運(yùn)動等。然而與字體設(shè)計(jì)一樣,這些領(lǐng)域在不斷輪回的同時,也在不斷往其中注入新鮮活力,從而螺旋式的上升與發(fā)展。

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

最后:

看回我們的UI設(shè)計(jì),Windows Phone網(wǎng)格、瓷片的設(shè)計(jì),既是對瑞士平面設(shè)計(jì)的回溯,同時也開啟了新的扁平化時代,遵循「簡約現(xiàn)代、去除裝飾、內(nèi)容為核心」。然而過度的極簡卻造成了單一無趣的印象,且容易流于形式。此后,iOS7用細(xì)細(xì)優(yōu)雅的線條,更柔和的圖形方式,柔和地解決Flat design的情感、差異化問題。再到Google的新設(shè)計(jì),不管是充滿人情味和細(xì)節(jié)的插圖,還是Geek精神的有趣插畫,都能更多的感受到個性和細(xì)節(jié)。擬物是否也在以另一種插畫的形式復(fù)興呢?

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

【優(yōu)設(shè)字體最佳好文人氣榜】

Top 1:我應(yīng)該說是最全最強(qiáng)的創(chuàng)意總結(jié)嗎?
《推薦:17種設(shè)計(jì)字體的創(chuàng)意方法》

Top 2:案例多,分析多,方法新,有收獲:
《經(jīng)驗(yàn)分享:超詳細(xì)的字體設(shè)計(jì)方法+案例分析》

Top 3:實(shí)戰(zhàn)好文,一個字體設(shè)計(jì)的全過程!
《字體設(shè)計(jì)實(shí)戰(zhàn)!QQ音樂巔峰榜誕生記》

原文地址:cdc.tencent
作者:Pearl

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺,專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書:史上最全的設(shè)計(jì)師圖書導(dǎo)航:http://hao.uisdc.com/book/
設(shè)計(jì)微博:擁有粉絲量98萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號:【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加:

騰訊設(shè)計(jì)師的私人筆記!幫你全方位掌握英文字體基礎(chǔ)

收藏 33
點(diǎn)贊 2

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。