相信一些網頁設計師都遇到過這樣的情況，我的設計稿明明做的感覺挺不錯的，為什么前端實現的頁面和我的設計稿卻有一些差距，遇到這樣的問題，相信每個設計師心里都會有一些不開心。那么，前端如何與設計師合作，避免出現這個問題呢？
1、整理文檔
一般設計師給前端的只有PSD，沒有其它多余的東西，前端希望設計能給予PSD之外，還能從設計手中傳遞下來其它東西。比如，設計師可以整理一份需求文檔、交互文檔等等，這樣前端會更清楚設計師的想法和需求。
2、溝通
前端在拿到設計稿后，是什么也不說，直接按照設計稿做，還是提出一些建議交流？肯定是后者更好，所以，當前端拿到設計稿后，前端與設計師要相互溝通，共同確立一個一致的目標，這樣導致的結果是想犯錯都沒有機會，避免出現不斷返工的情況。
3、分析設計稿
很多前端工程師有一個很不好的毛病，拿到設計圖就開始做，總感覺只有代碼寫完了自己的事情才是真正的完成了。他們忽略了一個很重要的環節，那就是先看。寫代碼一定要注意細節和結構性，拿到設計圖首先分析應該怎么做，應該有哪些模塊，哪些模塊可以通用，一定要經過設計之后再動手去寫，結構分析一定要先做的。
4、仔細看設計稿
有很多問題的出現是因為前端在實現頁面時不仔細看效果圖，比如設計稿上有邊框，但是顏色太淡沒看到，或者有一條半透明的線，做成純色的。還有的情況是字體的顏色都是不正確的，這些問題都是只要前端仔細一點就可以避免出現的。
想把一個網站的前端做好，需要設計和前端共同的合作，如果前端只悶頭做自己的，不去了解設計的想法，設計做完設計稿直接就丟給前端，最后的結果只會是不斷反復的返工，傷感情！
