王艷

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

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

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

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

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

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

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

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

1）確?？勺x性

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

2）字體和單詞匹配

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

3）謹慎使用細體

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻：

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

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