网页设计 小结

一、字体

web安全字体：Arial、Arial Black、黑体（微软雅黑间距过小）……

建议：
1、网页选用非衬线字体，英文字体大时建议衬线体。
2、字体大小不小于12px
3、行长不超过40汉字(100英文字符)，即450px-700px为宜。
4、行间距1.5-1.8em，即字体16px时，行距16px*1.6em=25.6px。

注意：在印刷品中，衬线体常用于正文，非衬线体常用于标题。

 

二、背景

背景采用浅灰色和淡黄色，降低光泽度。
白色背景下：灰色字体>黑色字体
彩色背景下：白色字体>灰色字体 慎用灰色字体

 

三、对比度

降低对比度小技巧——改变透明度

按钮采用白色背景更简单大方，交互时设计彩色，对比强烈。

 

四、界限分明

1、使用边框
2、使用box shadow
3、相邻模块背景色不同

 

五、图片

提高图片加载速度：单色图片用PNG\GIF，连续性色调图用JPG。

 

总而言之：

简化设计，不必要的部分删掉！！！

简化设计，不必要的部分删掉！！！

简化设计，不必要的部分删掉！！！