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
0
改进网页可读性的7个方法_经验交流
php中文网
发布时间：2016-05-16 12:10:19
|1597人浏览过
|来源于php中文网
原创
相关文章
如何使用CSS实现first-letter与first-line选择器_文本装饰
如何在CSS中实现响应式表格布局_滚动与百分比结合
如何动态切换不同主题的css文件_css主题引入实现方法
如何利用CSS盒模型调整内容间距_CSS结构优化实战
css引入方式对SEO的影响分析
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
