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

王艷

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

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

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

文章編號(hào)：1009-3044（2019）17-0229-02

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

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

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

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

1）確保可讀性

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

2）字體和單詞匹配

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻(xiàn)：

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

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