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

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

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

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

你的頁面背景會影響到用戶的瀏覽舒適度嗎?

讓我們從以下5個元素具體分析。


字體、字號

字體和字號這兩個元素必須捏在一起說。

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

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