欢迎来到代码驿站!

HTML代码

当前位置:首页 > 网页前端 > HTML代码

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

时间:2021-03-25 09:21:01|栏目:HTML代码|点击:
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). 如果不是标准蓝色链接,最好可以加上下划线。不是链接的文字,最好不要加下划线。 

上一篇:找到html标记对应的脚本属性

栏    目:HTML代码

下一篇:单纯使用CSS实现动态提示信息

本文标题:改进网页可读性的7个方法

本文地址:http://www.codeinn.net/misctech/88011.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有