網頁和印刷設計的字體樣式

已發表: 2022-03-11

絕大多數人從早上醒來到晚上睡覺的那一刻都被字體轟炸。 從手機上的應用程序到浴室裡的美容產品,再到早上通勤時看到的標誌,排版無處不在。 但是有多少人真正注意到他們每天都在使用的字體樣式?

即使是設計師也低估了字體,並且經常根據鬆散的意見而不是客觀的理解來做出字體決定。 大多數設計師甚至知道設計各種字體的原始工業環境嗎? 這些背景和歷史對於確定給定字體的易讀性、適當的字符和使用意味著什麼? 無論從事何種設計學科——無論是視覺設計、用戶體驗還是傳統的印刷設計,字體幾乎都是所產生的每一點設計的基本元素。

當今使用的一些最有影響力的字體經常被忽視,而偏向於市場上較新的獨特字體設計——有時是正確的。 本文中的每一種字體都有數十年甚至數百年的歷史,並且都是為不同的技術環境而設計的。 因此,自推出以來,已經創建了許多替代方案或更新。 隨著顯示器和打印機變得更高分辨率並能夠準確顯示更複雜的形狀,甚至一些最初為屏幕設計的字體也已經過時。

襯線字體

用於網頁排版的不同襯線字體示例
Baskerville、Georgia、Garamond 和 Times New Roman 是襯線字體的流行示例。

了解 serif 和 sans-serif 字體樣式之間的區別是最基本的字體規則之一。 對於許多人來說,這可能是顯而易見的,但襯線是字符主要水平和垂直線末端的筆劃。 襯線中有許多子類,包括細線、楔形和板狀襯線,它們都描述了襯線本身的視覺質量。

Serif 與 sans 字體,比較不同的字體樣式

一般來說,襯線字體比無襯線字體的歷史更長,因為它們是古騰堡出版社發明後用於印刷書籍的第一種字體。 從本質上講,襯線允許更舒適的長篇閱讀,因為襯線將眼睛從一個字符平滑地引導到另一個字符,使襯線成為長篇印刷作品的理想選擇。 因此,襯線字體通常仍然是書籍或報告等印刷作品的首選字體,儘管這不是絕對規則。 每種字體都有其特定的品質,並且有些襯線字體並不真正適合大塊正文(還有一些無襯線字體,對於長篇作品來說非常清晰易讀)。

巴斯克維爾

Baskerville 是經受住時間考驗的經典襯線字體之一,至今仍在廣泛使用。 Baskerville 是在第一批排版字體(Bodoni 和 Didot)與 19 世紀和 20 世紀字體之間的過渡時期設計的。 Baskerville 的成功歸功於其明顯的高對比度字體。

設計師約翰巴斯克維爾是一個強烈的完美主義者,因此創造了一種具有美麗細節的字體。 字體只能在他自己的機器上打印,以確保字體正確地轉移到頁面上。 這段歷史意義重大,因為巴斯克維爾已經適應了我們今天工作的各種媒介。 每個字體中包含的細節使巴斯克維爾不適合低分辨率介質,包括低分辨率顯示器或壞打印機。 話雖如此,當巴斯克維爾有機會表達其品質時,它是一種出色的襯線字體。

巴斯克維爾深受影響的現代數字字體的一個很好的例子是亞馬遜為 Kindle 委託的 Bookerly 字體。 如果您正在尋找巴斯克維爾的替代品,既能保持其 200 年的豐富性,又能在屏幕上進行更新以提高可讀性,那麼 Bookerly 可能是一個很好的解決方案。 其他選擇包括 Mrs. Eaves 和 Plantin。

英語字體格式一種

Times New Roman 就像許多已經存在了一段時間的廣泛使用的字體一樣,是一種偏光字體,受到許多人的喜愛,但也受到一些人的厭惡。 通常,人們喜歡或討厭 TNR 的地方是一樣的:它冷漠的中立。

Matthew Butterick 寫道:“Times New Roman 與其說是一種字體選擇,不如說是沒有一種字體選擇,就像深空的黑色不是一種顏色一樣。 看Times New Roman就是凝視虛無。” Times New Roman 之所以讓人感覺如此樸素,很大程度上是因為它在其設計的報紙《倫敦時報》上曝光,因此它無處不在。

Times New Roman 是為報紙的商業利益而設計的,它是為了保持易讀性,同時盡可能多地塞進一行——因此也就是一頁——。 設計師對這種字體在報紙上的使用非常公開,因為它在細列中更窄且更清晰,但對於行長較長的書籍並不理想。 這種效率是通過增加 x 高度和顯著減少跟踪或字符之間的空間來實現的。

由於 Times New Roman 字體的成功,Times New Roman 很快就被大多數美國報紙採用,從而使其成為最普遍的字體之一。 由於這種普遍性,一些設計師建議不要使用 Times New Roman,因為它會給人一種冷漠或廉價的印象。 您可能會考慮的其他一些編輯風格字體是 Arnhem、Le Monde Journal 或 Plantin。

加拉蒙德

Garamond Antiqua 是一種純粹的老式字體,由標誌性的巴黎打孔刀 Claude Garamond 設計。 Garamond 是最早為該字體集設計的面孔之一,這意味著它非常適合當時最新熱潮的長篇正文:小說。

作為其設計時代的內在品質,Garamond 賦予文本一種舊世界風格的感覺。 然而,它的圓形襯線使文本比許多襯線對應物更加非正式。 Garamond 憑藉其清晰的形式一直保持著一種多產的字體,允許用戶長時間閱讀而不會感到疲倦。 角色的大身體和高 x 高度在每個字母周圍創造了大量空間,使單詞在感知上更大,因此更清晰。

儘管許多設計師會爭論 Garamond 的永恆性,但它的形式根本不適合網絡排版。 Garamond 在印刷方面的優點包括其柔和的曲線,從一個字符融合到另一個字符,使其在長時間內更具可讀性。 缺點是這些曲線在屏幕上較小尺寸時變得模糊,妨礙其易讀性。 因此,儘管您可以在網上找到無數的 Garamond 遊戲,但大多數屏幕設計師認為它已經過時了。 儘管如此,EB Garamond 的設計師們仍然不以為然,並試圖在開源社區中重振這一經典之作。

誠聘美國全職自由 UI 設計師

如果您正在尋找 Garamond 的替代品,請查看 Sabon 或 Minion。

喬治亞州

也許是為了應對 Garamond 在屏幕上的失敗等字體,Matthew Carter 在 1990 年代受微軟委託設計一種專門用於屏幕易讀性的字體。 格魯吉亞誕生了。

許多人認為,Georgia 缺乏其他大規模生產的襯線字體(例如 TNR)的中性質量,它賦予文本友好和迷人的質量。 因此,卡特令人印象深刻的設計壯舉是他設法解決了屏幕上的易讀性問題,同時保持了印刷面的吸引力。

故事是卡特在設計 19 世紀字體 Scotch Roman 的新版本時設計了喬治亞州。 佐治亞州保留了其前任的許多品質。 然而,為了為屏幕打造喬治亞州,卡特做了一些重要的改變:增加 x 高度,將數字四捨五入,並製造輕微的錯位以保持個性。

儘管 Georgia 現在已成為經典字體,但它也被廣泛認為比許多其他襯線字體更具現代感。 Miller 和 Abril 有相似的感覺,是不錯的選擇。

無襯線字體

不同的無襯線字體示例
Verdana、Gill Sans、Helvetica、Franklin Gothic 和 Futura 是一些最常用的無襯線字體。

儘管有些人可能會爭辯說,無襯線字體樣式首先出現在古代,但直到 19 世紀它們才被正式納入廣泛使用和現代社會。 隨著廣告、報紙和媒體的蓬勃發展,需要一種可以從遠處讀取為清晰標題並代表行業新時代的字體。

維達納

Verdana 與其堂兄喬治亞州有著相似的故事,因為它們都是由 Matthew Carter 在 90 年代為微軟設計的。 因此,Verdana 是專為屏幕設計的無襯線字體。 與許多力求清晰的字體類似,Verdana 具有較大的 x 高度以增加易讀性。 Verdana 被稱為人文主義無襯線字體,這意味著它保持了襯線字體的一些品質和設計邏輯。

然而,Matthew Carter 意識到某些文本可能會塞入屏幕上的潛在限制空間,因此 Verdana 的字符大小是平衡的,足以避免在沒有穩定引導的應用程序或平台中塞滿。 考慮到 Verdana 是為 90 年代設計的,它在低分辨率設備上仍然特別有效。 然而,隨著屏幕的質量越來越高,Verdana 的優勢就消失了,它的表現也沒有以前那麼好了。

如果在印刷品中使用 Verdana,它的寬間距使其具有等寬打字機字體的質量。 這種質量使 Verdana 成為打印大量文本的糟糕選擇。 您現在可以考慮的替代方法是 Colfax。 Colfax 的設計師考慮到當今字體設計缺乏機械限制,並製作了一種更適合高分辨率顯示器和噴墨打印的字體。

Gesta 和 PT Sans 都是 Verdana 的不錯替代品。

富蘭克林哥特式

Franklin Gothic 是一種現實主義的無襯線字體,最初由 American Type Founders (ATF) 的 Morris Fuller Benton 於 1902 年創建,並在 1970 年代和 1990 年代由 ITC 擴展為包括更多的權重。 Adobe、International Typeface Corporation (ITC)、Monotype Imaging 和 URW 創建了字體的數字版本。

本頓承認最初的字體是為了向本傑明富蘭克林致敬而設計的,最適合用於標題和貿易用途,而不是長塊的正文。 自那以後,帶有額外權重和样式的更新擴展了使用選項。

富蘭克林哥特式的永恆品質使其成為許多媒體的熱門選擇,距其最初發布已有一個多世紀。 時代雜誌和紐約時報都使用它作為各種頭條新聞,美國和加拿大版本的拼字遊戲都使用它,濃縮版甚至被用於星球大戰電影的開場爬行。

雖然富蘭克林哥特式仍然非常受歡迎,但流行的替代品是 News Gothic,這是 Benton 的原版流行繼任者,具有更窄的構造和更少的筆劃對比度。 其他替代品包括 Trade Gothic、Benton Sans 和 Maple。

富利

Futura 於 1927 年發布,是第一個幾何無襯線(與人文主義無襯線相反)字體之一的直接結果。 Futura 最大的競爭對手 Erbar Grotesk(於 1926 年發布)是在極具影響力的包豪斯設計的,其目的是傳達學校在 20 世紀初認為現代的一切。 這意味著幾何邏輯消除了任何裝飾的暗示,並在所創建的字體中追求純粹的邏輯。

與 Erbar Grotesk 一樣,Futura 包括基於幾何形狀的字母形式,主要是圓形(雖然也包括不適合圓形的正方形和三角形)。 它包括筆劃之間的低對比度,高大的小寫字母和大寫字符的比例類似於羅馬大寫字母。 它的設計師 Paul Renner 認為現代字體應該具有現代感,而不是簡單地重複以前的設計。

Futura 在 20 世紀的過程中享有盛譽,因為阿波羅 11 號的宇航員在 Futura 的月球上留下了一塊牌匾; 大眾等很多品牌都採用了; 包括斯坦利·庫布里克和韋斯·安德森在內的幾位電影製片人重新使用了它。 如果您欣賞 Futura 的現代品質,但發現它有點過度使用,請考慮嘗試 FF Super Grotesk、HK Grotesk(開源)或 Neuzeit。

吉爾·桑斯

Monotype 是為我們帶來 Times New Roman 的同一家字體鑄造廠,委託博學家 Eric Gill(雕塑家/排版師/圖形藝術家)為倫敦的現代標牌製作字體。 與 Futura 不同,Gill Sans 是一種人文主義字體,其風格不如德國同時代字體。 “R”略微張開,“眼鏡”小寫“g”接近標誌性。 字體的自然粗體質量非常適合顯示和標題,但後來發布的較輕的重量非常適合正文。

字體樣式和字體的歷史
Gill Sans 基於 Edward Johnston 1916 年的“Underground Alphabet”,是倫敦地鐵的官方字體。

它在倫敦地鐵、英國廣播公司和英格蘭教會的歷史,加上其現代而人性化的品質,使該字體具有典型的英式風格。 雖然字體在比例上是經典的,但它有一些藝術耀斑,使其比其樸素的德國對應物 DIN 更歡快。

也就是說,許多這些藝術耀眼使 Gill Sans 受到一些平面設計師的歡迎。 具體來說,小寫“a”經常被批評為不平衡和易讀性。

尋找 Gill Sans 的替代品? 查看 ITC Johnston 或 P22 地鐵。

黑爾維提卡

Helvetica 是唯一激發了自己的電影(2007 年)的字體。 它可以說是當今最著名/最普遍的字體。 該字體誕生於 50 年代廣泛流行的 Grotesk 字體新版本的廣泛競爭。

Grotesk 字體逐漸演變以增加易讀性。 然而,並非所有字體都適用於手機行字和機械字體。 排版機要求將常規和斜體字符設置為相同的寬度,從而迫使斜體顯得太寬而正則顯得太窄。

Helvetica 是專門設計的,具有敏銳的字符調整,以保持 Grotesk 字體的現代美感和易讀性,同時讓設計師享受大規模生產的好處。 該字體首次在“Graphic 57”貿易展上發布,在整個瑞士設計中無處不在。

其他可以替代 Helvetica 的字體包括 Maison Neue、Univers 和 Folio。

等寬字體

等寬字體樣式最初是為打字機設計的。 了解此類字體的主要質量是打字機要求每個字符以相等的間距打印出來。 因此,每個字符都放置在正文中的單個組織矩陣中,而其他字體通常會在間距上有所不同,以管理易讀性。

最終,在打字機的上下文之外,很少有應用程序可以使用等寬字體。 相等的間距意味著它們的效率較低並且通常也不太易讀。 這個規則的一個例外是在為編寫代碼而設計的應用程序中,相等的間距實際上可以幫助易讀性。

其中一些示例包括 Courier、Consolas、Letter Gothic 或 Source Code Pro(免費)。 然而,有些設計師就是無法否認懷舊的審美; 因此,它們仍然很受歡迎。

系統字體

系統字體是您的設備或程序附帶的字體。 Mac、Windows 甚至 Adob​​e 產品都有不同的系統字體。 本文中包含的所有字體至少有一些變體是系統字體。

使用系統字體有一些缺點。 最大的問題是這些字體通常曝光過度。 因為它們幾乎包含在每個人的計算機上,所以人們日復一日地看到它們,無論是好的設計還是糟糕的設計。 雖然並非每個印刷項目都需要處於原創性的前沿,但重要的是要了解,如果您設計品牌應該是獨特的和原創的,使用系統字體通常會破壞這一點。

使用系統字體的另一個主要缺點是它們中的一些不是很好。 阿里爾浮現在腦海中……

最後,許多系統字體被專門設計為在屏幕上非常清晰,並且在打印時可能不是特別可讀。 對於設計師承擔的每個項目來說,這可能不是一個問題,但應該牢記這一點。

為設計工作選擇出色的字體

在為特定品牌設計時,選擇合適的專業字體對任何設計師來說都是一項關鍵工作,尤其是考慮到某些字體系列的許可證可能超過 1,000 美元。

對於許多項目來說,選擇一個包含各種粗細、寬度甚至襯線和無襯線變體的字體系列是一個聰明的主意。 這為設計師提供了很多選擇,可以針對特定品牌的任何項目進行選擇,甚至允許使用並沒有那麼不同的“不同”字體更新營銷宣傳品(因此不太可能激怒消費者和品牌忠誠者,就像主要品牌的許多大型重新設計一樣)。 一個深字體系列可以很容易地與自己配對,並帶有各種個性。

在尋找與現有類型庫配對以在項目中更普遍使用的字體時,請專注於選擇具有相似特徵的字體。 這意味著要考慮大寫和小寫、x 高度和形式幾何的所有質量。 像 Typewolf 這樣的網站對於尋找與現有選項配對的字體非常寶貴(對於那些客戶說他們想要“類似”Helvetica 但絕對不是Helvetica 的時候,它們也是很好的替代品)。