CSS网页美工切图设计设置注意事项
CSS切图需求提示,网页中有特效地方,也需网页美工设计出特效样式效果,网页美工特效地方也需要美工设计完善以便切图时候使用。下面网就为您介绍CSS网页美工切图设计设置注意事项。
引入
1、如果是网页美工设计与CSS切图不是同一人需要先出美工网页精确清晰的效果图
2、美工设计需要注意什么呢?
这里讲解基于PS(Photoshop)设计前新建文件设置:
1、新建网页美工文件时,宽度与高度以像素为单位
2、分辨率是72像素
3、颜色模式为RGB 8位
4、背景内容一般为透明
设计设置时候注意事项:
1、注意网页内容宽度,在做的时候一定要做好网页宽度的设置设计,一般网页宽度有760PX、900PX、1000PX、等最好不要超过1200PX的宽度,至于高度不限制 有多少内容就设置多高无所谓
2、使用作为网页背景、网页图标的要清晰
3、有特效地方,有必要设计出特效样式,如按钮图标的鼠标经过有变化的需要设计好变化的,以便DIV CSS制作的时候切图使用
4、细节一定要对齐
5、在做成网页后可改变的文字,需要使用宋体、黑体即可无需修饰
最后设计好的美工图注意:
1、千万不要合层,尽量保持,每个文字、图标图片的独立图层,以便DIV CSS切图时候隐藏显示切图
2、可以导出JPGGIFPNG等格式观察效果。
网页美工切图注意还要就是单色多的要存gif格式,图片比较小,渐变要存jpg格式,效果好切图片小,放到dw里面用到html代码,可以用表格来形成页面,也可以用div+css来,你找些div+css的教程有的会带些切图部分的教程,单独的教程还没注意到有。
引入
1、如果是网页美工设计与CSS切图不是同一人需要先出美工网页精确清晰的效果图
2、美工设计需要注意什么呢?
这里讲解基于PS(Photoshop)设计前新建文件设置:
1、新建网页美工文件时,宽度与高度以像素为单位
2、分辨率是72像素
3、颜色模式为RGB 8位
4、背景内容一般为透明
设计设置时候注意事项:
1、注意网页内容宽度,在做的时候一定要做好网页宽度的设置设计,一般网页宽度有760PX、900PX、1000PX、等最好不要超过1200PX的宽度,至于高度不限制 有多少内容就设置多高无所谓
2、使用作为网页背景、网页图标的要清晰
3、有特效地方,有必要设计出特效样式,如按钮图标的鼠标经过有变化的需要设计好变化的,以便DIV CSS制作的时候切图使用
4、细节一定要对齐
5、在做成网页后可改变的文字,需要使用宋体、黑体即可无需修饰
最后设计好的美工图注意:
1、千万不要合层,尽量保持,每个文字、图标图片的独立图层,以便DIV CSS切图时候隐藏显示切图
2、可以导出JPGGIFPNG等格式观察效果。
网页美工切图注意还要就是单色多的要存gif格式,图片比较小,渐变要存jpg格式,效果好切图片小,放到dw里面用到html代码,可以用表格来形成页面,也可以用div+css来,你找些div+css的教程有的会带些切图部分的教程,单独的教程还没注意到有。