前端工程师如何与设计师合作?

来源:伯乐在线 作者:Chuckie Chang
  
如果你是前端,你可以给设计师提以下一些要求:
1.如果想要95%以上还原设计稿,你必须提供给设计师设计时的注意事项,当然如果设计师有前端功底,他的设计会考虑到更多的协作性,通俗点说:比如设计的PSD稿件的图层切图的形状不要太另类,不同的分辨率,元素布局上你能不能敲代码实现,容不容易做出来,不要太自我主义不考虑前端,到时候做出来的东西又返回头改死人,甚至前端出来后一塌糊涂,两败俱伤
2.你看过的或者项目交互上想要的效果,让设计师分析这种效果拆分后该设计些什么东西?设计量有多少?能不能用图形的方式直观的设计出来?等等
3.自己用铅笔在纸上画的草图,设计中的部分重要细节和你自己的想法要亲自提醒设计师
4.项目碰头的时间段,如何碰头,使用远程工具?使用QQ?还是直接离开办公椅面对面?还是茶水间?是1天碰头一次?还是设计完某部分碰头一次?发现问题就可以及时修改,避免事倍功半
5.让设计师准备好详细的设计说明文档,文档可以是直接套用html模板,可以是word,可以是图片或者思维导图,总之要让前端设计师一目了然知道为什么这么设计,这样设计让前端怎么用,怎么配合
6.如果设计师有前端功底,你还需要让他提供一些他设计时考虑到的插件或者代码(比如设计banner时他想要视差,3D,还是滑动等效果,要用到什么插件,用了什么框架等),这样能提高前端的质量和效率

 

同时,你需要让设计师给你提供:
1.完整的,规范的PSD分层文件,最好是要切图的部分就是一个图层或者 文件夹,使用photoshop的快速切图插件,单独导出图片,快速准确,不建议使用PS默认的切图工具
2.详细的,规范的设计说明文档,标注文档
3.对于有前端基础的设计师,需要提供他设计时考虑到的前端效果插件或代码,是否使用前端框架等
4.适合你们的沟通协作方式
5.如果是比较有经验的设计师,能给你提供一个demo(可以是视频,或者gif,甚至是用纸和笔画出的交互效果),能大大提高前端的质量和效率

最后的最后,前端攻城师和设计师互相提供这些需求和资源的同时:
不要忘记了产品经理或者老板或者你们部门的项目初衷,也要做好和上层的对接。
在过程中试错,在试错中体验,在体验中修改优化,在修改优化中培育协作能力和感情,在协作和感情中喝杯咖啡聊聊天泡泡妹子!


时间:2015-11-01 10:07 来源:伯乐在线 作者:Chuckie Chang 原文链接

好文,顶一下
(0)
0%
文章真差,踩一下
(0)
0%
------分隔线----------------------------


把开源带在你的身边-精美linux小纪念品
无觅相关文章插件,快速提升流量