【網(wǎng)站設(shè)計(jì)優(yōu)化】網(wǎng)站字體的 10 個(gè)使用準(zhǔn)則
發(fā)布時(shí)間：2020-03-07來(lái)源：admin
<p>
互聯(lián)網(wǎng)上 95% 的信息都是以“文字”的形式存在，而如何使單調(diào)的文字生動(dòng)化，讓用戶(hù)擁有輕松、愉悅的閱讀體驗(yàn)是每個(gè)設(shè)計(jì)師、站長(zhǎng)們都得考慮的問(wèn)題。下面將從字體的選擇、配色方案、排版布局等方面來(lái)說(shuō)說(shuō)“網(wǎng)站字體的 10 個(gè)使用準(zhǔn)則”。
</p>
<p>
本文先從字體使用數(shù)量、文本長(zhǎng)度等 3 個(gè)方面開(kāi)始闡述。
</p>
<p>
一、使用一種字體足矣
</p>
<p>
據(jù)調(diào)查表明，當(dāng)一個(gè)頁(yè)面中使用的字體超過(guò) 3 種時(shí)，會(huì)給用戶(hù)帶來(lái)“不專(zhuān)業(yè)”、“沒(méi)有權(quán)威性”、“沒(méi)有層次結(jié)構(gòu)”之類(lèi)的感覺(jué)。
</p>
<p>
如下圖：
</p>
<p>
正常情況下，頁(yè)面中采用一種字體就好了，兩種的話(huà)勉強(qiáng)可以接受，但必須要盡量把字體間的差異性降到最低，且設(shè)計(jì)上也得盡量和諧。
</p>
<p>
比如：同時(shí)使用 Georgia 和 Verdana 這兩種字體，就相對(duì)比較和諧。另外，Baskerville 和 Impact 兩者結(jié)合使用也會(huì)帶來(lái)較好的視覺(jué)體驗(yàn)。
</p>
<p>
二、使用標(biāo)準(zhǔn)字體
</p>
<p>
當(dāng)人們?cè)谑煜さ沫h(huán)境面前，會(huì)更加“如魚(yú)得水”。同理，當(dāng)瀏覽網(wǎng)頁(yè)時(shí)，看到是的熟悉的字體，用戶(hù)能夠更加快速的 get 到自己想到的信息。
</p>
<p>
另外，由于瀏覽器的“限制”，不是所有的字體都能與所有瀏覽器“兼容”，即有些能在 Google Chrome 中顯示的字體，也許到了火狐上就會(huì)顯示出錯(cuò)，這樣容易影響到用戶(hù)的閱讀體驗(yàn)。
</p>
<p>
最保守的做法就是采用系統(tǒng)默認(rèn)字體：比如 Arial、Calibri、Trebuchet 等。
</p>
<p>
三、合理設(shè)置行文本的長(zhǎng)度
</p>
<p>
據(jù)國(guó)外研究所調(diào)查表明：如果想要給用戶(hù)一個(gè)良好的閱讀體驗(yàn)，網(wǎng)頁(yè)中的行文本長(zhǎng)度最好控制在 60 個(gè)字符（約 30 個(gè)漢字）左右，這可以提高文本的可讀性。
</p>
<p>
如下圖：
</p>
<p>
這是因?yàn)楫?dāng)行文本太短時(shí)，用戶(hù)眼睛回轉(zhuǎn)的頻率增大了，閱讀節(jié)奏容易被打破。而當(dāng)行文本太長(zhǎng)時(shí)，又容易引起用戶(hù)閱讀疲勞（專(zhuān)注力下降），從而導(dǎo)致其喪失閱讀欲望。
</p>
<p>
另外，如果是移動(dòng)設(shè)備的話(huà)，行文本長(zhǎng)度則以 30 - 40 個(gè)字符為最佳。
</p>
<p>
下圖是正、反案例對(duì)比，左圖中的行文本長(zhǎng)度約在 50 - 75 個(gè)字符，右圖的則保持在 30 - 40 個(gè)字符左右，相比之下，右圖的閱讀體驗(yàn)明顯優(yōu)于左邊的：
</p>
<p>
以上為“網(wǎng)站字體 10 個(gè)使用準(zhǔn)則”系列文章中的前三個(gè)標(biāo)準(zhǔn)，在之后文章中我們將繼續(xù)為您分享剩下的 7 個(gè)準(zhǔn)則。
</p>
聯(lián)系方式： 0755-84185494
