界面設計必備:全方位掌握英文字體基礎
Pearl(騰訊CDC設計師):這是一個給自己準備的字體學習課。開始的初衷是想解決工作中一些關于字體的疑問(如排版、LOGO設計等),同時也想通過回顧設計的基礎知識來提升自己。所以給了自己這個課題,作為初學者只接觸到一點皮毛,整理分享出來,如有不足之處煩請指正。
「字體排印」位于語言、文化、科技、美學的交匯處,是一個內涵與外延非常豐富的大話題,這次分享僅選擇一些基礎的有用知識。
英文字體最簡化的分類:襯線體、無襯線體。二者區(qū)別在于襯線體有爪形的襯線并且筆劃粗細有變化。

一、襯線體
非常古老,可以追溯到古羅馬時期的石柱銘文。它風格古典、正式,具有歷史傳統(tǒng)和意義。
按照歷史發(fā)展順序,襯線體可分類為:古羅馬體(Old roman),舊風格字體(Old style),過渡字體(Transional),現(xiàn)代字體(Modern)。我們選取其中兩個節(jié)點——Old style和Modern字體,通過對比兩者特征,就可以理解整個襯線體的發(fā)展。
舊風格字體(Old style):
特征:對角強調線,傾斜、括弧型襯線,較緩和的粗細過渡。
風格:傳統(tǒng),常見于書籍、報章雜志的內文排版。
現(xiàn)代字體(Modern):
特征:垂直強調線,水平、極細襯線,強烈的粗細對比。
風格:橫平豎直,現(xiàn)代感,高冷。
總結起來,在整個襯線體發(fā)展中,筆劃對比變得越來越強烈,襯線越來越尖銳纖細,過渡字體的筆劃粗細和襯線弧度恰好介于Old style和Modern之間。其一大原因是刻字師傅的技術越來越進步,刻工也變得細膩,使得精確的線條、更精細的粗細對比成為可能。而強調線的傾斜角度也逐漸被「扳直」,這是手工書寫向現(xiàn)代排印轉變的一個表現(xiàn)。
古羅馬(Old roman)、舊風格(Old style)襯線字體案例:
《Kinfolk》是一本推崇慢生活的雜志,常介紹美食、旅行、有格調的家居設計,欣賞微小平淡,返璞歸真的美。在此背景下,它的標題使用的是一種古羅馬體(Old roman):Optimus Priceps,有一種手工感、古拙的趣味,以及書法的味道??梢宰⒁釬襯線左右兩邊的不對稱,以及O筆劃的凹凸不平。這種字體風格與kinfolk的定位是相符的。內文使用的有舊風格字體(Old style)Calson和Garamond,相比下我更喜歡下面第三張圖內文使用的Garamond,搭配大背景圖片和居中排版,顯得傳統(tǒng)、柔軟,有一種詩歌般的美。
現(xiàn)代字體(Modern)案例:
因為現(xiàn)代字體(Modern) 有著銳利的工業(yè)感, 同時也保留著傳統(tǒng)的襯線元素,顯得現(xiàn)代而優(yōu)雅。所以非常適合時尚工業(yè),Vogue、Elle等雜志都使用了現(xiàn)代字體。許多奢侈大牌也用現(xiàn)代字體作為logo,強調自己百年的傳統(tǒng)工藝和優(yōu)良設計。如使用 Didot的 Giorgio Armani、Burberry,以及使用Bodoni的Valentino。
通常會認為,襯線體代表古典正式,無襯線體代表現(xiàn)代親和。但襯線體真就不能傳達出現(xiàn)代和親民么?
答案是否定的。Converse所使用的字體Rockwell屬于板狀襯線體(Slab Serif),如下圖所示。它的特點是襯線和字粗細相同,幾何與單線設計呈現(xiàn)出現(xiàn)代、年輕的感覺,不似現(xiàn)代體(modern)的精細,適合復古潮牌。
所以字體的情緒其實是相對的,僅在襯線體內部,也有不同情緒的區(qū)分。

二、無襯線體
無襯線體的特征和風格:
(1)完全拋棄裝飾襯線,只剩下主干,造型簡明有力,更具現(xiàn)代感
(2)適用于標題、廣告,瞬間的識別性高
(3)筆畫粗細對比小,視覺上看起來基本一致
(4)x高度較高
無襯線體也可以細致的分為四類:早期的無襯線體(Grotesk)、新無襯線體(Neo-Grotesk)、幾何無襯線體(Geometric)、人文無襯線體(Humanist)。下文每類選擇了一種代表字體來進行介紹,從新無襯線體(Neo-Grotesk)開始。
1. 新無襯線體(Neo-Grotesk):
代表字體是廣為人知的Helvetica。用Helvetica作為logo用字體的品牌數(shù)不勝數(shù)。該字體誕生五十周年時曾有一部紀錄片《Helvetica》客觀的紀錄了它的誕生背景、流行影響、以及各年齡層設計師對它的評價,相信很多設計師已經(jīng)看過了。
"設計師的生活是戰(zhàn)斗的生活,對抗丑陋的戰(zhàn)斗。"——《Helvetica》馬西莫.維涅里
先談談Helvetica的優(yōu)點:
(1)中性
現(xiàn)代主義認為,字體本身只是傳達信息的媒介,簡明的字體可以讓信息更快的傳達,這比視覺表現(xiàn)、風格更重要。因此Helvetica在設計之初遵循這一設計理念,保持中性,正如那個比喻說的"字體應該像一個透明的容器一樣"。由于它中性的特征,Helvetica既可以被運用到地鐵導視系統(tǒng),給人有一種現(xiàn)代、高效、清晰的感受,也可以被運用到AA這樣的時尚品牌。因為中性,就有了更廣闊的運用空間和更開放的解讀方式。
(2)具有堅實的形式
在這里說「堅實的形式」而沒有說「可讀性佳」,是因為它的可讀性是有挑戰(zhàn)的,但Helvetica確實在字型設計上經(jīng)過認真考量。在Helvetica之前,廣告、雜志上的字體充斥著浮夸花俏的手寫體,Helvetica的出現(xiàn)就像一股清流,它去掉了多余設計,關注字體本身的結構,給設計界帶來更優(yōu)質的可選方案。
整體感受是簡潔、清晰,沒有手工感,非常冷靜的字體。細節(jié):
a. 切口齊平,筆畫始終以水平或垂直收尾
b. 頂端平坦
c. 方形點
d. 據(jù)說Helvetica字母包圍的面積和它的筆畫所占的面積是一樣的
e. a的負空間呈水滴型
(3)與瑞士平面設計緊密相關
Helvetica的成功不是它一個字體能夠完成的,是跟一系列的新無襯線體(Neo-Grotesk)的出現(xiàn),以及與整個瑞士平面設計的融合,風靡全球分不開的。它們共同形成了一整套完整的理念:崇尚絕對的理性、客觀、系統(tǒng)化。如我們所熟知的網(wǎng)格系統(tǒng),就是推崇系統(tǒng)性、數(shù)學化的視覺體現(xiàn)。
瑞士平面設計的典型手法是以純粹文字編排來做極簡的傳達。它在1960年后風行世界,是因為表現(xiàn)簡潔、直接,并且在操作上容易標準化、系統(tǒng)化。當時的美國企業(yè)正在為全球化擴張尋求一種快速傳播并且統(tǒng)一識別性的視覺解決方案,瑞士平面設計、Helvetica的出現(xiàn)加上各種大師的成功運用,把它們一起推向頂峰。
然而Helvetica并不是完美的,在這里歸納三個缺點:
(1)缺乏韻律。Helvetica的設計理念是一致、去個性,字母的整體造型都偏圓,因此缺乏閱讀韻律,并且沒有針對小字閱讀優(yōu)化,在優(yōu)秀字體及細分領域都豐富的今天,Helvetica的優(yōu)勢減弱。
(2)中性也是一把雙刃劍。冷靜,客觀的同時,也抹殺情感和活力,忽略了形式可能為讀者帶來的情感體驗。
(3)濫用。可參考今天Flat design的泛濫,誤用、濫用造成人們的審美疲勞。
關于這個字體的用處,右戳觀看:《大開眼界!Helvetica字體的15種妙用》
如果你喜歡中性感的字體,又想修正Helvetica的可讀性缺陷,可以嘗試Univers,比Helvetica更加洗練的造型,并且字重齊全。
另兩款新無襯線體(Neo-Grotesk),分別是Helvetica的前身和號稱Helvetica killer的字體。
相關文章
- 今天小編為大家分享設計中最常用的中文字體推薦與總結,教程真的很不錯,很值得大家學習,推薦過來,一起來學習吧2015-12-08
- 今天小編為大家分享一篇教程,主要是向大家介紹字體設計學習秘籍,主要是針對零基礎的字學之路,教程很不錯,推薦過來,大家一起來學習吧2015-12-08
- 這篇教程是向腳本之家的朋友介紹好的字體在網(wǎng)頁設計中的應用,教程很不錯,對于字體設計的朋友很值得學習,好了,下面我們一起來學習吧2015-11-23
- 這篇教程是向腳本之家的朋友介紹書法字體設計的三個終極技巧,教程真的很不錯,很實用,對于正在學習字體設計的朋友很有幫助,快快來看看吧2015-11-18
- 這篇教程是向腳本之家的朋友介紹字體設計技巧之"迷宮字"設計方法,教程真的很不錯,是用收費的標準做免費的課程,推薦過來,一起來看看吧2015-10-08
- 這篇教程是向腳本之家的朋友介紹一個復古懷舊風格的字體手繪設計過程,教程手繪效果非常漂亮,推薦到腳本之家,喜歡的朋友一起來看看吧2015-10-08
- 這篇教程很不錯,主要是向大家分享熟練掌握字體運用的18招秘籍,作為新手朋友來說,是非常值得學習的,推薦到腳本之家,喜歡的朋友快快來學習吧2015-09-30
- 今天為大家分享一個不錯的教程,這是一篇英文字體設計解析完全教程,教程真的很不錯,對于字體設計的朋友來說很值得學習,而且作者從歷史、美學、結構三大角度對西文的分析2015-09-24
- 下面腳本之家為大家分享一個教程,主要是向大家介紹字體設計技巧,本文主要包括商業(yè)字體和偏商業(yè)化的字體設計,教程很不錯,主要是由專業(yè)設計師谷龍來講述,很值得學習,下2015-09-22
- 下面為大家分享字體設計教程,主要是向大家介紹造字方法和添加字體效果,教程真的很不錯,推薦過來,大家一起來學習吧2015-09-21

