免費(fèi)AI編程助手
Web 品質(zhì)可讀性
2022-03-02 15:14 更新
正確使用字體和顏色可使您的網(wǎng)站更易閱讀。
留意顏色的對比
對于視力不太好的人或者對于不太好的顯示設(shè)備來說，黑底白字或者白底黑字是最佳的。
在亮色背景上的灰色文字，對比度是很差的：
| 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 (#222222) |
| Grey text on a black background (#444444) |
| 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) |
某些搭配 - 比如黑色和紅色，黑色和藍(lán)色，黃色和綠色 - 都會使人產(chǎn)生視覺疲勞：
| 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 |
留意字母的間距
對于視力比較弱的讀者，比較近的字母間距會帶有不小的閱讀困難。
文字間距適中的文本就比較容易閱讀了。
文字間距少的文字難以閱讀。
當(dāng)心你的行距
以下行距易于閱讀具有良好的行距的文本
更易閱讀
行距小的文本
難以閱讀
避免花哨的字體
這字體容易閱讀....
這種字體是難以閱讀....
盡量少用斜體
普通字體易于閱讀。
斜體字體不那么容易閱讀。
以上內(nèi)容是否對您有幫助：
更多建議：