• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

Web 品质可读性

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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 (#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)

某些搭配 - 比如黑色和红色,黑色和蓝色,黄色和绿色 - 都会使人产生视觉疲劳:

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


留意字母的间距

对于视力比较弱的读者,比较近的字母间距会带有不小的阅读困难。

文字间距适中的文本就比较容易阅读了。

文字间距少的文字难以阅读。


当心你的行距

以下行距易于阅读

具有良好的行距的文本
更易阅读

以下行距难以阅读

行距小的文本
难以阅读


避免花哨的字体

这字体容易阅读....

这种字体是难以阅读....


尽量少用斜体

普通字体易于阅读。

斜体字体不那么容易阅读。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
Web 无障碍(WAI)发布时间:2022-02-03
下一篇:
Web 品质样式表发布时间:2022-02-03
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap