转载

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

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

1.如果想要95%以上还原设计稿，你必须提供给设计师设计时的注意事项，当然如果设计师有前端功底，他的设计会考虑到更多的协作性，通俗点说：比如设计的PSD稿件的图层切图的形状不要太另类，不同的分辨率，元素布局上你能不能敲代码实现，容不容易做出来，不要太自我主义不考虑前端，到时候做出来的东西又返回头改死人，甚至前端出来后一塌糊涂，两败俱伤

2.你看过的或者项目交互上想要的效果，让设计师分析这种效果拆分后该设计些什么东西？设计量有多少？能不能用图形的方式直观的设计出来？等等

3.自己用铅笔在纸上画的草图，设计中的部分重要细节和你自己的想法要亲自提醒设计师

4.项目碰头的时间段，如何碰头，使用远程工具？使用QQ？还是直接离开办公椅面对面？还是茶水间？是1天碰头一次？还是设计完某部分碰头一次？发现问题就可以及时修改，避免事倍功半

5.让设计师准备好详细的设计说明文档，文档可以是直接套用html模板，可以是word，可以是图片或者思维导图，总之要让前端设计师一目了然知道为什么这么设计，这样设计让前端怎么用，怎么配合

6.如果设计师有前端功底，你还需要让他提供一些他设计时考虑到的插件或者代码（比如设计banner时他想要视差，3D，还是滑动等效果，要用到什么插件，用了什么框架等），这样能提高前端的质量和效率

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

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

正文到此结束