其实，美术和前端关系很和谐！ 

“介个应该要对齐。”

“这个还是要透明的的背景的哇！”

“这个颜色也不正啊”

.......

童鞋是不是常常有这样滴抱怨前端童鞋！剥除一些懒懒的前端，童鞋是不是该除了抱怨，也应该反省一下自己，自己的给的效果图是不是......虽然老大们常说，你们是要大大的沟通滴。但是，童鞋们如果我们在效果图上就给出了足够的信息，美术的前端的摩擦是不是会减少，时间成本都降低，最后手拉手，过上和谐的生活.......

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

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

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

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

有特殊要求的，善用LEAVE NOTES

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

  |---1.菜单效果

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

  |---3.超链接效果

对CODE要去做了解，知道你要的效果，在现有技术条件上能有效及时的实现

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

优化你的images文件夹

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

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

     |---去掉图片信息

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

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

在IE6还没死的情况下，使用PNG透明图片，就目前而今眼目下，成本有点高，你懂的！

去掉图片信息吧，虽然每次都只能小那么一点点。积少成多，愚公移山...

GIF图像做图标是有优势的。优势就在于领导脑袋发热的时候：“赶快给我弄醒目。”GIF动态亮闪闪，华丽丽亮相~~~~~小心你的眼镜哇！注意GIF导出的时候可以选择适当颜色的杂边，消除锯齿的小方法。

PSD层文件结构清晰，明确

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