怎樣選擇網頁字體

王艷

提要：網頁設計包含了許多部分，從整體設計到細節設計，從大幅banner到小小字體都是需要設計師花心思的。內容自然是網站重要的部分之一，而文字是內容的承載，所以網頁字體的選擇亦成為重要的部分。

關鍵詞：網頁;排版;字體

中圖分類號：TP319? ? ? ? 文獻標識碼：A

文章編號：1009-3044（2019）17-0229-02

開放科學（資源服務）標識碼（OSID）：

排版存在是為了尊重內容，當它做到最得體時，揭示了每一個元素，元素之間的每一個關系，以及文本的每一個邏輯細微差別。

雖然有時候可能一個頁面的文字沒有幾個，但你可千萬別小瞧文字的作用。字體的選擇，字體的大小、粗細、間距以及多種字體如何自然地搭配都是決定你設計的關鍵因素。在同一個頁面有限的文字區域內你所用到的字體樣式絕對不止一種，甚至會有三四種，這是為了打破單一字體給用戶帶來的單調感。字體的搭配是將兩種或更多字體通過合理的排版達到最佳效果的過程。對于很多初學者來說，他們覺得只用選擇漂亮字體就夠了，事實上，選擇漂亮的字體并不難，如何讓它們完美地搭配在一起，相得益彰，這才是應該好好下功夫的地方。

哪些字體在標題中效果最好？哪些字體在段落中最適合閱讀？一般來說，選擇合適字體需要注意以下幾方面。

1）確?？勺x性

關于網頁制作如何選擇字體，沒有通用規則可言。襯線字體和無襯線字體表現能力都不錯，新奇的字體也能表現出理想的效果，但是它們有一個共有的要求，即可讀性。如果你選擇或者設計的字體不具備可讀性，那么這就破壞了文字所要表達的意義。

2）字體和單詞匹配

這一點很容易理解，某些字母、單詞、漢字在某個特定字體下會很難看，我們無法改變。甚至有的字體中I，l，1看起來是一樣的，為了避免用戶閱讀混淆，你必須換一個字體。文字需要能吸引人的眼球，這些單詞會讓人產生某種感受，或渾然天成或裝飾過度。如果你覺得一些字符的組合比較奇怪，那用戶也會感覺到。

3）謹慎使用細體

細小的字體有時候可以表現得很驚艷，也有設計師能把它設計得很漂亮，但是大部分情況下都不能表達出太好的效果，因為首先它的可讀性較差。

網頁設計中字體和字體大小如何選擇？

許多應用程序和網站仍然使用一小部分最常見的字體——這是對數字排版最實用的方法的延續。曾經使用系統字體是最安全的選擇，因為它們可以在大多數設備上正常工作。今天，Web字體往往和系統字體一樣可靠，而且有更多種類可供選擇。例如：Helvetica，Arial，Times，Georgia，Montesque...

設計師通過將文本分解成碎片，不僅為讀者提供大量的信息，還為豐富界面提供了途徑。除了字體選擇的個性之外，精心設計的布局還通過視覺提示、規律性和變體來自然地引導讀者。而根據文本的長度選擇類型，可以給讀者很多提示和快捷檢索，幫助導航。

對于標題和副標題，您可以選擇具有表現力的、獨特的、甚至是特殊的字體，包括“顯示”“裝飾”“手寫”和“腳本”樣式。這些非常規的高對比度設計往往在這種情況下效果很好，因為它們的細節和視覺復雜性有助于吸引眼球。如果你想對短的文本使用無襯線字體， 特別是在大尺寸的文本中，字體的重量往往看起來會有點輕薄，請考慮改用粗體和壓縮樣式， 因為它們的高筆畫對比度往往會吸引讀者的注意力。

在排中長文本（五段落以內）時，字體選擇相當靈活，襯線字體和無襯線字體都可采用。在排版較長的文本部分（超過五個段落）時， 建議使用襯線字體，這樣更容易讓眼睛適應長時間的快速閱讀， 如新聞和報刊文章。

一般字體的使用常為宋體。不要使用交生的字體，防止用戶因沒有安裝對應字體樣式造成顯示錯誤。所以不同操作系統都有不同的字體系統，但既然是字體，總有一些比較經典特殊常用的字體共同存在于各個系統中，例如無襯線中的Arial字體。

網站建設中字體大小的選擇是用戶體驗中的一個重要部分，過大過小都會影響用戶體驗。在制作網頁的時候，我們可以根據文字在網頁中的不同位置和不同等級來分別使用不同大小的字體。相對來說，內容標題可以使用較大的字體，小標題可以采用次一號的字體，正文則可以采用正常大小的字體。

在選擇網頁字體時，你需要權衡幾個考慮因素。盡管文本的長度有助于確定您選擇哪種字體，但設置類型的大小是另一個重要因素。以相對較小的尺寸，高達16磅，嘗試無襯線選項。無襯線也往往有相對較低的筆畫對比度和更均勻的筆畫重量，這給他們一個均勻的“顏色”時，縮小和包裝成一個小的空間。

在使用中等大小字體時（比如子標題、引號或較小的標題，范圍從16到24磅），可以考慮使用無襯線字體，避免過于沉重的東西，既不要太厚也不要太薄，這樣可以使文字易于閱讀。如果你想要一個現代的和不是太書生氣的襯線字體，找一些沒有太多筆畫對比的字體，比如Slab serif字體。

在使用大尺寸字體時（大于24磅），稱為“顯示字體”。這些特性往往在較大的尺寸上很突出，而在較小的尺寸上，這些相同的特性往往會阻礙可讀性。不過，幾乎所有的印刷體都是適合大型文字的游戲，只要字體所喚起的感覺與上下文相符就可以了。

如何衡量一個字體的功能和它的設計特征？

字體的設計特征是在特定字符上量身定制的變體。這些包括小大寫字母、上下文替換和不同的編號樣式。在某些上下文中，小寫大寫字母對于標題和段落開頭使用率很高，他們可以通過增加多樣性來創造一種視覺層次感使文本變得復雜。

如果你使用的是草書字體或腳本字體，它的替代字體可以使文本看起來更“自然”，方法是增加實際手寫字體中出現的品種。另一方面，襯線或無襯線字體中的交替字符可能會添加與普通文本不同的細微差別。

如果您選擇了一種獨特且引人注目的顯示字體進行字幕，請嘗試一些對正文文本進行色調向下和熟悉的字體。一個經典的選擇是使用無襯線樣式進行標題，使用襯線樣式進行正文文本。字體支持的樣式、字符和腳本越多， 您的準備就越充分。

隨著基礎知識的發展，您可以安全地進行更復雜的選擇，如字體配對。配對可能是一個相當細致入微和復雜的問題，但這并不意味著應該完全避免。谷歌字體更新的設計師陳玉玲說：組合是無窮無盡的， 找到合適的配對可能需要很長時間，嘗試不同的組合是很愉快的，所以要接受這個過程，盡可能多地測試你的選擇——最有效的方法可能會讓你大吃一驚。

網頁字體的選擇是一種微妙的藝術，但沒有你想的那么難以捉摸，如果你做對了，網頁排版可以是令人難以置信的強大。

參考文獻：

[1] 鄭國強.網頁設計與配色標準教程[M].北京：清華大學出版社， 2017.

【通聯編輯：唐一東】