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

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

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

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

　　2、文件清晰

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

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

　　3、使用瀏覽器字體

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

　　4、盡量壓縮一下圖像

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

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

　　5、考慮環(huán)境

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

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

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

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

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