CSS网页美工切图设计设置注意事项

采采
采采 这家伙很懒,还没有设置简介...

0 人点赞了该文章 · 46 浏览

CSS网页美工切图设计设置注意事项

    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的教程有的会带些切图部分的教程,单独的教程还没注意到有。

发布于 2022-09-29 17:23

免责声明:

本文由 采采 原创或收集发布于 火鲤鱼 ,著作权归作者所有,如有侵权可联系本站删除。

火鲤鱼 © 2025 专注小微企业服务 冀ICP备09002609号-8