網站模板的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，是如何讓用戶去理解，如何突出顯示產品。再美的圖案，前端都會默默的在心理把它分成方塊，然后腦袋里是完全是邏輯思維。美術往往想做出很炫的效果 。如果成本太高，你就要盡量交付效果圖前和前端有所溝通，免得卡在那里，前后不能。