選擇字體時的提示和注意事項(帶有信息圖)

已發表: 2022-03-11

為任何設計項目選擇字體都會帶來壓力。 一些設計師默認為每個項目使用相同的少數字體。 其他人則花費數小時試圖找出適合這份工作的字體,卻從未真正對自己的最終選擇充滿信心。 考慮到存在超過 50 萬種字體也就不足為奇了。

正確的字體可以做出設計,而錯誤的字體肯定會破壞它。 實驗和實踐對於掌握字體選擇都很重要。 但是設計師可以記住一些事情來使字體選擇更容易和更有針對性。

範圍

使用字體的一個或多個項目的範圍是設計師在選擇字體時應該首先考慮的事情之一。 僅用於有限範圍的字體(例如幻燈片)需要比將在品牌的整個視覺形像中使用的字體更不靈活。

設計師應該考慮字體是否僅用於數字項目或印刷。 他們還應該考慮字體是在有限的時間內使用還是無限期使用。 在選擇新字體開始時,列出所有可能使用字體的項目可能會有所幫助。

選擇字體時考慮所有應用程序
計劃。 在他們的所有品牌材料中使用一種字體,包括他們的標誌。 (艾倫·格林伯格設計)

情緒

每個項目都有心情。 無論那種情緒是正式的還是非正式的,有趣的還是嚴肅的,現代的還是經典的,或者完全是別的什麼。 和每個項目一樣,每種字體都有一種情緒。

對於設計師來說,考慮項目的情緒以及他們正在考慮的字體如何加強或與這種情緒發生衝突是很重要的。 例如,在一家律師事務所的網站上使用 Comic Sans 會發生衝突。 像 Crimson Text 或 Helvetica 這樣的東西會更好。

情緒板是評估字體選擇的好方法
情緒板是評估字體選擇如何適應設計整體情緒的好方法。 (奧利維亞瑪雅設計)

功能性

並非每種字體在每種重量和尺寸上都看起來不錯。 在較大尺寸下看起來令人驚嘆的顯示字體在較小尺寸下可能會變得難以辨認。 在正文中使用小尺寸時看起來很棒的字體有時在顯示尺寸下使用時看起來太平淡甚至乏味。

不過,有些字體幾乎可以在任何尺寸下看起來都不錯。 設計師應該在他們可能使用這些字體的每種尺寸下測試他們正在考慮的字體,以確保它們是可讀的並且不會對用戶體驗產生負面影響。

如何選擇正確的字體:考慮所有必要尺寸的易讀性
Roboto 是眾多字體中的一種,可以有效地用於大尺寸和小尺寸。

多功能性

非常適合在網絡上使用的字體可能無法很好地用於印刷,反之亦然。 像Georgia 這樣專為低分辨率屏幕上的可讀性而設計的字體並不像Book Antiqua 這樣的字體那樣適合打印工作。

如果一種字體僅用於單個項目,那麼很容易確定打印功能還是屏幕功能最重要。 但是對於可能在多個項目中使用的字體,設計師應確保該字體適用於可能使用它的每種媒體。

排版樣式:選擇適用於各種媒體的字體
Drop Co 的字體選擇適用於印刷和數字設計。 (由 Marka Network 和 Mustafa Akulker 設計)

信息

項目的信息——無論是幻燈片還是品牌的視覺識別——對於確定要使用的最佳字體至關重要。 如果消息是嚴重的,字體也應該是嚴重的,反之亦然。

錯誤的字體可能會完全破壞品牌試圖傳達的信息。 例如,在歷史社會網站的設計中使用 Open Sans 等現代元素並不能真正強化信息。 像 Crimson Text 這樣的字體會更好。

強化品牌信息的字體組合
Olivia Palermo 網站上的字體完美地強化了該品牌的高端、優雅信息。

可讀性

可讀性可以說是字體最重要的特徵。 由於 type 用於傳達消息,如果無法讀取該消息,則字體已失敗。

可讀性和易讀性並不完全相同。 易讀性是指區分字體中的字母的難易程度。 可讀性更進一步,指的是區分和閱讀不同單詞的難易程度。

可讀性和易讀性都會受到所使用字體大小的顯著影響。 在 18 像素時看起來很棒的字體在 10 像素時可能難以辨認。 除非設計師知道字體需要以較小的尺寸使用,否則這不一定會破壞交易。

字體特徵:字體大小對可讀性很重要
字體大小對字體的可讀性有重大影響。

語言

並非每個網站或設計項目都會被翻譯成多種語言。 但最好在項目開始時確定是否可能進行翻譯。 並非所有字體都支持特殊字符(如重音字符),更不用說西里爾文和希臘文等字母了。

在幾乎所有項目中,重要的是使用的字體至少支持擴展的拉丁字符,如重音和變音符號。 由於不支持重音而無法拼寫單詞或名稱會使項目看起來不專業。

字體元素:語言支持對於某些設計可能很重要
在為某些項目選擇字體時,支持多種語言可能很重要。

風格

有四種基本字體樣式:襯線、無襯線、顯示和腳本。 襯線字體通常被視為更傳統和正式(儘管並非全部如此)。 無襯線字體可以被視為更加現代和簡約。 顯示字體不適合在小尺寸下使用,但它們的外觀差異很大。 腳本字體類似於手寫或書法。 腳本和顯示字體主要用於短文本塊或標題和標題等內容。

為了可讀性,襯線字體曾經被認為在印刷中更易於閱讀,而無襯線字體在屏幕上更易於閱讀。 但是這兩種風格的大多數現代字體都可以在任何一種媒體中都很好地工作,尤其是在屏幕分辨率提高的情況下。

設計師應該考慮是否要在標題和標題中使用顯示字體或腳本字體,並決定襯線字體還是無襯線字體更適合他們的信息和項目的品牌。 決定這一點會縮小設計師的字體選擇範圍,從而更容易確定最終選擇。

字體選擇:結合 serif 和 sans serif 字體
Obachan 在他們的網站上同時使用 serif 和 sans serif 字體。

品牌

每個品牌都有心情和信息。 重要的是,所有視覺元素——不僅僅是字體——都匹配並支持品牌想要給公眾的印象。

根據品牌適用性縮小字體選擇範圍可以從列出代表品牌的關鍵字開始。 從那裡,設計師可以搜索包含這些關鍵字或同義詞的字體。

例如,如果一個品牌是正式的和傳統的,那麼像 Garamond 或 Caslon 這樣的字體會很合適。 如果一個品牌是現代和前沿的,設計師可能會選擇像 Roboto 或 Raleway 這樣的品牌。

好的字體組合可以強化品牌信息和情緒
Pureskin 將非正式的腳本字體與乾淨的無襯線字體相結合,強化了他們現代、女性化的品牌。 (由 Marka Network 和 Mustafa Akulker 設計)

許可

雖然許多字體具有允許在幾乎任何情況下使用的通用許可證,但其他字體則沒有。 一些許可證只允許在一種或另一種介質中使用。 其他允許在宣傳材料中使用,但現在可能允許在銷售的產品上使用。

另一個考慮因素是,如果多個設計師正在處理一個項目,他們可能每個人都需要字體的許可版本。 設計師應該確保他們了解他們正在考慮使用的任何字體的許可以及這些許可可能施加的限制。

組合

並非所有字體都可以很好地與其他字體配合使用。 有些字體足夠中性,可以與數百種其他字體配對。 但其他人具有如此獨特的特徵,以至於合適的組合受到限制。

兩者都有優勢。 有限的組合可以更快地找到合適的組合,因為設計師可能只有十幾個可供選擇。 但是擁有更廣泛的選擇可以為未來的項目提供更多的靈活性。 選擇字體組合既是一門藝術也是一門科學,設計師需要大量的實驗和實踐才能掌握。

字體組合:Serif 和 sans serif 字體可以很好地協同工作
結合多種無襯線和襯線字體在 Sophia's Tea 的包裝設計中效果很好。 (由 Marka Network 和 Mustafa Akulker 設計)

大字體系列

具有多種粗細和样式的大型字體系列,例如 Roboto 或 Baskerville,可以讓設計師更輕鬆地創建複雜的排版設計,而無需弄清楚哪些字體可以很好地協同工作。 一些大型字體系列甚至包括襯線和無襯線版本,這為設計師提供了更大的靈活性。

在品牌視覺識別等長期項目中,更大的字體系列也提供了更多的多功能性。 能夠根據確切的項目需求在多種重量或樣式之間切換,為設計師提供了更大的靈活性,而不必偏離品牌的既定身份。

字體元素:大型字體系列提供更多功能
像 Nimbus Sans 這樣的大型字體系列為設計師提供了很多多功能性,這對長期或大型項目特別有幫助。

如何選擇正確的字體

在任何設計項目中牢記這些提示可以使選擇字體的過程更加順暢。 想要提高字體選擇技巧的設計師可以從事實踐項目,例如為知名品牌或虛構項目選擇新字體。 然後,當面對現實世界的項目時,他們會對自己的技能和選擇更有信心。

對每個項目的全面了解可以讓設計師更好地了解哪種字體最適合這些需求。 一旦確定了項目的範圍,其他考慮因素——例如情緒、多功能性、信息和品牌——可以指導設計師選擇最佳字體。 可讀性、功能和語言支持等其他考慮因素可以幫助設計師進一步優化這些選擇,為他們的設計工作找到完美的字體。

字體信息圖

下載此信息圖的 PDF 版本。
將此信息圖嵌入網站。

• • •

進一步閱讀 Toptal 設計博客:

  • 如何構建有效的排版層次結構
  • 剖析排版解剖學的複雜性(帶信息圖)
  • 可讀性設計——網頁排版指南(附信息圖)
  • 了解字體分類的細微差別
  • 迷你教程——字體組合指南