Web开发编程网
分享Web开发相关技术

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

前言

作者以前做过设计师,现在是前端工程师。今天想闲聊一下作为前端工程师如何与设计师合作(今天下午实在不想干活儿),主要分为两个方面:
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、努力修炼技术

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

总结

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

作者:寒东设计师
链接:https://juejin.im/post/5aa7461ff265da238c3a55f3
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

未经允许不得转载:WEB开发编程网 » 前端工程师如何与设计师合作能提高效率

WEB开发编程网

谢谢支持,我们一直在努力

安全提示:您正在对WEB开发编程网进行赞赏操作,一但支付,不可返还。