當前位置:首頁 > 建站常識 > 列表

合理(lǐ)的(de)設計網頁10條建議(yì),改善網站可(kě)讀性

點擊:時(shí)間:2016/12/1關鍵詞:可(kě)讀性 設計網頁 網站
合理(lǐ)的(de)設計好一個(gè)網頁,可(kě)以使讀者快(kuài)速閱讀網站的(de)文章(zhāng),并且會饒有興趣的(de)閱讀其他(tā)的(de)内容,如果設計的(de)網頁很另類很個(gè)性,導緻讀者無法迅速找到想要進入的(de)主題,那麽讀者會很快(kuài)離開你的(de)網站。1:把文章(zhāng)内容字體改大(dà)一點 字太小看起來(lái)很累,尤其是在内容很多(duō)的(de)時(shí)候。目前文章(zhāng)内容

合理(lǐ)的(de)設計網頁10條建議(yì),改善網站可(kě)讀性

合理(lǐ)的(de)設計好一個(gè)網頁,可(kě)以使讀者快(kuài)速閱讀網站的(de)文章(zhāng),并且會饒有興趣的(de)閱讀其他(tā)的(de)内容,如果設計的(de)網頁很另類很個(gè)性,導緻讀者無法迅速找到想要進入的(de)主題,那麽讀者會很快(kuài)離開你的(de)網站。

1:把文章(zhāng)内容字體改大(dà)一點

字太小看起來(lái)很累,尤其是在内容很多(duō)的(de)時(shí)候。目前文章(zhāng)内容流行的(de)字體是14PX(像素),和(hé)180%或150%的(de)行距,這(zhè)樣不容易造成視覺疲勞。

例如在CSS文件中可(kě)以加入如下(xià)代碼:body{font-family: "宋體","微軟雅黑(hēi)","arial",Verdana, sans-serif; font-size: 14px;line-height: 180%;}這(zhè)段代碼的(de)意思是 BODY區(qū)域也(yě)就是整個(gè)頁面默認是宋體,如果沒有宋體則改爲微軟雅黑(hēi),以此類推。font-size的(de)意思是字體大(dà)小,line-height是意思是行距。(非常抱歉,我犯了(le)一個(gè)嚴重的(de)錯誤,目前流行字體應該是14px,結果我打成16px,這(zhè)裏向各位修改成16px的(de)朋友說一聲抱歉。)

2:給文章(zhāng)内容的(de)鏈接添加下(xià)劃線

這(zhè)樣讀者可(kě)以清楚的(de)知道哪裏可(kě)以點擊。例如:顯示下(xià)劃線代碼text-decoration: underline;

3:文章(zhāng)内容盡量簡潔明(míng)了(le)

更不要把文章(zhāng)弄成花花綠(lǜ)綠(lǜ)的(de)字體顔色。

4:要勤分(fēn)段落。

太多(duō)的(de)段落總比太少的(de)段落要好很多(duō),這(zhè)樣文章(zhāng)看上去錯落有緻,而且讀者也(yě)容易閱讀

5:内容摘要很重要

這(zhè)樣讀者在閱讀完标題,再閱讀摘要時(shí)就能大(dà)緻了(le)解文章(zhāng)要表達的(de)内容。

6:給重點的(de)句子或者段落加粗體現實

這(zhè)樣不僅方便快(kuài)速閱讀,而且搜索引擎也(yě)會著(zhe)重閱讀。

7:如果文章(zhāng)内容很長(cháng),可(kě)以使用(yòng)分(fēn)頁

分(fēn)頁導航一定要清晰明(míng)了(le)易于點擊。

8:把文章(zhāng)保持在一個(gè)合理(lǐ)的(de)寬度

盡量不要直接從word文檔粘貼到文章(zhāng)編輯器當中。以免把樣式代碼也(yě)粘貼到編輯器中。我一般都使用(yòng)記事本來(lái)寫文章(zhāng)。

9:可(kě)以考慮使用(yòng)插圖.如果文字太多(duō)的(de)情況下(xià),配圖可(kě)以提高(gāo)文章(zhāng)的(de)可(kě)讀性

大(dà)家可(kě)以看看盧松松博客的(de)博文配圖。

10:最後一點也(yě)是最重要的(de)一點

網站一定要有清晰的(de)導航,方便讀者浏覽。

預約建站
免費提供網站優化(huà)
領取關鍵詞