首页建站经验 网页设计 可读性的提高方法

网页设计 可读性的提高方法

1. 使用对比色 (Use contrasting colours)。 这里说的对比是文字的颜色和背景色的对比。这样用户可以比较容易的看清文字,减少阅读疲劳。有视力障碍的人可能看不清楚低对比…

1. 使用对比色 (Use contrasting colours)。 这里说的对比是文字的颜色和背景色的对比。这样用户可以比较容易的看清文字,减少阅读疲劳。有视力障碍的人可能看不清楚低对比度的文字。可以去Vischeck这个网站可以看看你的网站在色弱(或色盲)用户眼中的样子。

  2. 把文字圈成小块 (”Chunk up” your copy)。 大块的高密度的文字让你的用户感觉信息负荷超载,有压抑感。几个小技巧:

  用列表(或者1-2-3)和副标题。

  保持段落短小。

  在重要的观点上使用加粗或使用不同颜色,便于那些不太耐心而快速浏览的用户能抓住重点。

  控制文字的行宽(Use columns to control text width.)

  3. 避免杂乱的背景(Avoid busy backgrounds),让文字容易看清楚。

  4. 少一点更好(Less is better)。 在页面上放置越多杂乱的东西,越是让用户迷惑,分散注意力,不能集中阅读。网站看起来也不够专业。在放任何一项东西前想想,真的不放不可么?

  5. 使用辨识性好的字体(Strive for a clean font style for maximum readability.)

  6. 文字不要太小(Don’t use itsy-bitsy font sizes)。 蚂蚁似的文字,很难快速的阅读。如果用户自己可以控制就更好了。

  7. 让链接更像链接(Make your links look like links)。 如果不是标准蓝色链接,最好可以加上下划线。不是链接的文字,最好不要加下划线。
本文来自网络,不代表1号站长-站长学院|资讯交流平台立场。转载请注明出处: https://www.1cn.cc/jianzhan/jingyan/12205.html
上一篇你听说过月赚4万美圆的个人博客吗
下一篇 目前最流行的10款国外博客程序
admin

作者: admin

这里可以再内容模板定义一些文字和说明,也可以调用对应作者的简介!或者做一些网站的描述之类的文字或者HTML!

为您推荐

评论列表()

    联系我们

    联系我们

    0898-88888888

    在线咨询: QQ交谈

    邮箱: email@wangzhan.com

    工作时间:周一至周五,9:00-17:30,节假日休息

    关注微信
    微信扫一扫关注我们

    微信扫一扫关注我们

    关注微博
    返回顶部