成都網站設計】把握5元素，讓頁面文字閱讀更舒適？_成都創新互聯" alt=" 【成都網站設計】把握5元素，讓頁面文字閱讀更舒適？_成都創新互聯" />

 用戶會在網上閱讀到大量的新聞及各類文章，特別是網絡小說，這些頁面展示的主體就是通篇大段的文字。對于這種看似簡單的文字堆砌的頁面，有沒有人抱怨過：'這樣的頁面還需要出效果圖啊?'

 作為網頁設計師的你是怎樣處理這樣的界面的?是習慣性的使用宋體字或者微軟雅黑?是直接設為12px或者14px的字號?你有想過為什么要使用這種字體、字號嗎?你有考慮過文字排布與閱讀效率的關系嗎?你的頁面背景會影響到用戶的瀏覽舒適度嗎?讓我們從以下5個元素具體分析。

字體和字號這兩個元素必須捏在一起說。字體分為襯線體(serif)與非襯線體(sansserif)。簡單的說，襯線體(serif)就是帶有襯線的字體，筆畫粗細不同并帶有額外的裝飾，開始和結尾有明顯的筆觸。常用的英文襯線體有TimesNewRoman和Georgia，中文即是我們在windows下最常見的中易宋體。與襯線體相反，無襯線裝飾，筆畫粗細無明顯查差異的字體就是非襯線體(sansserif)。arial、Helvetica、Verdanad都是我們熟悉的英文非襯線體，中文有微軟雅黑和mac下默認的中文-華文細黑。

在過去，普遍認為有筆觸裝飾的襯線體，可提高辨識度和閱讀效率，更適合做為閱讀的字體。多用于報紙、書籍等印刷品的正文。非襯線體飽滿醒目，常用做標題或者用于較短的段落。　　很長一段時間里，在互聯網上我們會注意這樣的一個現象，國外網站大部分以非襯線體為主，而中文網站基本就是宋體。其實不難理解，襯線字體筆畫有粗細之分，很小字的情況下細筆畫就被弱化，受限于電腦的分辨率，10-12px的襯線字體在顯示器上是相當難辨認的(見下圖);同字號的非襯線體筆畫簡潔而飽滿，更適于做網頁字體。windows下，中文宋體小字點陣的特性，12px、14px的字號顯示仍然相當清晰美觀，便于閱讀。這也就是為什么大多網頁設計制作人員容易機械性的選用特定字號或英文或中文的字體。

如今隨著顯示器越來越大，分辨率越來越高，經常會覺得看12px的文字有點吃力，做為設計師也會不自覺的開始大量使用14px的字體，而且越來越多的網站開始使用15、16px甚至18px以上的字號做正文文字。大字號的使用，對英文字體來講，襯線體的高辨識度和流暢閱讀的優勢就體現出來了。中文宋體在顯示14號以上字體時，單線條大字總是看上去有些單薄不那么協調，特別是這款點陣字在ClearType強制平滑顯示狀態下尤其顯得模糊不清。微軟雅黑就是微軟在這個字體顯示問題上的解決方案。

本文標題：【成都網站設計】把握5元素，讓頁面文字閱讀更舒適？_成都創新互聯
本文鏈接：http://m.2m8n56k.cn/news/138660.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站設計等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯