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

　　1、前端工程師盡量早一些熟悉項(xiàng)目

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

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

　　2、文件清晰

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

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

　　3、使用瀏覽器字體

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

　　4、盡量壓縮一下圖像

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

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

　　5、考慮環(huán)境

　　再設(shè)計(jì)網(wǎng)站或是移動(dòng)應(yīng)用程序時(shí)，需要考慮許多設(shè)備的大小和寬高比。那么作為一個(gè)網(wǎng)頁設(shè)計(jì)師，您便需要知道畫布大小、邊距、填充等，以創(chuàng)建實(shí)際可用的模板。 在開始繪圖之前，也請?jiān)儐栆幌虑岸斯こ處煟源_保在開始之前了解設(shè)計(jì)環(huán)境的外觀。

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

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

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

　　網(wǎng)站設(shè)計(jì)趨勢在于您可能永遠(yuǎn)不會編寫代碼，但學(xué)習(xí)開發(fā)基礎(chǔ)知識會使您成為更好的網(wǎng)站設(shè)計(jì)者，因?yàn)槟私夤ぞ叻N類和工作流程。