天天看點

字型的基礎知識:英文字型的特征及結構(終于找到了)

  本文是「​​100小時後請叫我設計師​​​」欄目的試讀文章。「​​100小時後請叫我設計師​​」希望不僅讓你多懂一點設計,更要全方位提升你的設計水準,讓你可以像設計師一樣運用設計的力量。

  • 襯線與非襯線(Serif vs. Sans-Serif) 

  襯線,是指筆畫末端的裝飾線,是否有襯線是區分不同英文字型最顯著的特征。有襯線的字型叫做襯線字型(Serif),而沒有的則是非襯線(Sans-Serif)。(「Serif」意為「襯線」,「Sans」在法文中意為「沒有」) 

字型的基礎知識:英文字型的特征及結構(終于找到了)

  襯線體是古典的英文字型,源于古羅馬的石刻拉丁字母。 1968 年愛德華·卡蒂奇神甫在其著作《襯線的起源》一書中指出,在石刻時人們會先用方頭筆将字寫在石頭上,再按照痕迹刻畫。由于方頭筆畫出的筆畫起筆處和收尾處比較粗糙,于是就加上了襯線。 

  在傳統印刷中,襯線字型常用于正文。因為襯線有視覺引導的作用,可以加快讀者的閱讀速度。但在現代排印中已經不再有這樣的死規矩,非襯線體也有不錯的閱讀體驗,但傳統的紙媒仍然堅持使用襯線體。

  另外,并不是所有襯線字型的襯線都是一樣的。有些字型的襯線會更加尖銳,有些則更加圓滑。

字型的基礎知識:英文字型的特征及結構(終于找到了)

  非襯線體的出現比較晚,有說法是起源于希臘的字母形式和羅馬帝國的非正式銘文,80 年代開始興起。非襯線字型曾經被稱作「Grotesque」(荒唐的)或者「Gothic」(哥特的),這反映了早期人們對非襯線體的看法。如果你看到了某個叫做「xxx grotesque」的字型,那麼他的意思就是「xxx 非襯線體」。

  非襯線體在早期的電子螢幕上會有更好的顯示效果,基本成為了電子顯示器上的最佳選擇,無論是 iOS、Windows 還是 Android,都選擇了非襯線字型作為系統字型。但其實随着高分辨率螢幕的出現,今天的我們大多不需要擔心顯示效果,而更多是出于功能和美感的考慮去選擇字型。

字型的基礎知識:英文字型的特征及結構(終于找到了)

  通常情況下,非襯線體可以給人現代、簡潔、有科技感的感覺;而襯線體可以給人文藝、古典、端莊的感覺。

x 高度(x-height)

  x 高度指英文小寫字母 x 的高度,它決定了整套字型小寫字母的高度,以及 p、j、y、f、b 這些字母的身材。

字型的基礎知識:英文字型的特征及結構(終于找到了)

  一般中英混排時使用 x 高度較高的英文字型。因為 x 高度較高的英文字型會顯得更加方正一些,和方塊字更般配。試着閱讀下圖中的段落,是不是感覺右邊的文段讀起來有明顯的頓挫感?

字型的基礎知識:英文字型的特征及結構(終于找到了)
  • 升部(Ascender)、降部(Descender)

  字母中 x 高度以上的部分稱為升部,以下部分稱為降部。區分他們的線叫做升部線(ascender line)和降部線(descender line)。

字型的基礎知識:英文字型的特征及結構(終于找到了)

  如果一套字型的 x 高度越高,那麼留給升部和降部的空間就越少,字型會顯得比較憨厚、穩重。相反的,如果升部和降部都比較伸展,字型會顯得比較清秀、飄逸、活躍。

字型的基礎知識:英文字型的特征及結構(終于找到了)

  不同字型的升部和降部也會有不同的形狀和尺寸,比如下圖中五款字型對于字母 y 降部的處理就各有千秋。

字型的基礎知識:英文字型的特征及結構(終于找到了)
  • 字懷(Counter) 

  字懷是字母的全封閉或半封閉區域,他其實是文字中的留白,留白越大對比度就越高。字懷的形狀和大小是區分字型的重要特征。 

字型的基礎知識:英文字型的特征及結構(終于找到了)

  通常字懷較大的字型會更舒展,穩定,容易閱讀;字懷較小的字型看起來更有個性。除了大小,字懷也有形狀之分,比如 Gill Sans 幾乎為正圓的字懷看上去很有幾何感。

字型的基礎知識:英文字型的特征及結構(終于找到了)

中軸線(Axis)

  觀察字母 o 可以輕易找到中軸線,中軸線決定了字型的重心,非襯線字型的中軸線通常是豎直的,襯線體的中軸線通常是傾斜的。

字型的基礎知識:英文字型的特征及結構(終于找到了)

  通常豎直中軸線的字型偏幾何化(比如字母 O 像一個圓形而非橢圓形)是以看上去更加現代,标準,工業化因為這種完美的圓形很像是标準化的工業制品;而傾斜中軸線的字型則像是手寫出來的(想象一下用平頭筆書寫字母 O ,左右兩邊自然會粗一些),更有人文氣息。

小細節

  字型設計是一個極其細緻的工作,單個字母的毫厘之差放在大段文字中就是千裡之别。字型的小細節也是我們差別字型的重要依據,也蘊含着字型設計師的巧思,讓我們嘗試去找這些字型設計的細節吧:

  第一個小細節,是文字的寫法。英文中 a 與 g 都有兩種寫法,有兩個字懷叫 double story,有一個字懷叫 single story。同一種字型通常選擇同一種寫法來處理 a 和 g,非襯線體常用 single story 的寫法,double story 更多出現在襯線體中。

字型的基礎知識:英文字型的特征及結構(終于找到了)

  第二個小細節是筆畫結束時的角度和方向。這也能區分字型,尤其是小寫字母 e 的末端。同一款字型通常會保持同樣的角度和方向、同一種筆畫結尾風格。末端較平的字型看上去比較穩定,末端有角度的字型看上去更靈動。

字型的基礎知識:英文字型的特征及結構(終于找到了)

  字母 R 的結尾也是重點觀察的對象,下圖這三款字型都是根據其中 AkzidenzGrotesk 演化而來,但對字母 R 結尾的處理各不相同。

字型的基礎知識:英文字型的特征及結構(終于找到了)

  第三個小細節是「點」。尤其是字母 i、j 上的點。有些字型使用方形點,視覺上會和下方的豎線更加接近。

字型的基礎知識:英文字型的特征及結構(終于找到了)

  不同字型的數字風格也有不同處理,有 old-style 和 lining 兩種。

字型的基礎知識:英文字型的特征及結構(終于找到了)

  old-style figures 的數字擁有大小寫字母一樣的升部和降部,适合大小寫字母協調;Lining 則高度統一,和中文字型配合更加和諧,Old-style figures 擁有升部和降部的特點更能配合英文字型的美感。不過 Old-style figures 同時閱讀起來也相對慢一些,在講究閱讀效率的場景下(比如資料表格),Lining figures 更合适一些。 

字型的基礎知識:英文字型的特征及結構(終于找到了)

  以上便是我們所介紹的九個英文字型特征,雖然這些并不是字型設計用到的全部特征,但足夠我們區分字型了。如果你有興趣繼續了解,可以檢視這份由 Typography Deconstructed 制作的 ​​英文字型結構表(點選下載下傳)​​。

  • 拓展閱讀