觸屏版
全國(guó)服務(wù)熱線:0571-87205688
登錄
注冊(cè)
客戶中心
關(guān)注云客
互聯(lián)網(wǎng)上 95% 的信息都是以“文字”的形式存在,而如何使單調(diào)的文字生動(dòng)化,讓用戶擁有輕松、愉悅的閱讀體驗(yàn)是每個(gè)設(shè)計(jì)師、站長(zhǎng)們都得考慮的問(wèn)題。下面將從字體的選擇、配色方案、排版布局等方面來(lái)說(shuō)說(shuō)“網(wǎng)站字體的 10 個(gè)使用準(zhǔn)則”。
上一篇:《網(wǎng)站字體的 10 個(gè)使用準(zhǔn)則(一):行文本長(zhǎng)度、字體種類(lèi)等》
本文將繼續(xù)從字體的可讀性、大小格式、間距等 4 個(gè)方面開(kāi)始進(jìn)一步說(shuō)明。
四、字體的可讀性
不管你選擇哪種字體、使用哪種大小規(guī)格,“可讀性”絕對(duì)是需要優(yōu)先考慮的第一要素?!翱勺x性”除了字體本身外,還需要考慮到訪問(wèn)設(shè)備的“兼容性”問(wèn)題。
如今,移動(dòng)設(shè)備的流量甚至已經(jīng)超過(guò)了 PC 端。用戶可能通過(guò)手機(jī)、也可能平板等移動(dòng)設(shè)備訪問(wèn)你的站點(diǎn),所以這時(shí)候應(yīng)該考慮到字體在不同設(shè)備的顯示問(wèn)題,即:在小屏設(shè)備中是否也同樣具有“可讀性”。
建議:保證網(wǎng)頁(yè)字體在小屏設(shè)備中的“可讀性”,最好不要使用“草書(shū)字體”。
正面例子: Roboto 字體
這款字體的“可讀性”非常強(qiáng),不管哪種大小、在哪種設(shè)備中都能夠清晰可見(jiàn)。
反面例子:Vivaldi 字體
這款字體雖然好看,但可讀性太低,尤其是在小屏設(shè)備上顯示狀態(tài)奇差,十分不利于用戶閱讀體驗(yàn)。
五、字母的“可辨性”
這點(diǎn)在中文里比較不容易產(chǎn)生影響,更多是使用英文時(shí)需要注意。
在英文中,很多字母容易產(chǎn)生混淆,比如大寫(xiě)的“I”和小寫(xiě)的“l(fā)”、當(dāng)“r”和“n”連在一起時(shí)可能產(chǎn)生“m”的錯(cuò)覺(jué)。所以,在選擇字體時(shí),也應(yīng)該注意“字母的可辨性”。
如下圖:
六、別都用大寫(xiě)字母
這點(diǎn)也多存在于英文中,也還是涉及到了“可讀性”的問(wèn)題,雖然所有字母都采用大寫(xiě)確實(shí)挺好看的,但“可讀性”卻較小寫(xiě)字母降低了不少。
如下圖:
所以,除了大標(biāo)題外,盡量不要所有文字都采用大寫(xiě)字母,如果是正文中的小標(biāo)題可以使用首字母大寫(xiě)便可。
評(píng)論(0人參與,0條評(píng)論)
發(fā)布評(píng)論
最新評(píng)論