当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 网页可读性提高的几个方法

心得技巧
在线完成线框图制作的几个网站
网页交互设计参考:漂亮的网页登陆表单设计实例
设计思想:漫话产品设计
设计观点:设计一个让用户感觉过瘾的作品
网页设计参考:25个漂亮的blog评论区设计
设计参考:70个璀璨的博客footer区设计
设计参考:个性风格精致背景的Blog设计实例
饱和度非常高的鲜艳颜色在网页设计中的运用实例
网页设计参考:50个杂志类网站设计实例
WEBJX收集47个漂亮的德国网页设计实例
50个专业的web设计外包公司/个人的网站设计实例
Webjx收集25个新颖活泼的基督教网站设计实例
日本雅虎(Yahoo JP!)的时尚频道设计
电子商务网站:用创意打败萧条(上)
电子商务网站:用创意打败萧条(中)
UE实践笔记:敏捷人种志研究
保持视觉设计一致性是一种良好的用户体验
用户体验设计:精简复杂操作过程的界面设计
设计灵感:40个国外潮流的纹理网站设计实例
设计理论:网页图片区域的版式设计技巧

心得技巧 中的 网页可读性提高的几个方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 55 ::
收藏到网摘: n/a


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