首頁

客服
返回頂部
技術展示 NEWS

30 個改善網站可讀性的方法

232008-3
2008-3-23浏覽:

什麽是網站設計中(zhōng)最重要的一(yī)個環節?很多人會回答是網站的可讀性,怎麽樣才能使你的内容更容易閱讀。

讀者來到你的網站是在閱讀他們關心的内容,如果文章的内容被設計所掩蓋,導緻讀者難于閱讀,這樣隻會使他們遠離(lí)你的網站

那麽我(wǒ)們可以做些什麽來改善網站的可讀性,使那些讀者留下(xià)來繼續閱讀呢?

你現在就可以做的 30 件事情: 

1、爲你的鏈接添加下(xià)劃線。讀者期待看到帶有下(xià)劃線的鏈接,因此不要讓他們失望。

2、爲段落中(zhōng)的文字使用适當的行高。一(yī)種快速、簡單的方法,用段落中(zhōng)字體(tǐ)的大(dà)小(xiǎo)來測算行高。較爲理想的情況是行高大(dà)約爲字體(tǐ)大(dà)小(xiǎo)的1.5倍。

3、在設計中(zhōng)明确區分(fēn)你發表的内容。你發表的内容從哪裏開(kāi)始,到哪裏結束都應該是顯而易見的,其它諸如側邊欄、文章評論、文章附加信息等模塊應該在視覺上有别于實際内容。

4、如果你使用Pull-quotes,要保證這部分(fēn)内容明顯,并處于靠近文章頂部的地方。如果用戶沒有很快地識别它們,那它們就沒有什麽用處。

5、保持簡短。同樣的意思,你用書(shū)面文字寫出來需要50個字,但是用嘴說的話(huà)可能隻需要30個字。

6、文字與背景的對比度。使用Snook’s 的Color Contrast Checker檢測網頁的文字與背景的顔色,确保那些有視覺障礙的用戶也可以正常閱讀你的内容。

7、爲你的文檔使用結構層次。例如:文章标題——介紹——正文标題——内容——副标題——内容,這樣會讓你的網頁更符合邏輯流程。

8、避免在中(zhōng)間插入廣告破壞文章的完整性,這樣做會打斷讀者的思路。 

9、爲以斜體(tǐ)和粗體(tǐ)顯示的文字應用樣式時,不要改變它們的顔色。這樣做容易讓讀者混淆,會讓他們停下(xià)來思考:這是不是一(yī)個鏈接? 

10、使用語義标記。比如爲文章的标題使用h1 ,h2 ,h3 等标簽來突出它們。可能你的

11、讀者當中(zhōng)有很多人在使用新聞聚合器閱讀你的内容,諸如span class=”myheading” 這樣的标簽對他們而言是不會顯示任何效果的。 

12、在開(kāi)始的文章上使用貼圖。這樣做的目的是爲了吸引讀者的注意,通常會在最頂部的文章上應用貼圖。

13、避免整塊的文本。沒有什麽能比像一(yī)面牆一(yī)樣的文字更能吓跑訪問者的了。

14、将文本居左對齊通常是最好的選擇。我(wǒ)們很少能看到将文字居中(zhōng)或兩邊對齊的示例(标題除外(wài)),而将文字居右對齊我(wǒ)想在任何時候都不是一(yī)個最好的選擇。

15、文本繞圖。這主要取決于你如何将文本環繞在一(yī)個圖像旁,你可以重新考慮文字的措辭,也可以調整圖像的大(dà)小(xiǎo)。
16、文章标題和副标題必須突出。這樣做的一(yī)個好處是可以讓讀者在第一(yī)時間了解這篇文章标題下(xià)面的内容是什麽。使标題突出顯示要做的工(gōng)作隻是使用更大(dà)的字體(tǐ),爲字體(tǐ)添加下(xià)劃線、更改顔色等。
17、了解何時使用有序列表,何時使用無序列表。如果你的項目列表有一(yī)個特定的順序,最好用數字給它們添加編号。
18、縮進列表。用以表明它們不僅僅是多個段落。
19、圖像居中(zhōng)。如果有一(yī)些特定圖片是你文章中(zhōng)無法劃分(fēn)出來的一(yī)部分(fēn)(比如流程圖、統計圖),最好把這些圖像居中(zhōng)顯示,并在圖像前後指定一(yī)條分(fēn)隔線。
20、創建一(yī)個打印樣式表。記住并不是所有的讀者都在電腦屏幕上閱讀你的文章,建立一(yī)個打印樣式表保證你的文章在紙(zhǐ)上的效果同樣出色。
21、選擇通用字體(tǐ)。在你決定使用何種字體(tǐ)後,最好再選擇一(yī)種人人都有的通用字體(tǐ)。
22、添加補充内容時最好與原文章空開(kāi)一(yī)些距離(lí)。
23、突出的句子使用相同的字體(tǐ)大(dà)小(xiǎo)。改變字體(tǐ)大(dà)小(xiǎo),将改變該行的高度,打亂頁面布局。
不要把正文中(zhōng)所有文字設置成使用全部大(dà)寫。僅針對英文。
24、不要在鏈接上使用SnapShots 。
25、使文章内容保持一(yī)個合理的寬度。浮動布局常常會使文章的内容超出屏幕之外(wài),使人無法閱讀。
26、太多的段落總比太少的段落要好。在紙(zhǐ)上寫作時,通常每一(yī)段話(huà)有4-5個句子組成;而在網絡上,每個段落有2-3句話(huà)組成是更加常見的。這樣做是爲了使段落呈現在一(yī)個漂亮的容易理解的小(xiǎo)塊中(zhōng)。
27、保持側邊欄的短小(xiǎo)。
28、分(fēn)頁。如果你爲一(yī)篇文章使用分(fēn)頁樣式,要保證文章的導航是清晰且易于使用的。
29、使用淡化的顔色。爲一(yī)些非關鍵信息使用淡化的顔色,比如發表時間、作者等。此外(wài),淡顔色的線條不太會引起人的注意。 
30、使用标簽。爲一(yī)些縮寫詞使用添加說明,并不是所有的讀者都了解縮寫詞的含義。 的常規樣式中(zhōng)在縮寫詞下(xià)面加一(yī)條虛下(xià)劃線。