如何讓網頁設計的文本內容看起來更舒服？

　　網頁設計中關于文本的排版也是很重要的，它將直接影響到你的用戶體驗，那么，如何讓網頁設計文本內容看起來更舒服呢？方快網絡跟大家分享8大技巧。　

　　1. 控制字體類型

　　一般來說，如果你在網頁文本中使用3種或3種以上不同類型的字體時，網站結構會顯得很混亂，這會極大影響網站內容的可讀性。因此我們需要對網站字體類型的數量加以控制。這有一個最簡單的方法，那就是在網站中堅持使用一種字體，通常一種字體就可以滿足絕大多數訪客的瀏覽需求。如果你真的需要在網站中使用兩種不同類型的字體時，那么請確保這兩種字體相互協調，可以很好的搭配在一起。以下圖為例，左側的Geogria和Verdana在字體的大小、寬度上比較接近，比較適合在同個網頁中出現。相比而言，右側的Baskerville和Impact差距太大了，一個襯線體相當突出，一個很是沉悶厚重，同時出現會破壞網頁的和諧美感。

　　2. 使用標準字體

　　諸如Google web fonts 和Typelkit這樣的字體服務商經常會提供一些有趣的字體，雖然這些字體能夠給用戶帶來新鮮的體驗，在使用時也很方便，但方快網絡還是建議多使用標準字體。這是因為不是每一位訪客的電腦里都有你想要使用的特殊字體，舉個栗子來說，windows電腦中的微軟雅黑并不是Mac的標配字體，如果你在網頁中使用了微軟雅黑，它在Mac上會以蘋方來顯示，原本的字體效果無法很好的展示出來。所以說，為了確保每個用戶都能獲取良好的瀏覽體驗，我們最好在網頁中使用標準字體，標準字體的選擇可以根據目標群體的閱讀習慣、使用設備等來確定。

　　3. 控制每行文本長度

　　每行文本的字符數對網站內容的可讀性有著直接的影響。如果每行文本太短，用戶需要來回掃視，這會打亂閱讀的節奏;而文本太長，用戶又很難持續保持注意力的集中。這里方快網絡建議中文字體每行35-45個字，英文字體每行60個字符數(這是針對于PC端的)。而對于移動端設備來說，由于屏幕較小，文本長度應更加短一些。下面就是英文網站在手機端展示的栗子，左側每行文本使用了50-75個字符，而右側文本長度保持在30-40字符。很明顯，右側適當縮短行長的展示效果更佳。

　　4. 選擇合適字體

　　在移動設備遍地開花的這個時代，用戶注定要通過各種不同的移動設備，在不同的分辨率下瀏覽網站。所以我們需要選擇一款合適的字體， 一款在不同尺寸屏幕上、不同字重情況下都能良好呈現的字體，以確保網站內容的可讀性。在這方快網絡建議中文字體使用微軟雅黑，英文字體使用Calibri、Arial等。

　　5. 注意控制行高

　　在網頁排版中，行高也是一個非常重要的概念。簡單來說，行高就是行間距，通常情況下，行間距應該是文本高度的30%，這樣才可以保證網站內容的清晰易讀。研究發現，如果每行文本之間的間距控制好了，整個網站的閱讀效率可以提升20%，用戶可以更好的消化網站內容。下圖的對比就很好展示了這一點。

　　6. 確保合理的色彩對比度

　　當我們在網站中使用文本時，還要注意文本和背景之間的對比度。只有文本越明顯，用戶才能快速獲取網站的內容。下面是有關網站內容色彩對比的栗子，上面的圖片中字體和背景的色彩對比度不夠，用戶在閱讀時很有困難，只能模模糊糊看見文字，而下面的圖片中色彩運用合理，文字和背景的對比清晰鮮明，是我們學習效仿的對象。還有，當我們確定了網站的配色后，一定要盡可能在多個設備上進行測試，確保不同設備用戶都能獲取良好的瀏覽效果。　

　　7. 避免使用紅色或綠色文本

　　在網站中我們有時會使用彩色的文本重點突出某個信息，這時盡量不要使用紅色或綠色的文本，這時因為紅綠色盲是最常見的視覺障礙之一，有時可能影響信息的有效傳遞。如果你真的想要在網站中使用紅、綠色，記得盡量搭配其他的區分方式，如加粗、斜線、下劃線等。下圖就是一個實例：右圖在需要強調的區域除了標紅，還加上了星號用來強調。

　　8. 避免使用閃爍文本

　　一些站長喜歡在網站中使用閃爍的文本以吸引用戶的注意力。這是閃爍文本的優點，同時也是它的缺點所在，很多用戶反映說這種文本太令人煩躁、太讓人分心了。所以方快網絡建議最好避免在網站中使用閃爍文本，畢竟能夠吸引用戶注意力的方法可不止這一種。

　　眾所周知，排版設計在網站中發揮著很重要的作用。盡管關于網頁排版的潮流趨勢也一直在變，方快網絡相信只要靈活掌握上述8個小技巧，您一定能夠做出令用戶滿意的排版設計。