5元素讓頁(yè)面文字閱讀更舒適發(fā)布者：本站     時(shí)間：2020-05-17 13:05:42

上網(wǎng)在線閱讀，是大多人獲取信息的重要途徑。用戶會(huì)在網(wǎng)上閱讀到大量的新聞及各類(lèi)文章，特別是網(wǎng)絡(luò)小說(shuō)，這些頁(yè)面展示的主體就是通篇大段的文字。對(duì)于這種看似簡(jiǎn)單的文字堆砌的頁(yè)面，有沒(méi)有人抱怨過(guò)：“這樣的頁(yè)面還需要出效果圖啊?”作為網(wǎng)頁(yè)設(shè)計(jì)師的你是怎樣處理這樣的界面的?
是習(xí)慣性的使用宋體字或者微軟雅黑?

是直接設(shè)為12px或者14px的字號(hào)?

你有想過(guò)為什么要使用這種字體、字號(hào)嗎?你有考慮過(guò)文字排布與閱讀效率的關(guān)系嗎?

你的頁(yè)面背景會(huì)影響到用戶的瀏覽舒適度嗎?

讓我們從以下5個(gè)元素具體分析。


字體、字號(hào)

字體和字號(hào)這兩個(gè)元素必須捏在一起說(shuō)。

字體分為襯線體(serif)與非襯線體(sans serif)。簡(jiǎn)單的說(shuō)，襯線體(serif)就是帶有襯線的字體，筆畫(huà)粗細(xì)不同并帶有額外的裝飾，開(kāi)始和結(jié)尾有明顯的筆觸(如下圖)。常用的英文襯線體有Times New Roman和Georgia，中文即是我們?cè)趙indows下最常見(jiàn)的中易宋體。

與襯線體相反，無(wú)襯線裝飾，筆畫(huà)粗細(xì)無(wú)明顯查差異的字體就是非襯線體(sans serif)。Arial、Helvetica、Verdanad都是我們熟悉的英文非襯線體，中文有微軟雅黑和mac下默認(rèn)的中文-華文細(xì)黑。