網站品質教程login
網站品質教程
作者:php.cn  更新時間:2022-04-01 15:28:35

Web 品質可讀性



正確使用字體和顏色可使您的網站更易於閱讀。


留意顏色的對比

對於視力不太好的人或對不太好的顯示裝置來說,黑底白字或白底黑字是最佳的。

在亮色背景上的灰色文字,對比是很差的:

Grey text on a white background (#EEEEEE)
#Grey text on a white background (#CCCCCC)
#Grey text on a white background (#AAAAAA)
#Grey text on a white background (#888888)
Grey text on a white background (#666666)
Grey text on a white background (#444444)
Grey text on a white background (#222222)
Grey text on a white background (#111111)

在暗色背景上的灰色文字,其對比度同樣很差:

#Grey text on a black background (#666666)Grey text on a black background (#888888)Grey text on a black background (#AAAAAA)#Grey text on a black background (#CCCCCC)Grey text on a black background (#DDDDDD)Grey text on a black background (#EEEEEE)
Grey text on a black background ( #222222)
Grey text on a black background (#444444)
Grey text on a black background (#666666)

某些搭配- 例如黑色和紅色,黑色和藍色,黃色和綠色- 都會使人產生視覺疲勞:Black text on a red background# Black text on a blue background Yellow text on a green background
###

這些搭配並不糟糕:

Black text on a grey background
 
Black text on a light blue
 
Black text on antique white
White text on dark blue


留意字母的間距

對於視力比較弱的讀者,比較近的字母間距會帶有不小的閱讀困難。

文字間距適中的文字就比較容易閱讀了。

文字間距少的文字難以閱讀。


當心你的行距

以下行距易於閱讀

#具有良好的行距的文字
更容易閱讀

以下行距難以閱讀

行距小的文字
難以閱讀


避免花俏的字體

這字體容易閱讀....

##這種字體是難以閱讀....


盡量少用斜體

普通字體易於閱讀。

斜體字體不那麼容易閱讀。