网站模板的psd层文件结构清晰，明确

　　这是个人好习惯。清晰的层文件结构，大大的提升工作效率。最好取的层名字通俗易懂。不要出现“为标题”，“图层x”之类的。

　　精确的结构定位和文字样式

　　|---1.margin.padding统一大小

　　|---2.字体颜色大小统一

　　当你历尽千辛万苦完成效果图，不要忘了最后检查一下，网站模板的padding ,margin 是否统一。字体的颜色和大小是否也精确的呈现在效果图上呢？不要寄希望前端去做出判断，来来去去的沟通，如果出现相互抱怨就不好了。做一个细致的美术，做一个负责的美术，做一个人见人爱的美术。

　　优化你的images文件夹

　　|---1.尽量避免png透明图片

　　|---2.图片压缩优化

　　|---去掉图片信息

　　|---建议jpg压缩70%-80%

　　|---3.优化并且善用gif

　　在ie6还没死的情况下，使用png透明图片，就目前而今眼目下，成本有点高，你懂的！gif图像做图标是有优势的。优势就在于领导脑袋发热的时候：“赶快给我弄醒目。”gif动态亮闪闪，华丽丽亮相~~~~~小心你的眼镜哇！注意gif导出的时候可以选择适当颜色的杂边，消除锯齿的小方法。

　　行为效果，及时在效果图上做出来

　　|---1.菜单效果

　　|---2.图片点击效果

　　|---3.超链接效果

　　这个很好理解，美术和网站模板的对事物的理解方式很不一样。美术看重的表现，是crap，是如何让用户去理解，如何突出显示产品。再美的图案，前端都会默默的在心理把它分成方块，然后脑袋里是完全是逻辑思维。美术往往想做出很炫的效果 。如果成本太高，你就要尽量交付效果图前和前端有所沟通，免得卡在那里，前后不能。