30 個(gè)改善網(wǎng)站可讀性的方法
什么是網(wǎng)站設(shè)計(jì)中最重要的一個(gè)環(huán)節(jié)?很多人會(huì)回答是網(wǎng)站的可讀性,怎么樣才能使你的內(nèi)容更容易閱讀。
讀者來(lái)到你的網(wǎng)站是在閱讀他們關(guān)心的內(nèi)容,如果文章的內(nèi)容被設(shè)計(jì)所掩蓋,導(dǎo)致讀者難于閱讀,這樣只會(huì)使他們遠(yuǎn)離你的網(wǎng)站。
那么我們可以做些什么來(lái)改善網(wǎng)站的可讀性,使那些讀者留下來(lái)繼續(xù)閱讀呢?
你現(xiàn)在就可以做的 30 件事情:
1、為你的鏈接添加下劃線。讀者期待看到帶有下劃線的鏈接,因此不要讓他們失望。
2、為段落中的文字使用適當(dāng)?shù)男懈摺R环N快速、簡(jiǎn)單的方法,用段落中字體的大小來(lái)測(cè)算行高。較為理想的情況是行高大約為字體大小的1.5倍。
3、在設(shè)計(jì)中明確區(qū)分你發(fā)表的內(nèi)容。你發(fā)表的內(nèi)容從哪里開始,到哪里結(jié)束都應(yīng)該是顯而易見(jiàn)的,其它諸如側(cè)邊欄、文章評(píng)論、文章附加信息等模塊應(yīng)該在視覺(jué)上有別于實(shí)際內(nèi)容。
4、如果你使用Pull-quotes,要保證這部分內(nèi)容明顯,并處于靠近文章頂部的地方。如果用戶沒(méi)有很快地識(shí)別它們,那它們就沒(méi)有什么用處。
5、保持簡(jiǎn)短。同樣的意思,你用書面文字寫出來(lái)需要50個(gè)字,但是用嘴說(shuō)的話可能只需要30個(gè)字。
6、文字與背景的對(duì)比度。使用Snook’s 的Color Contrast Checker檢測(cè)網(wǎng)頁(yè)的文字與背景的顏色,確保那些有視覺(jué)障礙的用戶也可以正常閱讀你的內(nèi)容。
7、為你的文檔使用結(jié)構(gòu)層次。例如:文章標(biāo)題——介紹——正文標(biāo)題——內(nèi)容——副標(biāo)題——內(nèi)容,這樣會(huì)讓你的網(wǎng)頁(yè)更符合邏輯流程。
8、避免在中間插入廣告破壞文章的完整性,這樣做會(huì)打斷讀者的思路。
9、為以斜體和粗體顯示的文字應(yīng)用樣式時(shí),不要改變它們的顏色。這樣做容易讓讀者混淆,會(huì)讓他們停下來(lái)思考:這是不是一個(gè)鏈接?
10、使用語(yǔ)義標(biāo)記。比如為文章的標(biāo)題使用h1 ,h2 ,h3 等標(biāo)簽來(lái)突出它們??赡苣愕?
11、讀者當(dāng)中有很多人在使用新聞聚合器閱讀你的內(nèi)容,諸如span class=”myheading” 這樣的標(biāo)簽對(duì)他們而言是不會(huì)顯示任何效果的。
12、在開始的文章上使用貼圖。這樣做的目的是為了吸引讀者的注意,通常會(huì)在最頂部的文章上應(yīng)用貼圖。
13、避免整塊的文本。沒(méi)有什么能比像一面墻一樣的文字更能嚇跑訪問(wèn)者的了。
14、將文本居左對(duì)齊通常是最好的選擇。我們很少能看到將文字居中或兩邊對(duì)齊的示例(標(biāo)題除外),而將文字居右對(duì)齊我想在任何時(shí)候都不是一個(gè)最好的選擇。
15、文本繞圖。這主要取決于你如何將文本環(huán)繞在一個(gè)圖像旁,你可以重新考慮文字的措辭,也可以調(diào)整圖像的大小。
本文標(biāo)簽: 網(wǎng)站
蘇州建站公司 杭州網(wǎng)站建設(shè) 廣州建網(wǎng)站 唐山網(wǎng)站建設(shè) 鄂爾多斯企業(yè)建站 鄭州企業(yè)建站 長(zhǎng)沙網(wǎng)站建設(shè) 石家莊做網(wǎng)站 徐州建網(wǎng)站
天門網(wǎng)站制作 恩施網(wǎng)站制作 鐘祥網(wǎng)站設(shè)計(jì) 洪湖網(wǎng)站制作 當(dāng)陽(yáng)網(wǎng)站設(shè)計(jì) 武穴網(wǎng)站建設(shè) 襄陽(yáng)做網(wǎng)站 鄂州企業(yè)建站 枝江網(wǎng)頁(yè)制作