改進(jìn)網(wǎng)頁(yè)可讀性的7個(gè)方法
更新時(shí)間:2006年11月04日 00:00:00 作者:
1. 使用對(duì)比色 (Use contrasting colours). 這里說(shuō)的對(duì)比是文字的顏色和背景色的對(duì)比。這樣用戶可以比較容易的看清文字,減少閱讀疲勞。有視力障礙的人可能看不清楚低對(duì)比度的文字??梢匀ischeck這個(gè)網(wǎng)站可以看看你的網(wǎng)站在色弱(或色盲)用戶眼中的樣子。
2. 把文字圈成小塊 (”Chunk up” your copy). 大塊的高密度的文字讓你的用戶感覺信息負(fù)荷超載,有壓抑感。幾個(gè)小技巧:
用列表(或者1-2-3)和副標(biāo)題.
保持段落短小.
在重要的觀點(diǎn)上使用加粗或使用不同顏色,便于那些不太耐心而快速瀏覽的用戶能抓住重點(diǎn)。
控制文字的行寬(Use columns to control text width.)
3. 避免雜亂的背景(Avoid busy backgrounds),讓文字容易看清楚。
4. 少一點(diǎn)更好(Less is better). 在頁(yè)面上放置越多雜亂的東西,越是讓用戶迷惑,分散注意力,不能集中閱讀。網(wǎng)站看起來(lái)也不夠?qū)I(yè).在放任何一項(xiàng)東西前想想,真的不放不可么?
5. 使用辨識(shí)性好的字體(Strive for a clean font style for maximum readability.)
6. 文字不要太小(Don't use itsy-bitsy font sizes). 螞蟻似的文字,很難快速的閱讀。如果用戶自己可以控制就更好了.
7. 讓鏈接更像鏈接(Make your links look like links). 如果不是標(biāo)準(zhǔn)藍(lán)色鏈接,最好可以加上下劃線。不是鏈接的文字,最好不要加下劃線。
2. 把文字圈成小塊 (”Chunk up” your copy). 大塊的高密度的文字讓你的用戶感覺信息負(fù)荷超載,有壓抑感。幾個(gè)小技巧:
用列表(或者1-2-3)和副標(biāo)題.
保持段落短小.
在重要的觀點(diǎn)上使用加粗或使用不同顏色,便于那些不太耐心而快速瀏覽的用戶能抓住重點(diǎn)。
控制文字的行寬(Use columns to control text width.)
3. 避免雜亂的背景(Avoid busy backgrounds),讓文字容易看清楚。
4. 少一點(diǎn)更好(Less is better). 在頁(yè)面上放置越多雜亂的東西,越是讓用戶迷惑,分散注意力,不能集中閱讀。網(wǎng)站看起來(lái)也不夠?qū)I(yè).在放任何一項(xiàng)東西前想想,真的不放不可么?
5. 使用辨識(shí)性好的字體(Strive for a clean font style for maximum readability.)
6. 文字不要太小(Don't use itsy-bitsy font sizes). 螞蟻似的文字,很難快速的閱讀。如果用戶自己可以控制就更好了.
7. 讓鏈接更像鏈接(Make your links look like links). 如果不是標(biāo)準(zhǔn)藍(lán)色鏈接,最好可以加上下劃線。不是鏈接的文字,最好不要加下劃線。
相關(guān)文章
- 有時(shí)候圖片太大,會(huì)破環(huán)網(wǎng)頁(yè)整齊的布局。這時(shí)可以用css來(lái)強(qiáng)制按比例壓縮圖片的高度或?qū)挾取?/div> 2008-06-06
[轉(zhuǎn)]目前找到的最好的Iframe自適應(yīng)高度代碼
[轉(zhuǎn)]目前找到的最好的Iframe自適應(yīng)高度代碼...2007-02-02用javascript來(lái)控制 鏈接的target 屬性的代碼
用javascript來(lái)控制 鏈接的target 屬性的代碼...2007-11-11推薦css打造經(jīng)典鼠標(biāo)觸發(fā)顯示選項(xiàng)
推薦css打造經(jīng)典鼠標(biāo)觸發(fā)顯示選項(xiàng)...2007-04-04對(duì)于IE7、FF、OP清除浮動(dòng)的最優(yōu)方法
對(duì)于IE7、FF、OP清除浮動(dòng)的最優(yōu)方法...2007-11-11最新評(píng)論