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

1、整理文檔

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

2、溝通

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

3、分析設(shè)計(jì)稿

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

4、仔細(xì)看設(shè)計(jì)稿

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

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