DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 網頁可讀性提高的幾個方法
網頁可讀性提高的幾個方法
編輯:前端技巧     

1. 使用對比色 (Use contrasting colours). 這裡說的對比是文字的顏色和背景色的對比。這樣用戶可以比較容易的看清文字,減少閱讀疲勞。有視力障礙的人可能看不清楚低對比度的文字。可以去Vischeck這個網站可以看看你的網站在色弱(或色盲)用戶眼中的樣子。
2. 把文字圈成小塊 (”Chunk up” your copy). 大塊的高密度的文字讓你的用戶感覺信息負荷超載,有壓抑感。幾個小技巧:
用列表(或者1-2-3)和副標題
保持段落短小
在重要的觀點上使用加粗或使用不同顏色,便於那些不太耐心而快速浏覽的用戶能抓住重點
控制文字的行寬(Use columns to control text width.)
3. 避免雜亂的背景(Avoid busy backgrounds),讓文字容易看清楚。
4. 少一點更好(Less is better). 在頁面上放置越多雜亂的東西,越是讓用戶迷惑,分散注意力,不能集中閱讀。網站看起來也不夠專業.在放任何一項東西前想想,真的不放不可麼?
5. 使用辨識性好的字體(Strive for a clean font style for maximum readability.)
6. 文字不要太小(Don’t use itsy-bitsy font sizes). 螞蟻似的文字,很難快速的閱讀。如果用戶自己可以控制就更好了。
7. 讓鏈接更像鏈接(Make your links look like links). 如果不是標准藍色鏈接,最好可以加上下劃線。不是鏈接的文字,最好不要加下劃線。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved