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