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

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

是直接設為12px或者14px的字號?

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

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

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


字體、字號

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

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

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