相信一些網(wǎng)頁設計師都遇到過這樣的情況，我的設計稿明明做的感覺挺不錯的，為什么前端實現(xiàn)的頁面和我的設計稿卻有一些差距，遇到這樣的問題，相信每個設計師心里都會有一些不開心。那么，前端如何與設計師合作，避免出現(xiàn)這個問題呢？

1、整理文檔

一般設計師給前端的只有PSD，沒有其它多余的東西，前端希望設計能給予PSD之外，還能從設計手中傳遞下來其它東西。比如，設計師可以整理一份需求文檔、交互文檔等等，這樣前端會更清楚設計師的想法和需求。 

2、溝通

前端在拿到設計稿后，是什么也不說，直接按照設計稿做，還是提出一些建議交流？肯定是后者更好，所以，當前端拿到設計稿后，前端與設計師要相互溝通，共同確立一個一致的目標，這樣導致的結果是想犯錯都沒有機會，避免出現(xiàn)不斷返工的情況。

3、分析設計稿

很多前端工程師有一個很不好的毛病，拿到設計圖就開始做，總感覺只有代碼寫完了自己的事情才是真正的完成了。他們忽略了一個很重要的環(huán)節(jié)，那就是先看。寫代碼一定要注意細節(jié)和結構性，拿到設計圖首先分析應該怎么做，應該有哪些模塊，哪些模塊可以通用，一定要經過設計之后再動手去寫，結構分析一定要先做的。

4、仔細看設計稿

有很多問題的出現(xiàn)是因為前端在實現(xiàn)頁面時不仔細看效果圖，比如設計稿上有邊框，但是顏色太淡沒看到，或者有一條半透明的線，做成純色的。還有的情況是字體的顏色都是不正確的，這些問題都是只要前端仔細一點就可以避免出現(xiàn)的。

想把一個網(wǎng)站的前端做好，需要設計和前端共同的合作，如果前端只悶頭做自己的，不去了解設計的想法，設計做完設計稿直接就丟給前端，最后的結果只會是不斷反復的返工，傷感情！