相對于網(wǎng)站設(shè)計師與前端工程師分工合作，有些前端還是喜歡獨(dú)挑大梁，因為有些設(shè)計師的設(shè)計習(xí)慣可能無法很好地轉(zhuǎn)化成代碼，這樣會使得前端工程師很難與網(wǎng)站設(shè)計師共同完成一個項目。那么我們應(yīng)該如何解決這個問題呢?網(wǎng)站建設(shè)會給出一些建議，可以讓前端工程師和網(wǎng)站設(shè)計師很輕松的完成一個項目，提高工作進(jìn)度。

　　1、前端工程師盡量早一些熟悉項目

　　網(wǎng)頁設(shè)計師和前端工程師之間一個比較大的問題便是他們經(jīng)常在設(shè)計初稿完成之前各做各的，個人完成項目。當(dāng)然，這不是一個正確的工作方式，雖然一開始網(wǎng)站設(shè)計是由設(shè)計師來進(jìn)行的，但是，前端工程師在這段時間也應(yīng)該和設(shè)計師套路如何組裝項目，畢竟兩個人關(guān)注的點(diǎn)也會不同，前端可能更加注重可用性和網(wǎng)站的整體功能，設(shè)計師會更加關(guān)注顏色、字體和圖像。

　　網(wǎng)站設(shè)計師和前端工程師在這段時間盡可能多的交流，網(wǎng)站切換成代碼的可行性;設(shè)計的作品是否符合網(wǎng)絡(luò)允許的樣式。

　　2、文件清晰

　　網(wǎng)站設(shè)計人員經(jīng)常做的一件事便是準(zhǔn)備和打包文件，那這個時候我們有沒有注意到這個細(xì)節(jié)，每次打包的文件都是以未標(biāo)題1、未標(biāo)題2幾十幾百個的壓縮在一起，把這樣子的文件提供給工程師，工程師不僅要浪費(fèi)時間去尋找想要的文件還容易出錯。因此，無論我們使用哪種軟件，都應(yīng)該適當(dāng)?shù)拿總€圖層。樣式、顏色、樣本和布局也應(yīng)該在整個設(shè)計流程中保持一致。

　　這樣，每一個項目，我們都以和這個項目相同的方式命名文件和樣式，以相同的方法來進(jìn)行分組和打包，這樣會為這個項目省去大量的時間。

　　3、使用瀏覽器字體

　　通常設(shè)計師會有喜歡的字體并以此來作為自己的默認(rèn)字體，但是一般用戶是沒有這些字體的，對于數(shù)字項目，請盡量選擇使用“瀏覽器字體排版”。這樣會省很多麻煩事，原因很簡單，嵌入字體可能會很棘手，此外，使用瀏覽器自帶字體可以免費(fèi)并且不會產(chǎn)生額外的項目成本。做這些的時候，圖標(biāo)也可以這樣考慮，直接使用CSS樣式的圖標(biāo)而不是導(dǎo)入一堆圖像文件。

　　4、盡量壓縮一下圖像

　　當(dāng)我們在討論圖像大小的時候，在確保圖像清晰的前提下盡可能多的壓縮圖片大小，前端在需要什么圖片的時候，設(shè)計師也可以提前問好然后打包給工程師。

　　這可以縮短工作時間并且圖片占的空間比較小，網(wǎng)站上瀏覽圖片加載速度也會比較快。 當(dāng)然也不要問完前端需要哪張圖片然后全都自己搞，還需要詢問前端如何保存、命名和用哪種格式來進(jìn)行壓縮以獲得更好的結(jié)果。

　　5、考慮環(huán)境

　　再設(shè)計網(wǎng)站或是移動應(yīng)用程序時，需要考慮許多設(shè)備的大小和寬高比。那么作為一個網(wǎng)頁設(shè)計師，您便需要知道畫布大小、邊距、填充等，以創(chuàng)建實(shí)際可用的模板。 在開始繪圖之前，也請詢問一下前端工程師，以確保在開始之前了解設(shè)計環(huán)境的外觀。

　　6、了解一些開發(fā)基礎(chǔ)知識

　　當(dāng)您與前端工程師交談并提出問題時，您需要深入挖掘。如果您的設(shè)計庫中還沒有這些技能，請學(xué)習(xí)一些開發(fā)基礎(chǔ)知識。

　　從事數(shù)字項目的網(wǎng)站設(shè)計師應(yīng)該學(xué)習(xí)一下開發(fā)基礎(chǔ)知識： HTML和CSS(您應(yīng)該能夠更改字體大小或顏色，并了解兩者是不同的)常見用戶模式(針對用戶與內(nèi)容的交互方式而設(shè)計) 可訪問性標(biāo)準(zhǔn)(因此您的設(shè)計將適用于更多用戶) 需要使用哪些類型的元素作為圖像，哪些元素可以使用純CSS創(chuàng)建。

　　網(wǎng)站設(shè)計趨勢在于您可能永遠(yuǎn)不會編寫代碼，但學(xué)習(xí)開發(fā)基礎(chǔ)知識會使您成為更好的網(wǎng)站設(shè)計者，因為您了解工具種類和工作流程。