高手网页设计中提高可读性的方法
来源:互联网 发布:数据分析excel面试题 编辑:程序博客网 时间:2024/05/21 06:42
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)。 如果不是标准蓝色链接,最好可以加上下划线。不是链接的文字,最好不要加下划线。
- 高手网页设计中提高可读性的方法
- 两大设计模式 塑造高可读性的网页布局
- verilog中提高可读性的简写形式的符号
- Git 提高命令的可读性
- 网页设计高手必备:HTML和CSS提高教程
- 提高程序的可读性以及可维护性
- 提高代码可读性的注释技巧
- 如何提高汇编代码的可读性
- 提高代码可读性的10个技巧
- 提高代码可读性的 10 个技巧
- 提高代码可读性的10个技巧
- 提高代码可读性的10个技巧
- 提高代码可读性的10个技巧
- 提高代码可读性的10个技巧
- 提高代码可读性的10个技巧
- 提高代码可读性的10个技巧
- 改进网页可读性的7个方法 出自:http://www.blueidea.com(蓝色理想)
- 整洁代码——提高代码可读性方法简述
- PHP 中长连接的实现
- WinForm构造函数传值
- 自己做RAS Administration DLL
- 用poi解析word 总结
- Linux SSH命令大全
- 高手网页设计中提高可读性的方法
- PHP 中如何删除文件
- Excel不输等号直接显示计算结果
- 策略模式之商场促销
- vs2008添加自定义系统必备
- 算法 计价里程按里程区间阶梯状计价
- SQL2005 四个排名函数(row_number、rank、dense_rank和ntile)的比较
- JSR168 初探
- Lucene 的存储结构概述