揭陽網(wǎng)站建設(shè)中網(wǎng)站字體的使用準(zhǔn)則
作者:網(wǎng)站建設(shè) | 發(fā)布日期:2021-03-11
本文先從字體使用數(shù)量、文本長度等 3 個(gè)方面開始闡述
一、使用一種字體足矣
據(jù)調(diào)查表明,當(dāng)一個(gè)頁面中使用的字體超過 3 種時(shí),會(huì)給用戶帶來“不專業(yè)”、“沒有權(quán)威性”、“沒有層次結(jié)構(gòu)”之類的感覺。
正常情況下,頁面中采用一種字體就好了,兩種的話勉強(qiáng)可以接受,但必須要盡量把字體間的差異性降到最低,且設(shè)計(jì)上也得盡量和諧。
比如:同時(shí)使用 Georgia 和 Verdana 這兩種字體,就相對(duì)比較和諧。另外,Baskerville 和 Impact 兩者結(jié)合使用也會(huì)帶來較好的視覺體驗(yàn)。
二、使用標(biāo)準(zhǔn)字體
當(dāng)人們?cè)谑煜さ沫h(huán)境面前,會(huì)更加“如魚得水”。同理,當(dāng)瀏覽網(wǎng)頁時(shí),看到是的熟悉的字體,用戶能夠更加快速的 get 到自己想到的信息。
另外,由于瀏覽器的“限制”,不是所有的字體都能與所有瀏覽器“兼容”,即有些能在 Google Chrome 中顯示的字體,也許到了火狐上就會(huì)顯示出錯(cuò),這樣容易影響到用戶的閱讀體驗(yàn)。
最保守的做法就是采用系統(tǒng)默認(rèn)字體:比如 Arial、Calibri、Trebuchet 等。
三、合理設(shè)置行文本的長度
據(jù)國外研究所調(diào)查表明:如果想要給用戶一個(gè)良好的閱讀體驗(yàn),網(wǎng)頁中的行文本長度最好控制在 60 個(gè)字符(約 30 個(gè)漢字)左右,這可以提高文本的可讀性。
這是因?yàn)楫?dāng)行文本太短時(shí),用戶眼睛回轉(zhuǎn)的頻率增大了,閱讀節(jié)奏容易被打破。而當(dāng)行文本太長時(shí),又容易引起用戶閱讀疲勞(專注力下降),從而導(dǎo)致其喪失閱讀欲望。
另外,如果是移動(dòng)設(shè)備的話,行文本長度則以 30 - 40 個(gè)字符為最佳。
下圖是正、反案例對(duì)比,左圖中的行文本長度約在 50 - 75 個(gè)字符,右圖的則保持在 30 - 40 個(gè)字符左右,相比之下,右圖的閱讀體驗(yàn)明顯優(yōu)于左邊的:以上為“網(wǎng)站字體 10 個(gè)使用準(zhǔn)則”系列文章中的前三個(gè)標(biāo)準(zhǔn),在之后文章中我們將繼續(xù)為您分享剩下的 7 個(gè)準(zhǔn)則。
四、字體的可讀性
不管你選擇哪種字體、使用哪種大小規(guī)格,“可讀性”絕對(duì)是需要優(yōu)先考慮的第一要素?!翱勺x性”除了字體本身外,還需要考慮到訪問設(shè)備的“兼容性”問題。
如今,移動(dòng)設(shè)備的流量甚至已經(jīng)超過了 PC 端。用戶可能通過手機(jī)、也可能平板等移動(dòng)設(shè)備訪問你的站點(diǎn),所以這時(shí)候應(yīng)該考慮到字體在不同設(shè)備的顯示問題,即:在小屏設(shè)備中是否也同樣具有“可讀性”。
建議:保證網(wǎng)頁字體在小屏設(shè)備中的“可讀性”,最好不要使用“草書字體”。
正面例子: Roboto 字體
這款字體的“可讀性”非常強(qiáng),不管哪種大小、在哪種設(shè)備中都能夠清晰可見。
反面例子:Vivaldi 字體
這款字體雖然好看,但可讀性太低,尤其是在小屏設(shè)備上顯示狀態(tài)奇差,十分不利于用戶閱讀體驗(yàn)。
五、字母的“可辨性”
這點(diǎn)在中文里比較不容易產(chǎn)生影響,更多是使用英文時(shí)需要注意。
在英文中,很多字母容易產(chǎn)生混淆,比如大寫的“I”和小寫的“l(fā)”、當(dāng)“r”和“n”連在一起時(shí)可能產(chǎn)生“m”的錯(cuò)覺。所以,在選擇字體時(shí),也應(yīng)該注意“字母的可辨性”。
六、別都用大寫字母
這點(diǎn)也多存在于英文中,也還是涉及到了“可讀性”的問題,雖然所有字母都采用大寫確實(shí)挺好看的,但“可讀性”卻較小寫字母降低了不少。
所以,除了大標(biāo)題外,盡量不要所有文字都采用大寫字母,如果是正文中的小標(biāo)題可以使用首字母大寫便可。
內(nèi)容若涉及版權(quán)問題,敬請(qǐng)?jiān)髡呗?lián)系我們,立即處理。