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

1、整理文檔

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

2、溝通

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

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

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

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

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

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