怎樣選擇網(wǎng)頁字體

王艷

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

關(guān)鍵詞：網(wǎng)頁;排版;字體

中圖分類號：TP319? ? ? ? 文獻(xiàn)標(biāo)識碼：A

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

開放科學(xué)（資源服務(wù)）標(biāo)識碼（OSID）：

排版存在是為了尊重內(nèi)容，當(dāng)它做到最得體時，揭示了每一個元素，元素之間的每一個關(guān)系，以及文本的每一個邏輯細(xì)微差別。

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

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

1）確?？勺x性

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

2）字體和單詞匹配

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

3）謹(jǐn)慎使用細(xì)體

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

網(wǎng)頁設(shè)計中字體和字體大小如何選擇？

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻(xiàn)：

[1] 鄭國強(qiáng).網(wǎng)頁設(shè)計與配色標(biāo)準(zhǔn)教程[M].北京：清華大學(xué)出版社， 2017.

【通聯(lián)編輯：唐一東】