改进网页可读性的7个方法

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）. 如果不是标准蓝色链接，最好可以加上下划线。不是链接的文字，最好不要加下划线。

赞 (0)

相关推荐

  • 改进网页可读性的7个方法

    1. 使用对比色 (Use contrasting colours). 这里说的对比是文字的颜色和背景色的对比.这样用户可以比较容易的看清文字,减少阅读疲劳.有视力障碍的人可能看不清楚低对比度的文字.可以去Vischeck这个网站可以看看你的网站在色弱(或色盲)用户眼中的样子. 2. 把文字圈成小块 ("Chunk up" your copy). 大块的高密度的文字让你的用户感觉信息负荷超载,有压抑感.几个小技巧: 用列表(或者1-2-3)和副标题.  保持段落短小.  在重要的观点上

  • javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法

    本文实例讲述了javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法.分享给大家供大家参考.具体分析如下: 这里点击按钮后,弹出一个可关闭的层窗口,随之网页背景变灰,在QQ网站上经常会看到QQ登录的效果,就和这个很类似,代码段基于JavaScript,根据你的情况使用,有时候是用CSS完成的这种功能. <html> <head> <meta http-equiv="Content-Type" content="text/htm

  • jQuery网页定位导航特效实现方法

    本文实例讲述了jQuery网页定位导航特效实现方法.分享给大家供大家参考,具体如下: 描述:左右联动的导航,非常适合展示页面内容多,区块划分又很明显的,点击右边固定导航项时,左边的内容跟着切换.滑动滚动条的时候,右边的导航也随着左边的展示而进行高亮切换. 思路:比较滚动距离和楼层距离(相对于顶部),如果滚动距离大于等于楼层距离,即进入了相应楼层,然后通过一个变量来记录该楼层的信息,最后传递给右边高亮显示 1.点击右边固定导航项时,左边的内容跟着切换. 只需将右边a的href设置为左边区块的id加

  • JavaScript获取当前网页最后修改时间的方法

    本文实例讲述了JavaScript获取当前网页最后修改时间的方法.分享给大家供大家参考.具体如下: 下面的JS代码输出当前网页最后修改时间,用到了document.lastModified属性 <!DOCTYPE html> <html> <body> This document was last modified on: <script> document.write(document.lastModified); </script> <

  • java简单网页抓取的实现方法

    本文实例讲述了java简单网页抓取的实现方法.分享给大家供大家参考.具体分析如下: 背景介绍 一 tcp简介 1 tcp 实现网络中点对点的传输 2 传输是通过ports和sockets ports提供了不同类型的传输(例如 http的port是80) 1)sockets可以绑定在特定端口上,并且提供传输功能 2)一个port可以连接多个socket 二 URL简介 URL 是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址. 互联网上的每个文件都有一个唯一的

  • JS实现消息来时让网页标题闪动效果的方法

    本文实例讲述了JS实现消息来时让网页标题闪动效果的方法.分享给大家供大家参考,具体如下: <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>无标题页</title> <script> var g_blinkid = 0; var g_blinkswitch = 0; var g_blinktitle = doc

  • js实现从右向左缓缓浮出网页浮动层广告的方法

    本文实例讲述了js实现从右向左缓缓浮出网页浮动层广告的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&

  • js控制网页前进和后退的方法

    本文实例讲述了js控制网页前进和后退的方法.分享给大家供大家参考.具体实现方法如下: //后退: <input type="button" value="后退" onclick="javascript:history.go(-1);"> //前进: <input type="button" value="前进" onclick="javascript:history.go(1);

  • JavaScript实现网页对象拖放功能的方法

    本文实例讲述了JavaScript实现网页对象拖放功能的方法.分享给大家供大家参考.具体如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Drag</title> <meta http-equiv=

  • asp.net为网页动态添加关键词的方法

    本文实例讲述了asp.net为网页动态添加关键词的方法.分享给大家供大家参考.具体如下: 这段代码可以修改网页的keyword meta HtmlMeta keywords = new HtmlMeta(); keywords.Name = "keywords"; keywords.Content = "关键词"; Page.Header.Controls.Add(keywords); 希望本文所述对大家的asp.net程序设计有所帮助.

随机推荐