技术资讯

网页文字的阅读体验

2012-10-29 10:46:12

网页是用来进行交流和信息传达的，而信息需要具有良好的可读性、可用性、可伸缩性，方便进行引用和分享。在进行青岛网站设计和青岛网站制作时候，设计师经常对浏览器的字体表现效果不满意。如微软雅黑的加粗效果，以致于一般采用图片进行替换。局部采用图片替换文字，对于重构的开发量会加大，后期维护起来也相对复杂，对页面加载的时间也有影响，好吧，这些都是借口，设计和产品是不会听的。我们从另一个角度看这个问题吧。

五条简单的规则

1、友好的行高。HTML的默认行高过小。如果你增加一些行高，文字会更具易读性。140%标准行高是一个不错的标准；

2、主动留白。在文本周围留出足够的空间可以减少阅读时的压迫感，因为这样读者更容易将焦点集中在内容本身；

3、长文本使用标准字号。用户不想点击“放大”、“缩小”按钮，也不想更改浏览器的设置。用户想马上就开始阅读，希望你能适应我的设置，而不是反过来让我更改设置来适应你；

4、别把文字做成图片。在进行阅读的时候，我希望能够搜索、复制和保存文字，并使用光标来进行标记。把文字做成图片看起来很美观，但是美观并不是网页所要的全部。

5、鲜明的色彩对比。这一点我觉得没必要多做赘述了，但过于强烈的对比（纯黑纯白）也不合适，因为这样看上去会使人感到文字在闪烁。一个建议的标准是：背景颜色#fff，文字颜色#333。

上一篇：专题类的网页设计要点

下一篇：清新的网站设计风格