• Comments
  • Comments
  • Comments
  • Comments
  • Comments
  • Comments
  • Comments

前端攻城师和设计师的协作大宝典

前端攻城师和设计师的协作大宝典

每个团队的合作方法不尽相同,我接触过的比较好的合作方式,我就直白口水话方便易懂,仅供参考:

如果你是前端,你可以给设计师提以下一些要求:

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

同时,你需要让设计师给你提供:

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

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

不要怕沟通起来,或者随时跟着进度沟通协作麻烦,其实互相交心,多沟通,大家都能开心的做好前端和设计,可以大幅度减少返修,减少加班,同时还有空一起去喝杯咖啡缓缓神!

你闷着头做前端不去学习或者多了解一下他的设计和他的想法,或者他闷着头做完设计从来不关心代码是啥东西,做完就丟给你,只会两败俱伤,伤感情!


本文出自没位道 - Chuckie Chang个人网站,转载请保留出处,谢谢!
文章采用 CC-BY-4.0 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。


返回列表  分享

分享给朋友!

微信
微博
文章评论