如果你是前端,你可以給設計師提以下一些要求:
1.如果想要95%以上還原設計稿,你必須提供給設計師設計時的注意事項,當然如果設計師有前端功底,他的設計會考慮到更多的協作性,通俗點說:比如設計的PSD稿件的圖層切圖的形狀不要太另類,不同的分辨率,元素布局上你能不能敲代碼實現,容不容易做出來,不要太自我主義不考慮前端,到時候做出來的東西又返回頭改死人,甚至前端出來后一塌糊涂,兩敗俱傷
2.你看過的或者項目交互上想要的效果,讓設計師分析這種效果拆分后該設計些什么東西?設計量有多少?能不能用圖形的方式直觀的設計出來?等等
3.自己用鉛筆在紙上畫的草圖,設計中的部分重要細節和你自己的想法要親自提醒設計師
4.項目碰頭的時間段,如何碰頭,使用遠程工具?使用QQ?還是直接離開辦公椅面對面?還是茶水間?是1天碰頭一次?還是設計完某部分碰頭一次?發現問題就可以及時修改,避免事倍功半
5.讓設計師準備好詳細的設計說明文檔,文檔可以是直接套用html模板,可以是word,可以是圖片或者思維導圖,總之要讓前端設計師一目了然知道為什么這么設計,這樣設計讓前端怎么用,怎么配合
6.如果設計師有前端功底,你還需要讓他提供一些他設計時考慮到的插件或者代碼(比如設計banner時他想要視差,3D,還是滑動等效果,要用到什么插件,用了什么框架等),這樣能提高前端的質量和效率
同時,你需要讓設計師給你提供:
1.完整的,規范的PSD分層文件,最好是要切圖的部分就是一個圖層或者 文件夾,使用photoshop的快速切圖插件,單獨導出圖片,快速準確,不建議使用PS默認的切圖工具
2.詳細的,規范的設計說明文檔,標注文檔
3.對于有前端基礎的設計師,需要提供他設計時考慮到的前端效果插件或代碼,是否使用前端框架等
4.適合你們的溝通協作方式
5.如果是比較有經驗的設計師,能給你提供一個demo(可以是視頻,或者gif,甚至是用紙和筆畫出的交互效果),能大大提高前端的質量和效率
最后的最后,前端攻城師和設計師互相提供這些需求和資源的同時:
不要忘記了產品經理或者老板或者你們部門的項目初衷,也要做好和上層的對接。
在過程中試錯,在試錯中體驗,在體驗中修改優化,在修改優化中培育協作能力和感情,在協作和感情中喝杯咖啡聊聊天泡泡妹子!
-
工程師
+關注
關注
59文章
1572瀏覽量
68655 -
前端
+關注
關注
1文章
200瀏覽量
17845
發布評論請先 登錄
相關推薦
![](https://file1.elecfans.com/web3/M00/05/24/wKgZPGd9BIKAasMYAAP9Ml_injM792.jpg)
![](https://file1.elecfans.com/web1/M00/F3/FA/wKgaoWciDI6ABdEhAAJtvu-cw_c556.jpg)
![](https://file1.elecfans.com/web2/M00/07/FB/wKgZombz6VuAFeotAAIjSCj1HKI007.jpg)
尋求專業工程師幫助設計USB多口充電器
![](https://file1.elecfans.com/web2/M00/FF/40/wKgaomahti2AV26dAAMiNIjdnKg435.jpg)
![](https://file1.elecfans.com/web2/M00/FE/5C/wKgaomaaQAGASltQAAbqv2SgV1E642.png)
![](https://file1.elecfans.com/web2/M00/EB/14/wKgaomZXAd-AWEwjAAuV2RdwuSM130.png)
嵌入式軟件工程師和硬件工程師的區別?
![](https://file1.elecfans.com/web2/M00/E5/09/wKgZomZB1aqAfoLMAALwKMk88bw153.jpg)
![](https://file1.elecfans.com/web2/M00/DF/FB/wKgZomY1H9uAdzzJAAMwQMmJ0js548.jpg)
![](https://file1.elecfans.com/web2/M00/DE/DE/wKgZomYwuQ-AegjsAAISSibiD4I286.jpg)
![](https://file1.elecfans.com/web2/M00/C5/1E/wKgaomXxdsmAENR6AAKEdyutPEU736.jpg)
![](https://file1.elecfans.com/web2/M00/C1/DF/wKgZomXfAbCATSsHAA8xXbkMaK8112.png)
![](https://file1.elecfans.com/web2/M00/C1/46/wKgaomXUeXuAXDwNAAJ_XqvplMU996.jpg)
評論