网站中文字的视觉设计

秋子淡无痕

下面是具体设计方面的点：
1、字体的单位应该用em而不是px，但需要把em的值设置好。
2、在css文件body中的font-family里面保证”宋体”前面有Arial或者verdana，个人推荐这么写：font- family:Helvetica,Georgia,Arial,sans-serif，宋体。这样能保证你界面中的字母、数字、符号看上去美观一些，更重要的是更加易读。
3、12号宋体时，我们一般使用18-20像素的行距。14号宋体通常使用22-24像素的行距。
这个行距大小随着单行字数的多少而上下浮动。我认为12px字如果单行字数少的话，17也是可以接受的。
4、正文一行字数最好不超过50，首页的标题文字以8-20字为佳。
5、12和14px字相对来说最精致，13px在需要的时候可以做正文字，word里面默认的字的大小相当于网页的13px字。
6、对于一段文字，尤其是正文部分，保证左右至少有15px的留白，便于用户换行时不受到干扰。
7、文字和背景对比要足够明显，保证最弱文字的可读性。