前端工程师如何与设计师合作能提高效率

作者：寒东设计师，原文地址

前言

作者以前做过设计师，现在是前端工程师。今天想闲聊一下作为前端工程师如何与设计师合作(今天下午实在不想干活儿)，主要分为两个方面：

1、 带着尊重多多沟通，千万别叫人家“美工”。

2、 一个优秀的前端工程师应该懂些设计(包括UX和UI)。

几条小建议

1、充分理解原型／设计稿

工作之间的良好交流是建立在互相尊重的基础上的，尤其是尊重对方的工作成果。原型是设计师所有工作的最终产物，如果你像尊重自己的代码一样尊重他们，那么我相信你和设计师会成为朋友。

除此之外，理解原型对工程师的职业发展也是有好处的。我们不应该只是为了完成一个需求而编写代码，应该站在更高的层面上去思考为什么要这么做。

2、事先多沟通

这一点尤为重要，工程师大多内向，好多问题设计稿也没有表达清楚，而工程师也就稀里糊涂的做。当设计师看到时工作已经做完了，这时候要么是你删掉代码重来，要么是逼设计师妥协。不管那种结果，都会对你的名声和业绩产生影响。可能还会惊动你的领导，让他觉着你做事不靠谱。

更好的做法是你不断的向设计师展示你的工作进度，这是设计师希望看到的，展示给她进度的同时也是你们彼此沟通的机会，你可以趁机询问一些你不太确定的事情。况且设计师妹子居多，何乐而不为呢……

3、最后实现细节

频繁更改设计稿的设计是令人头疼的，对付这些设计师，我们一方面要通过公司的工作流程规范他们，另一方面就是我们应该优先实现UX。避免出现我们花了一个小时画了一个漂亮的按钮，结果第二天它的样子变了。

有些时候也不是设计师故意要改，可能项目基于用户反馈快速迭代，这种情况下保持一颗平常的心态就好了。想想自己拿着公司的工资，这点儿小事儿就忍了吧……

4、大胆提出意见

有些时候设计师的方案并不一定细化到了方方面面，这时候就是你发挥的时候了，你可以天马行空的实现自己的设想。有的时候设计师提出的方案实现起来会花费大量的时间，这时候工程师可以根据技术提出一些替代方案，跟设计师讲明利弊。比如说：现在需求中有一个特别复杂的交互，团队对工期要求又紧，这时候你就可以主动找设计师沟通，问他能不能把这个体验上的优化放在下个需求里做，这次优先实现功能需求。其实这样做还有个好处，如果这个体验需求不是特别重要，估计下个需求他也就忘记了(haha)……

其实，好多设计师的审美不一定有前端工程师要高，只不过他们熟悉设计方法而已。前端工程师是真正实现产品的人，对每一个细节的体会更深。加上使用过好多优秀的UI框架非常成熟，前端工程师要相信自己。

5、关注设计趋势

前端工程师虽然不是美的创造者，但却是美的实现者。在这个全民关注体验的时代，美已是刚需。所以前端工程师还是需要提升自己的美感的。给大家推荐几个不错的网站：

https://www.behance.net/; 全球领先的创意设计类聚合平台
https://dribbble.com/; 动效设计师必上的一个超级牛逼的设计网站
https://www.pinterest.com/; 一个受世界瞩目的，全球最大的创意灵感图片分享网站
http://huaban.com/boards/28789790/; 国内优秀的图片分享社区
http://www.zcool.com.cn/u/13690550; 国内综合设计网站

6、努力修炼技术

努力提升技术，提升个人影响力是最有效的手段了。如果你已经是前端大牛，以上的建议统统不适合你，你只要对设计师说：“这个现在先不做”，就可以了……

总结

文章最后，引用一位大家的名言：大部分程序员、设计师合作不顺利的前提，是双方都太傲慢了。