設計網(wǎng)頁10條建議 改善網(wǎng)站內(nèi)容的可讀性

時間：2022-08-17 15:45:01 | 來源：建站知識

時間：2022-08-17 15:45:01 來源：建站知識

合理的設計好一個網(wǎng)頁，可以使讀者快速閱讀網(wǎng)站的文章，并且會饒有興趣的閱讀其他的內(nèi)容，如果設計的網(wǎng)頁很另類很個性，導致讀者無法迅速找到想要進入的主題，那么讀者會很快離開你的網(wǎng)站。那么如何設計好一個網(wǎng)頁呢?一些小細節(jié)和一些操作習慣就會讓你的網(wǎng)站內(nèi)容更有閱讀性。

1：把文章內(nèi)容字體改大一點，字太小看起來很累，尤其是在內(nèi)容很多的時候。目前文章內(nèi)容流行的字體是14PX(像素)，和180%或150%的行距，這樣不容易造成視覺疲勞。

例如在盧松松博客中CSS文件中可以加入如下代碼：

body{font-family: "宋體","微軟雅黑","arial",Verdana, sans-serif; font-size: 14px;line-height: 180%;}

這段代碼的意思是 BODY區(qū)域也就是整個頁面默認是宋體，如果沒有宋體則改為微軟雅黑，以此類推。font-size的意思是字體大小，line-height是意思是行距。

(非常抱歉，我犯了一個嚴重的錯誤，目前流行字體應該是14px，結(jié)果我打成16px，這里向各位修改成16px的朋友說一聲抱歉。)

2：給文章內(nèi)容的鏈接添加下劃線，這樣讀者可以清楚的知道哪里可以點擊。例如：顯示下劃線代碼text-decoration: underline;

3：文章內(nèi)容盡量簡潔明了.更不要把文章弄成花花綠綠的字體顏色。

4：要勤分段落。太多的段落總比太少的段落要好很多，這樣文章看上去錯落有致，而且讀者也容易閱讀.

5：內(nèi)容摘要很重要，這樣讀者在閱讀完標題，再閱讀摘要時就能大致了解文章要表達的內(nèi)容。

6：給重點的句子或者段落加粗體現(xiàn)實。這樣不僅方便快速閱讀，而且搜索引擎也會著重閱讀。

7：如果文章內(nèi)容很長，可以使用分頁。分頁導航一定要清晰明了易于點擊。

8：把文章保持在一個合理的寬度，盡量不要直接從word文檔粘貼到文章編輯器當中。以免把樣式代碼也粘貼到編輯器中。我一般都使用記事本來寫文章。

9：可以考慮使用插圖.如果文字太多的情況下，配圖可以提高文章的可讀性。大家可以看看盧松松博客的博文配圖。

10：最后一點也是最重要的一點，網(wǎng)站一定要有清晰的導航，方便讀者瀏覽。我曾經(jīng)去過幾個非常有個性的博客，但有接近30秒的時間都是在找從哪里能點進文章內(nèi)容。這樣的設計雖然很另類，但很不合理。