CSS教程:效果图切图前对网页美工图设计

武林网(www.vevb.com)文章简介：DIV CSS制作前网页美工图设计要点.

这里为大家介绍一下DIV CSS制作前网页美工图设计要点：

引入
1、如果是网页美工设计与CSS切图不是同一人需要先出美工网页精确清晰的效果图
2、美工设计需要注意什么呢？接下来由CSS5为大家介绍

这里讲解基于PS（Photoshop）设计前新建文件设置：

1、新建网页美工文件时，宽度与高度以像素为单位
2、分辨率是72像素
3、颜色模式为RGB 8位
4、背景内容一般为透明

计设置时候注意事项：

1、使用作为网页背景、网页图标的要清晰

2、细节一定要对齐

3、在做成网页后可改变的文字，需要使用宋体、黑体即可无需修饰

4、注意网页内容宽度，在做的时候一定要做好网页宽度的设置设计，一般网页宽度有760PX、900PX、1000PX、等最好不要超过1200PX的宽度，至于高度不限制 有多少内容就设置多高无所谓

5、有特效地方，有必要设计出特效样式，如按钮图标的鼠标经过有变化的需要设计好变化的，以便DIV CSS制作的时候切图使用

最后设计好的美工图注意：

1、千万不要合层，尽量保持，每个文字、图标图片的独立图层，以便DIV CSS切图时候隐藏显示切图

2、可以导出JPGGIFPNG等格式观察效果。

以上是在DIV CSS切图前对网页美工图设计注意事项！