xiangduiyuwangzhanshejishiyuqianduangongchengshifengonghezuo，youxieqianduanhaishixihuandutiaodaliang，yinweiyouxieshejishideshejixiguankenengwufahenhaodizhuanhuachengdaima，zheyanghuishideqianduangongchengshihennanyuwangzhanshejishigongtongwanchengyigexiangmu。namewomenyinggairuhejiejuezhegewentine?網站建設會給出一些建議，可以讓前端工程師和網站設計師很輕鬆的完成一個項目，提高工作進度。
1、前端工程師盡量早一些熟悉項目
網(wang)頁(ye)設(she)計(ji)師(shi)和(he)前(qian)端(duan)工(gong)程(cheng)師(shi)之(zhi)間(jian)一(yi)個(ge)比(bi)較(jiao)大(da)的(de)問(wen)題(ti)便(bian)是(shi)他(ta)們(men)經(jing)常(chang)在(zai)設(she)計(ji)初(chu)稿(gao)完(wan)成(cheng)之(zhi)前(qian)各(ge)做(zuo)各(ge)的(de)，個(ge)人(ren)完(wan)成(cheng)項(xiang)目(mu)。當(dang)然(ran)，這(zhe)不(bu)是(shi)一(yi)個(ge)正(zheng)確(que)的(de)工(gong)作(zuo)方(fang)式(shi)，雖(sui)然(ran)一(yi)開(kai)始(shi)網(wang)站(zhan)設(she)計(ji)是(shi)由(you)設(she)計(ji)師(shi)來(lai)進(jin)行(xing)的(de)，但(dan)是(shi)，前(qian)端(duan)工(gong)程(cheng)師(shi)在(zai)這(zhe)段(duan)時(shi)間(jian)也(ye)應(ying)該(gai)和(he)設(she)計(ji)師(shi)套(tao)路(lu)如(ru)何(he)組(zu)裝(zhuang)項(xiang)目(mu)，畢(bi)竟(jing)兩(liang)個(ge)人(ren)關(guan)注(zhu)的(de)點(dian)也(ye)會(hui)不(bu)同(tong)，前(qian)端(duan)可(ke)能(neng)更(geng)加(jia)注(zhu)重(zhong)可(ke)用(yong)性(xing)和(he)網(wang)站(zhan)的(de)整(zheng)體(ti)功(gong)能(neng)，設(she)計(ji)師(shi)會(hui)更(geng)加(jia)關(guan)注(zhu)顏(yan)色(se)、字體和圖像。
網站設計師和前端工程師在這段時間盡可能多的交流，網站切換成代碼的可行性;設計的作品是否符合網絡允許的樣式。
2、文件清晰
網站設計人員經常做的一件事便是準備和打包文件，那這個時候我們有沒有注意到這個細節，每次打包的文件都是以未標題1、未標題2幾(ji)十(shi)幾(ji)百(bai)個(ge)的(de)壓(ya)縮(suo)在(zai)一(yi)起(qi)，把(ba)這(zhe)樣(yang)子(zi)的(de)文(wen)件(jian)提(ti)供(gong)給(gei)工(gong)程(cheng)師(shi)，工(gong)程(cheng)師(shi)不(bu)僅(jin)要(yao)浪(lang)費(fei)時(shi)間(jian)去(qu)尋(xun)找(zhao)想(xiang)要(yao)的(de)文(wen)件(jian)還(hai)容(rong)易(yi)出(chu)錯(cuo)。因(yin)此(ci)，無(wu)論(lun)我(wo)們(men)使(shi)用(yong)哪(na)種(zhong)軟(ruan)件(jian)，都(dou)應(ying)該(gai)適(shi)當(dang)的(de)命(ming)名(ming)每(mei)個(ge)圖(tu)層(ceng)。樣(yang)式(shi)、顏色、樣本和布局也應該在整個設計流程中保持一致。
這(zhe)樣(yang)，每(mei)一(yi)個(ge)項(xiang)目(mu)，我(wo)們(men)都(dou)以(yi)和(he)這(zhe)個(ge)項(xiang)目(mu)相(xiang)同(tong)的(de)方(fang)式(shi)命(ming)名(ming)文(wen)件(jian)和(he)樣(yang)式(shi)，以(yi)相(xiang)同(tong)的(de)方(fang)法(fa)來(lai)進(jin)行(xing)分(fen)組(zu)和(he)打(da)包(bao)，這(zhe)樣(yang)會(hui)為(wei)這(zhe)個(ge)項(xiang)目(mu)省(sheng)去(qu)大(da)量(liang)的(de)時(shi)間(jian)。
3、使用瀏覽器字體
通常設計師會有喜歡的字體並以此來作為自己的默認字體，但是一般用戶是沒有這些字體的，對於數字項目，請盡量選擇使用“瀏覽器字體排版”。zheyanghuishenghenduomafanshi，yuanyinhenjiandan，qianruzitikenenghuihenjishou，ciwai，shiyongliulanqizidaizitikeyimianfeibingqiebuhuichanshengewaidexiangmuchengben。zuozhexiedeshihou，tubiaoyekeyizheyangkaolv，zhijieshiyongCSS樣式的圖標而不是導入一堆圖像文件。
4、盡量壓縮一下圖像
dangwomenzaitaoluntuxiangdaxiaodeshihou，zaiquebaotuxiangqingxideqiantixiajinkenengduodeyasuotupiandaxiao，qianduanzaixuyaoshenmetupiandeshihou，shejishiyekeyitiqianwenhaoranhoudabaogeigongchengshi。
這可以縮短工作時間並且圖片占的空間比較小，網站上瀏覽圖片加載速度也會比較快。 當然也不要問完前端需要哪張圖片然後全都自己搞，還需要詢問前端如何保存、命名和用哪種格式來進行壓縮以獲得更好的結果。
5、考慮環境
再設計網站或是移動應用程序時，需要考慮許多設備的大小和寬高比。那麼作為一個網頁設計師，您便需要知道畫布大小、邊距、填充等，以創建實際可用的模板。 在開始繪圖之前，也請詢問一下前端工程師，以確保在開始之前了解設計環境的外觀。
6、了解一些開發基礎知識
當您與前端工程師交談並提出問題時，您需要深入挖掘。如果您的設計庫中還沒有這些技能，請學習一些開發基礎知識。
從事數字項目的網站設計師應該學習一下開發基礎知識： HTML和CSS(您應該能夠更改字體大小或顏色，並了解兩者是不同的)常見用戶模式(針對用戶與內容的交互方式而設計) 可訪問性標準(因此您的設計將適用於更多用戶) 需要使用哪些類型的元素作為圖像，哪些元素可以使用純CSS創建。
網站設計趨勢在於您可能永遠不會編寫代碼，但學習開發基礎知識會使您成為更好的網站設計者，因為您了解工具種類和工作流程。
