|
PS网页设计中使用切片时的注意事项：
注意事项：
1、切片最重要的是区分出网页中哪些是图像区域，哪些是文本区域，并创建图文并茂的网站界面。
2、切片前,先要仔细对设计进行分析,考虑要因设计制宜。
3、切片时,可不断放大缩小设计观察精准度,可以根据辅助线进行切片。
4、切片后,要对导出的切片进行审核是否符合要求,比如大小颜色图片质量透明背景与否等,如果不合适,要重新对切片进行优化输出或者重新切片。
1、 输出背景
观察背景：
如果是单一颜色的,则不需要切片,网页制作的时候设置背景RGB即可。
如果是有规律的图片,那么按最小单位切一条几个像素的切片,单独优化输出,制作时不是插入图片而是作为背景图片可以横向平铺达到设计效果。
为什么不是全部切片完了再输出呢,因为,背景图片上一般还会叠加其他的图片,如LOGO,就要输出透明背景的前景图片;有时切片会有重叠现象,所以采用分别输出的方法能达到比较好的效果。
2、前景图片
包括 网站标识,特殊字体的标题,导航,中英文切换的文字连接,特殊的小图标，特殊的边角。
观察背景上的网站标识：
如果直接插入切片输出会连带背景图案一起输出,那样以后制作也面的时候可能标识部分的图和背景对接不好产生错位.切片的时候隐藏背景单独优化输出。
如果一张网页里面有重复用到的一张图,只需要切一个一次就可以了。
3、线
如果是直角的单色的边框,可以表格边框设置,就不需要切片。
如果是不规则角(圆角,图案),可以单单切下框的角,然后观察剩余的线:按照如切片背景图案的方法进行切片。
4、切片命名
切片单独输出,可以按照其用途重新命名,如背景可以为MAIN_BG.GIF,网站标识为LOGO.GIF等,切记不要用中文命名,那样在制作的时候插入图片的图片名可能就是一大串乱码。
5切片保存
首页和内容页的切片可以放在同一个站点下的IMAGE文件夹下面,但是如果素材图片多时,最好另起一个文件夹单独保存,以便制作和修改的方便。
FW切片导出时设置为"只要切片输出",如果按照"HTML和图像"输出会有很多的废代码,所以手动设置布局比较理想。
|
