網(wǎng)站設(shè)計(jì)師,您喜歡您設(shè)計(jì)工作的前端工程師嗎?您的一些習(xí)慣很可能無法很好地轉(zhuǎn)換為代碼,這使得前端工程師更難以與您合作完成項(xiàng)目。想成為更好的同事嗎?然后我們將學(xué)習(xí)如何更好地進(jìn)行溝通和設(shè)計(jì),讓前端工程師通過對工作方式進(jìn)行微妙的改變來愛上你的工作。這將加快項(xiàng)目進(jìn)度,使工作更輕松。
案例詳情
網(wǎng)站設(shè)計(jì)師,您喜歡您設(shè)計(jì)工作的前端工程師嗎?您的一些習(xí)慣很可能無法很好地轉(zhuǎn)換為代碼,這使得前端工程師更難以與您合作完成項(xiàng)目。想成為更好的同事嗎?然后我們將學(xué)習(xí)如何更好地進(jìn)行溝通和設(shè)計(jì),讓前端工程師通過對工作方式進(jìn)行微妙的改變來愛上你的工作。這將加快項(xiàng)目進(jìn)度,使工作更輕松。
1、讓前端工程師盡早開始項(xiàng)目
網(wǎng)站設(shè)計(jì)師和前端工程師之間最大的問題是,他們經(jīng)常在設(shè)計(jì)的第一稿完成之前默默地開展工作,個(gè)人或團(tuán)隊(duì)開始談?wù)擁?xiàng)目。這不是正確的工作方式,網(wǎng)站設(shè)計(jì)師和前端工程師應(yīng)該討論如何從一開始就組裝項(xiàng)目。雖然網(wǎng)站設(shè)計(jì)人員可能會關(guān)注顏色、字體和圖像,但前端工程師可以深入了解可用性、的功能和性能。
網(wǎng)站設(shè)計(jì)師和前端工程師應(yīng)該很好地了解彼此的外觀。網(wǎng)站設(shè)計(jì)人員應(yīng)該了解足夠的代碼和可用性,以便與前端工程師溝通并了解挑戰(zhàn):前端工程師應(yīng)該對設(shè)計(jì)理論有一點(diǎn)了解,以便在設(shè)計(jì)概念不適合網(wǎng)絡(luò)時(shí)提出建議。
2、文件結(jié)構(gòu)清晰
Web設(shè)計(jì)人員可以做的最重要的事情之一就是每次都以相同的方式準(zhǔn)備和打包文件。您有多少次打開包含數(shù)百個(gè)未命名圖層的Photoshop文檔?請勿將此類文檔交給前端工程師。無論您使用哪種軟件,都應(yīng)該適當(dāng)?shù)孛總€(gè)圖層和樣式。樣式、顏色、樣本和布局在整個(gè)設(shè)計(jì)過程中應(yīng)保持一致。
對于每個(gè)項(xiàng)目,以相同的方式命名文件和樣式。以類似的方式分組并使用一致的文件夾系統(tǒng)。這樣,前端工程師就不必重新學(xué)習(xí)如何找到每個(gè)新項(xiàng)目的部件和元素。
3、使用瀏覽器字體
印刷管理是設(shè)計(jì)項(xiàng)目(包括印刷和數(shù)字作品)面臨的最大挑戰(zhàn)之一。不要將桌面字體用于為Web或應(yīng)用程序設(shè)計(jì)的打印項(xiàng)目,并假設(shè)它們可以正常工作。 (通常他們沒有。)
對于數(shù)字項(xiàng)目,請選擇“瀏覽器字體排版”。這意味著您可能需要為Web找到與打印內(nèi)容相匹配的類似字體。不要讓前端工程師為您做這件事。選擇可比的瀏覽器字體并從一開始就使用它們。您甚至可以在風(fēng)格指南中注意到打印和數(shù)字字體。
這背后的原因很簡單:嵌入字體可能很棘手。此外,瀏覽器字體是免費(fèi)的,可確保您不會產(chǎn)生額外的項(xiàng)目成本。 (當(dāng)你這樣做時(shí),考慮用圖標(biāo)做同樣的事情,使用像字體這樣的好包裝,所以前端工程師可以使用CSS風(fēng)格的圖標(biāo)而不是導(dǎo)入一堆圖像文件?。?br />
1、讓前端工程師盡早開始項(xiàng)目
網(wǎng)站設(shè)計(jì)師和前端工程師之間最大的問題是,他們經(jīng)常在設(shè)計(jì)的第一稿完成之前默默地開展工作,個(gè)人或團(tuán)隊(duì)開始談?wù)擁?xiàng)目。這不是正確的工作方式,網(wǎng)站設(shè)計(jì)師和前端工程師應(yīng)該討論如何從一開始就組裝項(xiàng)目。雖然網(wǎng)站設(shè)計(jì)人員可能會關(guān)注顏色、字體和圖像,但前端工程師可以深入了解可用性、的功能和性能。
網(wǎng)站設(shè)計(jì)師和前端工程師應(yīng)該很好地了解彼此的外觀。網(wǎng)站設(shè)計(jì)人員應(yīng)該了解足夠的代碼和可用性,以便與前端工程師溝通并了解挑戰(zhàn):前端工程師應(yīng)該對設(shè)計(jì)理論有一點(diǎn)了解,以便在設(shè)計(jì)概念不適合網(wǎng)絡(luò)時(shí)提出建議。
2、文件結(jié)構(gòu)清晰
Web設(shè)計(jì)人員可以做的最重要的事情之一就是每次都以相同的方式準(zhǔn)備和打包文件。您有多少次打開包含數(shù)百個(gè)未命名圖層的Photoshop文檔?請勿將此類文檔交給前端工程師。無論您使用哪種軟件,都應(yīng)該適當(dāng)?shù)孛總€(gè)圖層和樣式。樣式、顏色、樣本和布局在整個(gè)設(shè)計(jì)過程中應(yīng)保持一致。
對于每個(gè)項(xiàng)目,以相同的方式命名文件和樣式。以類似的方式分組并使用一致的文件夾系統(tǒng)。這樣,前端工程師就不必重新學(xué)習(xí)如何找到每個(gè)新項(xiàng)目的部件和元素。
3、使用瀏覽器字體
印刷管理是設(shè)計(jì)項(xiàng)目(包括印刷和數(shù)字作品)面臨的最大挑戰(zhàn)之一。不要將桌面字體用于為Web或應(yīng)用程序設(shè)計(jì)的打印項(xiàng)目,并假設(shè)它們可以正常工作。 (通常他們沒有。)
對于數(shù)字項(xiàng)目,請選擇“瀏覽器字體排版”。這意味著您可能需要為Web找到與打印內(nèi)容相匹配的類似字體。不要讓前端工程師為您做這件事。選擇可比的瀏覽器字體并從一開始就使用它們。您甚至可以在風(fēng)格指南中注意到打印和數(shù)字字體。
這背后的原因很簡單:嵌入字體可能很棘手。此外,瀏覽器字體是免費(fèi)的,可確保您不會產(chǎn)生額外的項(xiàng)目成本。 (當(dāng)你這樣做時(shí),考慮用圖標(biāo)做同樣的事情,使用像字體這樣的好包裝,所以前端工程師可以使用CSS風(fēng)格的圖標(biāo)而不是導(dǎo)入一堆圖像文件?。?br />
友情鏈接
昆明網(wǎng)站建設(shè)昆明網(wǎng)站制作昆明網(wǎng)站設(shè)計(jì)昆明網(wǎng)站制作昆明網(wǎng)站開發(fā)云南網(wǎng)站建設(shè)云南網(wǎng)站制作云南網(wǎng)站設(shè)計(jì)云南網(wǎng)站制作云南網(wǎng)站開發(fā)集團(tuán)網(wǎng)站建設(shè)政府網(wǎng)站建設(shè)學(xué)校網(wǎng)站建設(shè)公司網(wǎng)站建設(shè)企業(yè)網(wǎng)站建設(shè)房地產(chǎn)網(wǎng)站建設(shè)昆明微信建設(shè)云南微信建設(shè)昆明微商城建設(shè)云南微商城建設(shè)成都網(wǎng)站建設(shè)北京網(wǎng)站建設(shè)上海網(wǎng)站建設(shè)深圳網(wǎng)站建設(shè)廣州網(wǎng)站建設(shè)重慶網(wǎng)站建設(shè)昆明哪家網(wǎng)站建設(shè)服務(wù)好如何制作自己的網(wǎng)站企業(yè)如何建網(wǎng)站昆明網(wǎng)站建設(shè)哪家便宜網(wǎng)站建設(shè)7個(gè)基本流程網(wǎng)站建設(shè)方案網(wǎng)站建設(shè)介紹網(wǎng)站制作需要多少錢做個(gè)電商網(wǎng)站多少錢網(wǎng)站建設(shè)多少錢一個(gè)網(wǎng)站建設(shè)哪家便宜云南恩田智能