改進網(wǎng)頁可讀性的7個方法
更新時間：2006年11月04日 00:00:00 作者：
1. 使用對比色 （Use contrasting colours）. 這里說的對比是文字的顏色和背景色的對比。這樣用戶可以比較容易的看清文字，減少閱讀疲勞。有視力障礙的人可能看不清楚低對比度的文字。可以去Vischeck這個網(wǎng)站可以看看你的網(wǎng)站在色弱（或色盲）用戶眼中的樣子。
2. 把文字圈成小塊 （”Chunk up” your copy）. 大塊的高密度的文字讓你的用戶感覺信息負荷超載，有壓抑感。幾個小技巧:
用列表（或者1-2-3）和副標(biāo)題.
保持段落短小.
在重要的觀點上使用加粗或使用不同顏色，便于那些不太耐心而快速瀏覽的用戶能抓住重點。
控制文字的行寬（Use columns to control text width.）
3. 避免雜亂的背景（Avoid busy backgrounds），讓文字容易看清楚。
4. 少一點更好（Less is better）. 在頁面上放置越多雜亂的東西，越是讓用戶迷惑，分散注意力，不能集中閱讀。網(wǎng)站看起來也不夠?qū)I(yè).在放任何一項東西前想想，真的不放不可么？
5. 使用辨識性好的字體（Strive for a clean font style for maximum readability.）
6. 文字不要太?。―on't use itsy-bitsy font sizes）. 螞蟻似的文字，很難快速的閱讀。如果用戶自己可以控制就更好了.
7. 讓鏈接更像鏈接（Make your links look like links）. 如果不是標(biāo)準(zhǔn)藍色鏈接，最好可以加上下劃線。不是鏈接的文字，最好不要加下劃線。
2. 把文字圈成小塊 （”Chunk up” your copy）. 大塊的高密度的文字讓你的用戶感覺信息負荷超載，有壓抑感。幾個小技巧:
用列表（或者1-2-3）和副標(biāo)題.
保持段落短小.
在重要的觀點上使用加粗或使用不同顏色，便于那些不太耐心而快速瀏覽的用戶能抓住重點。
控制文字的行寬（Use columns to control text width.）
3. 避免雜亂的背景（Avoid busy backgrounds），讓文字容易看清楚。
4. 少一點更好（Less is better）. 在頁面上放置越多雜亂的東西，越是讓用戶迷惑，分散注意力，不能集中閱讀。網(wǎng)站看起來也不夠?qū)I(yè).在放任何一項東西前想想，真的不放不可么？
5. 使用辨識性好的字體（Strive for a clean font style for maximum readability.）
6. 文字不要太?。―on't use itsy-bitsy font sizes）. 螞蟻似的文字，很難快速的閱讀。如果用戶自己可以控制就更好了.
7. 讓鏈接更像鏈接（Make your links look like links）. 如果不是標(biāo)準(zhǔn)藍色鏈接，最好可以加上下劃線。不是鏈接的文字，最好不要加下劃線。
相關(guān)文章
如果給div元素設(shè)置了寬度時，比如width:100%，此時div在IE中（IE6，IE7）將占據(jù)物理空間，而在FF中不占據(jù)物理空間（正確理解）。為了表述直觀，將樣式直接寫在元素標(biāo)簽內(nèi)：2008-03-03
不用js多瀏覽器兼容純DIV/CSS對聯(lián)漂浮廣告代碼
兩側(cè)漂浮。經(jīng)測試，兼容IE6，IE7，F(xiàn)irefox瀏覽器2007-12-12
以圖換字的幾個方法及思路...2006-11-11
IE6，IE7和firefox對DIV的支持區(qū)別...2007-09-09
在到達無H無F境界前~還是要痛苦~我兼容瀏覽器的CSS...2006-12-12
DIV+CSS 滑動門技術(shù)的簡單例子...2007-03-03
CSS注釋、命名、繼承性、樣式排序等CSS技巧的小結(jié)
CSS注釋、命名、繼承性、樣式排序等CSS技巧的小結(jié)...2007-09-09
css條件注釋理論及實踐源文件...2007-03-03
解決IE升級后Flash線框問題...2007-01-01
Firefox2中輸入框丟失光標(biāo)bug的解決方法
在Firefox2中某些情況下輸入框雖然可以輸入，但在獲取焦點時沒有文本輸入光標(biāo)的顯示，這個是非常惡心的bug，非常容易讓表單使用者有一種不能輸入的錯覺，即使后來嘗試知道可以輸入，但也無法判斷光標(biāo)定位在哪兒。2008-05-05