网页设计中的文字视觉设计
对于很多的网站来说，字在整个网站的内容中占了80%以上甚至更多，或者换个角度上说，网站可以没有颜色，没有图片，但唯独不能没有文字。
先看看网站以外的中文字体设计，英文的正文字体有很多可以选择，但中文的正文字，总的来说就两种：细明体和黑体。在传统的版式设计中，网页设计师们都喜欢做英文的排版，为什么？从视觉上来看，英文的组合很容易形成线和面的关系，而且字母有节奏感，比如aby这三个字母放一起有高矮区别。中文字相对来说，单调、孤立、不流畅。
看完上面这个例子，我的观点也就出来了：别把你的文字看成字，而是看成点，文字的视觉设计其实就是处理点线面的关系。
下面是具体设计方面的点：
1. 字体的单位用em而不用px，尽管12px和0.8em大小差不多。
updete:感谢网友 Dreamcolor 推荐文章 95%的中国网站需要重写CSS ，该文很详细的解释了px和em的差别和原理。这点写之前是我想当然了，没有深入理解em单位。只看到很多用em的视觉效果不好看，现在明白了，是因为没有把em单位和px对上号。结论是应该用em而不是px，但需要把em的值设置好。
2. 在css文件body中的font-family里面保证」细明体」前面有Arial或者verdana，个人推荐这么写：font-family:Helvetica,Georgia,Arial,sans-serif，细明体。这样能保证你界面中的字母、数字、符号看上去美观一些，更重要的是更加易读。
3. 12号细明体时，我们一般使用18-20像素的行距。14号细明体通常使用22-24像素的行距。
作者: 北京seo (www.seodig.com.cn)
原载: 网站建设 (www.haigui.net.cn)
版权所有。转载时必须以链接形式注明作者和原始出处及本声明。