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