近期在做需求时,发现设计师对浏览器的字体表现效果不满意。如微软雅黑的加粗效果,以致于一般采用图片进行替换。 局部采用图片替换文字,对于重构的开发量会加大,后期维护起来也相对复杂,对页面加载的时间也有影响……
好吧,这些都是借口,设计和产品是不会听的, 我们从另一个角度看这个问题吧。
五条简单的规则:
1、长文本使用标准字号。用户不想点击“放大”、“缩小”按钮,也不想更改浏览器的设置。用户想马上就开始阅读,希望你能适应我的设置,而不是反过来让我更改设置来适应你;
2、主动留白。在文本周围留出足够的空间可以减少阅读时的压迫感,因为这样读者更容易将焦点集中在内容本身;
3、友好的行高。HTML的默认行高过小。如果你增加一些行高,文字会更具易读性。140%标准行高是一个不错的标准;
4、鲜明的色彩对比。这一点我觉得没必要多做赘述了,但过于强烈的对比(纯黑纯白)也不合适,因为这样看上去会使人感到文字在闪烁。一个建议的标准是:背景颜色#fff,文字颜色#333;
5、别把文字做成图片。在进行阅读的时候,我希望能够搜索、复制和保存文字,并使用光标来进行标记。把文字做成图片看起来很美观,但是美观并不是网页所要的全部。
网页是用来进行交流和信息传达的,而信息需要具有良好的可读性、可用性、可伸缩性,方便进行引用和分享。
相关链接:http://informationarchitects.net/blog/100e2r/