什(shén)麽是網站設計(jì)中最重要的(de)一個(gè)環節？很多人(rén)會(huì)回答是網站的(de)可(kě)讀(dú)性，怎麽樣才能(néng)使你(nǐ)的(de)内容更容易閱讀(dú)。

讀(dú)者來到(dào)你(nǐ)的(de)網站是在閱讀(dú)他(tā)們關心的(de)内容，如(rú)果文(wén)章(zhāng)的(de)内容被設計(jì)所掩蓋，導緻讀(dú)者難于閱讀(dú)，這樣隻會(huì)使他(tā)們遠離(lí)你(nǐ)的(de)網站。

那麽我們可(kě)以做些什(shén)麽來改善網站的(de)可(kě)讀(dú)性，使那些讀(dú)者留下來繼續閱讀(dú)呢？

你(nǐ)現在就可(kě)以做的(de) 30 件(jiàn)事情： 

1、爲你(nǐ)的(de)鏈接添加下劃線。讀(dú)者期待看到(dào)帶有(yǒu)下劃線的(de)鏈接，因此不要讓他(tā)們失望。

2、爲段落中的(de)文(wén)字使用(yòng)适當的(de)行(xíng)高(gāo)。一種快速、簡單的(de)方法，用(yòng)段落中字體的(de)大(dà)小(xiǎo)來測算行(xíng)高(gāo)。較爲理(lǐ)想的(de)情況是行(xíng)高(gāo)大(dà)約爲字體大(dà)小(xiǎo)的(de)1.5倍。

3、在設計(jì)中明(míng)确區分(fēn)你(nǐ)發表的(de)内容。你(nǐ)發表的(de)内容從哪裏開(kāi)始，到(dào)哪裏結束都(dōu)應該是顯而易見的(de)，其它諸如(rú)側邊欄、文(wén)章(zhāng)評論、文(wén)章(zhāng)附加信息等模塊應該在視覺上(shàng)有(yǒu)别于實際内容。

4、如(rú)果你(nǐ)使用(yòng)Pull-quotes，要保證這部分(fēn)内容明(míng)顯，并處于靠近文(wén)章(zhāng)頂部的(de)地(dì)方。如(rú)果用(yòng)戶沒有(yǒu)很快地(dì)識别它們，那它們就沒有(yǒu)什(shén)麽用(yòng)處。

5、保持簡短。同樣的(de)意思，你(nǐ)用(yòng)書(shū)面文(wén)字寫出來需要50個(gè)字，但(dàn)是用(yòng)嘴說的(de)話(huà)可(kě)能(néng)隻需要30個(gè)字。

6、文(wén)字與背景的(de)對比度。使用(yòng)Snook’s 的(de)Color Contrast Checker檢測網頁的(de)文(wén)字與背景的(de)顔色，确保那些有(yǒu)視覺障礙的(de)用(yòng)戶也(yě)可(kě)以正常閱讀(dú)你(nǐ)的(de)内容。

7、爲你(nǐ)的(de)文(wén)檔使用(yòng)結構層次。例如(rú)：文(wén)章(zhāng)标題——介紹——正文(wén)标題——内容——副标題——内容，這樣會(huì)讓你(nǐ)的(de)網頁更符合邏輯流程。

8、避免在中間插入廣告破壞文(wén)章(zhāng)的(de)完整性，這樣做會(huì)打斷讀(dú)者的(de)思路(lù)。 

9、爲以斜體和(hé)粗體顯示的(de)文(wén)字應用(yòng)樣式時，不要改變它們的(de)顔色。這樣做容易讓讀(dú)者混淆，會(huì)讓他(tā)們停下來思考：這是不是一個(gè)鏈接？ 

10、使用(yòng)語義标記。比如(rú)爲文(wén)章(zhāng)的(de)标題使用(yòng)h1 ，h2 ，h3 等标簽來突出它們。可(kě)能(néng)你(nǐ)的(de)

11、讀(dú)者當中有(yǒu)很多人(rén)在使用(yòng)新聞聚合器(qì)閱讀(dú)你(nǐ)的(de)内容，諸如(rú)span class=”myheading” 這樣的(de)标簽對他(tā)們而言是不會(huì)顯示任何效果的(de)。 

12、在開(kāi)始的(de)文(wén)章(zhāng)上(shàng)使用(yòng)貼圖。這樣做的(de)目的(de)是爲了吸引讀(dú)者的(de)注意，通常會(huì)在最頂部的(de)文(wén)章(zhāng)上(shàng)應用(yòng)貼圖。

13、避免整塊的(de)文(wén)本。沒有(yǒu)什(shén)麽能(néng)比像一面牆一樣的(de)文(wén)字更能(néng)吓跑訪問者的(de)了。

14、将文(wén)本居左對齊通常是最好的(de)選擇。我們很少(shǎo)能(néng)看到(dào)将文(wén)字居中或兩邊對齊的(de)示例(标題除外)，而将文(wén)字居右對齊我想在任何時候都(dōu)不是一個(gè)最好的(de)選擇。

 

15、文(wén)本繞圖。這主要取決于你(nǐ)如(rú)何将文(wén)本環繞在一個(gè)圖像旁，你(nǐ)可(kě)以重新考慮文(wén)字的(de)措辭，也(yě)可(kě)以調整圖像的(de)大(dà)小(xiǎo)。

16、文(wén)章(zhāng)标題和(hé)副标題必須突出。這樣做的(de)一個(gè)好處是可(kě)以讓讀(dú)者在第一時間了解這篇文(wén)章(zhāng)标題下面的(de)内容是什(shén)麽。使标題突出顯示要做的(de)工(gōng)作隻是使用(yòng)更大(dà)的(de)字體，爲字體添加下劃線、更改顔色等。

17、了解何時使用(yòng)有(yǒu)序列表，何時使用(yòng)無序列表。如(rú)果你(nǐ)的(de)項目列表有(yǒu)一個(gè)特定的(de)順序，最好用(yòng)數字給它們添加編号。

18、縮進列表。用(yòng)以表明(míng)它們不僅僅是多個(gè)段落。

19、圖像居中。如(rú)果有(yǒu)一些特定圖片是你(nǐ)文(wén)章(zhāng)中無法劃分(fēn)出來的(de)一部分(fēn)(比如(rú)流程圖、統計(jì)圖)，最好把這些圖像居中顯示，并在圖像前後指定一條分(fēn)隔線。

20、創建一個(gè)打印樣式表。記住并不是所有(yǒu)的(de)讀(dú)者都(dōu)在電腦(nǎo)屏幕上(shàng)閱讀(dú)你(nǐ)的(de)文(wén)章(zhāng)，建立一個(gè)打印樣式表保證你(nǐ)的(de)文(wén)章(zhāng)在紙(zhǐ)上(shàng)的(de)效果同樣出色。

21、選擇通用(yòng)字體。在你(nǐ)決定使用(yòng)何種字體後，最好再選擇一種人(rén)人(rén)都(dōu)有(yǒu)的(de)通用(yòng)字體。

22、添加補充内容時最好與原文(wén)章(zhāng)空開(kāi)一些距離(lí)。

23、突出的(de)句子使用(yòng)相(xiàng)同的(de)字體大(dà)小(xiǎo)。改變字體大(dà)小(xiǎo)，将改變該行(xíng)的(de)高(gāo)度，打亂頁面布局。
不要把正文(wén)中所有(yǒu)文(wén)字設置成使用(yòng)全部大(dà)寫。僅針對英文(wén)。

24、不要在鏈接上(shàng)使用(yòng)SnapShots 。

25、使文(wén)章(zhāng)内容保持一個(gè)合理(lǐ)的(de)寬度。浮動布局常常會(huì)使文(wén)章(zhāng)的(de)内容超出屏幕之外，使人(rén)無法閱讀(dú)。

26、太多的(de)段落總比太少(shǎo)的(de)段落要好。在紙(zhǐ)上(shàng)寫作時，通常每一段話(huà)有(yǒu)4-5個(gè)句子組成；而在網絡上(shàng)，每個(gè)段落有(yǒu)2-3句話(huà)組成是更加常見的(de)。這樣做是爲了使段落呈現在一個(gè)漂亮的(de)容易理(lǐ)解的(de)小(xiǎo)塊中。

27、保持側邊欄的(de)短小(xiǎo)。

28、分(fēn)頁。如(rú)果你(nǐ)爲一篇文(wén)章(zhāng)使用(yòng)分(fēn)頁樣式，要保證文(wén)章(zhāng)的(de)導航是清晰且易于使用(yòng)的(de)。

29、使用(yòng)淡化的(de)顔色。爲一些非關鍵信息使用(yòng)淡化的(de)顔色，比如(rú)發表時間、作者等。此外，淡顔色的(de)線條不太會(huì)引起人(rén)的(de)注意。 

30、使用(yòng)标簽。爲一些縮寫詞使用(yòng)添加說明(míng)，并不是所有(yǒu)的(de)讀(dú)者都(dōu)了解縮寫詞的(de)含義。 的(de)常規樣式中在縮寫詞下面加一條虛下劃線。