如何找到易讀、清晰的字體

與許多設計問題一樣,這個答案的秘訣是藝術與科學的結合,並且較少受規則的約束,而是受最佳實踐的約束。關鍵是要了解影響易讀性的字體的關鍵組成部分。”

當您嘗試為專案選擇字體時,易讀性是十分重要的考慮因素。以下是解釋如何找到一個易於讀者和客戶閱讀的清晰字體。

我們在 Monotype 收到了很多問題,但最常見的可能是以下這些:如何找到清晰易讀的字體?哪種字體最容易閱讀? 如何判斷一款字體是否高度易讀?

與許多設計問題一樣,這個答案的秘訣是藝術與科學的結合,並且較少受規則的約束,而是受最佳實踐的約束。關鍵是要了解影響字體易讀性的組成部分,然後找具有這些特徵,搭配最適合您正在使用的視覺語言。

易讀性是一個廣泛的主題,如要詳細說明所有細微差別,一篇文章實不能涵蓋,但理解一些關鍵點將幫助您自信地為下一個項目選擇易讀的字體。讓我們立即探討一下。

MT_PDG_SE-203_Lifestyle_150.webp

 

易讀性存在於讀者的感知中。

當我們閱讀時,我們的眼睛會看到文字的形態,並將其翻譯成字母,再將字母組合成單詞,最後將這些單詞與其含義聯繫起來。這個過程發生得極快,我們幾乎沒有意識到它的存在。

但如果這個過程中,任何一個步驟減慢或受到阻礙,我們的閱讀體驗也會相應降低。在某些情況下,這並不重要 —— 比如雜誌上故意混淆的標題。但在數位或快速閱讀的情境中,或者在您希望讀者全身心投入的擴展閱讀環境中,這就變得非常重要了。

設計高度清晰的字體基本上不會阻礙讀者。這類字體容易被眼睛掃描和大腦理解,因此讀者能夠快速瀏覽書頁或立即確定汽車儀表板上的文字。它們給人一種自然、輕鬆的感覺,就像呼吸一樣流暢。

是甚麼讓字體清晰易讀?

好吧,所以這裡顯而易見的問題是:是甚麼字體讓眼睛和大腦看來「易讀」?不是所有的字體都只是字母?為什麼有些字母比其他字母更容易閱讀?

當尋找清晰的字體時,考慮字母和單字的整體形狀是很有幫助的(fun fact: 單字形狀的術語是「bouma」)。在確認這是一個小寫「a」之前,你的眼睛和大腦實際上並不會追蹤小寫「a」的每條曲線和角度。這可能是你剛學習閱讀時的運作方式。然而,我們大多數人現在能夠根據「a」的整體形狀及其與周圍字母的關係來識別「a」是「a」。

也就是說,不同字體風格中的字母形狀各異。例如,幾何無襯線字體中的「o」,如 ITC Avant Garde,是一個近乎完美的圓形。起初,單一故事的「a」可能會與這樣的「o」混淆。你能讀懂像 Avant Garde 或 Futura 這樣的幾何字體嗎?當然可以,但它們通常可以設計得更容易閱讀。

人文主義字體又如何?人文主義字體植根於書法傳統,因此在其 DNA 中與人類筆跡互相呼應(因此得名)。人文主義類型的一個流行例子是 Mark Simonson 的 Proxima Nova。

「o」,您會發現它是一個微妙的橢圓形,而不是圓形。檢查小寫字母“a”,您會發現碗上的筆劃在與垂直桿相遇時變得更細。所有這些細節都向我們的大腦表明了這字體的特徵。其他知名的人文主義字體(以及人文主義/幾何混合體)包括 Frutiger、Morandi、Gotham 和 Optima。

Proxima Nova (2005) by Mark Simonson Studio @2023 The Type Founders LLC.
Proxima Nova (2005) by Mark Simonson Studio @2023 The Type Founders LLC.

襯線字體為讀者提供了類似的易讀性,因此它們成為書籍、雜誌和其他長篇閱讀情境的主要選擇也就不足為奇了。然而,襯線字體歷來在數位情境上都有不少挑戰,因為它們的筆畫對比度,即字體中粗線和細線之間存有差異(如下所述)。具有細線的高筆劃對比襯線字體適用於較大尺寸,而適用於較小尺寸的襯線字體則設計有較小的筆劃對比。這種效果和繁瑣往往會因螢幕品質而加劇,這使得襯線字體在可能需要各種尺寸的數位用例中更難設計。正因為如此,儘管現代移動螢幕在襯線字體上提供了幾乎完美的清晰度,人文主義字體仍然成為數位情境的首選。

Eurostile 字體就是與這些風格相反的例子。 Eurostile 作為一種字體,它並沒有什麼問題。因為它具有未來主義(70 年代)和現在復古未來主義的氛圍,事實上它在科幻電影中非常受歡迎。當汽車公司開始在其車輛中推出觸控螢幕和資訊娛樂系統時,許多公司選擇 Eurostile 來實現這些系統的使用者體驗。不幸的是,Eurostile 很大程度上是基於方形字體,當您只有一瞬間看一眼時,很難區分它們。尤其在您開車時一樣。

2001_eurostile_63_0.webp

清晰字體的特徵

選擇一款易讀的字體確實是一件「不輕不重」的事,最終目標是找到一款閱讀起來舒適的字體。對於設計師而言,關鍵在於了解一些有助於良好可讀性的基本要素,然後找到一款能平衡這些因素與所需視覺語言的字體。

對比

對比描述字母內部粗細筆劃的差異。通常具有一定對比的字型更易於閱讀,因為這種筆劃粗細的變化有助於讀者區分形狀相似的字母。

但是,如果對比過於強烈的字體可能會在正文使用時變得很難閱讀。例如 Bodoni 字體,由於其強烈的粗細筆劃對比,在大字號標題中會非常醒目。然而,當使用在正文尺寸時,那些纖細的筆劃幾乎會消失,導致這種字體幾乎無法閱讀。

Screenshot 2023-04-10 at 1.47.38 PM_138.webp

x-高度

x-高度指的是字型小寫裏 x 的高度,這本質上決定了小寫字母的高度。較大的 x 高度通常能提供更好的可讀性,因為更寬裕的尺寸使字母更易於閱讀。

不過,x-高度過大也可能會模糊大小寫字母之間的區分,甚至同樣是小寫字母之間的區分(比如 h 和 n)。小 x 高度在某些情況下也能提供良好的可讀性,這取決於字體的設計和粗細。

字距、字間距和擁擠程度

字母之間的空間對可讀性同字母本身同樣重要。比如,r 和 n 之間若字距不當,很容易看成是 m。整體過於緊密的文字會降低讀者的速度,而過於疏鬆的文字則會讓人覺得飄散在頁面之外。

某些字體經過深思熟慮的字距和字間距設計,只需要很少的額外修改。但是很多字體在進入排版時需要仔細調整。可讀性良好的字體應該感覺到它能夠自然地呼吸和流動,引導讀者輕鬆地穿梭於字詞和句子之間,而不需要重複檢視。

在您的設計發現過程中,請尋找那些字母相連但又不擠擁的字體,並且如果可能的話,請檢查字距可能存在問題的字母組合。這將有助於您確定需要自己調整的程度。

視覺尺寸調整

視覺尺寸調整是在設計字體的不同版本時,考慮字體將被如何使用和展示的做法。這些優化可以包括上述討論的許多內容 - 調整間距、x高度、筆劃對比度或細節。較大尺寸的設計考慮用於顯眼的用途 - 標題或甚至廣告牌 - 通常會展現字體的細節和微妙之處,同時也適當地留出較大的間距。相反,3 至 7 pt 的字形被簡化和放大,以達到在小尺寸下的最大清晰度,使其能夠在螢幕上乾淨地呈現。

並非所有字體都有視覺尺寸調整,但如果您想在一系列應用程式和尺寸中使用同一種字體系列,那麼尋找這樣的字體是值得的。

opticalsizes-animated.gif
Helvetia Now 的光學尺寸使其能夠在各種應用中完美運行,從引人注目的大顯示文字到超清晰的微型字體。

 

猶豫時,不妨測試一下

當您有幾個字體選擇時,最重要步驟就是進行測試。當您這樣做時,請緊記易讀性和可讀性之間的微妙差異 - 如果易讀性是能夠確定字元之間的差異,那麼可讀性就是閱讀的舒適度。如果你的字體非常清晰,但間距很差,那麼它的可讀性就不會很好。作為設計師,您的任務就是巧妙結合字體設計(字型本身)和版式(使用方式),締造出一種讓讀者流暢暢快的閱讀體驗。

因此,寫一些文字再看看它是否感覺舒適。高低變化是否平衡?單詞或字母組合是否感到擠逼?您是否發現自己需要重讀句子?您甚至可以請朋友或同事也閱讀一下。

再次強調一下,可讀性是藝術和科學的結合,事實上並沒有完美的字型可以做到絕對的可讀性。但只要遵循一些基本的最佳實踐,再加上您的眼光與直覺,您就能找到一款能為讀者和使用者帶來出色可讀性的字型。祝你好運!