畅快出效率！帮设计师与工程师更好沟通的3个方法

如何和工程师更好地合作，这是每一个设计师职业生涯中需要不断去思考的一个课题。以下是我自己和大家总结的一些经验教训，分为3个步骤，从设计师专业素养的提升到合作的沟通技巧都有，全是实战总结出来的，建议阅读。

欢迎关注点融设计中心DDC微信公众号（微信ID：DR_DDC）

作为一枚摸爬滚打多年的设计师，每天接触最多的除了Sketch就是各色各样的攻城狮了。他们中有些可爱，有些呆萌，有些幽默，还有些胡搅蛮缠，虽然网络上经常会有设计师与攻城狮的两大阵营的争论，但不得不承认的是，对于一个好的产品来说，这两者可以说是成败至关重要的两个环节，缺哪个都是不行的。

First Step：自身的专业素养决定了合作的基础

1.1 每个设计都要有据可依

设计师经常会遇到这样一种情况，攻城狮在实现你的设计稿效果时，向你提出这样的问题：这个输入框放这里不太好，这个颜色看起来不好看，这边的逻辑好像不对。这时候我相信作为设计师都会有种哭笑不得的感觉，觉得他们是在质疑自己的专业水平。然而，如果设计师在做设计的时候，只是凭感觉，或者自认为用户会如何操作，这样的设计经常会经不起推敲和质疑。所以为了避免这种情况的发生，在做设计的时候一定要有据可依，在面对疑问的时候能够去说服对方。

1.2 标注大过天

标注可以说是设计稿的说明书。每个设计师都会有自己习惯标注的方式，不必赘述。但是在攻城狮与设计师的沟通之中，标注又是至关重要的一个环节。如果一份标注很凌乱，没有统一的单位，又没有标出重点信息，那攻城狮在开发的时候就会丈二和尚摸不着头脑，无从下手，最后实现的效果肯定也是相距甚远。

在标注上，我的经验心得就是，统一单位，统一格式，重点标亮。统一单位指的是文档的开始需要说明标注所使用的单位以及分辨率。统一格式，拿我的标注习惯打比方，就是每个界面3张图，纵向横向和文字，每个方向上一张图，避免了纵横交错的凌乱感。重点标亮指的是一些热区、点击状态和图片大小、元素居中方式和其他特殊情况的标注需要用高亮颜色标出。

具体教程可参考：《UI设计师如何做一份让工程师泪流满面的标注？》

1.3 设计规范和模块化开发来帮忙

对于一个成熟的项目来说，一份设计规范会对设计和开发都有相当的帮助。设计规范主要包含了颜色、字号、常用控件、常用模块的定义，对于设计师来说研习规范能够帮助更好的设计出风格统一的界面，而开发团队若能够合作将其中的一些模块化，对于产品的开发效率无疑是一种极大的提高。

再次强烈推荐网易内部的设计规范：《超实用6步透视网易设计规范（附完整PDF下载）》

Second Step：攻城狮是设计师的好朋友

2.1 换位思考，让梦想照进现实

无论是在生活还是工作中，换位思考都是团队协作的良药利器。作为设计师，总会有一种理想设计的情怀，比如酷炫的动效，完美的过场流程等等，然而现实往往会四处碰壁，开发小哥会甩出绝招：这个我们实现不了。所以对于设计师来说，可以去主动的了解一些代码实现的原理，在设计的时候就考虑到开发实现的可能性，相信开发小哥们会更愿意去努力实现你的设计。

准确描述你的动效也是一门功夫活：《超实用！如何准确的向工程师传达动效设计？》

如果学会配合制作就更厉害了：《现身说法！设计师怎么和工程师配合制作UI动效？》

2.2 沟通，沟通，沟通，重要的事情说三遍

交付标注稿绝不是设计工作的结束符。设计师要及时主动的跟进进度，和工程师沟通在设计稿中可能会比较难以理解的部分，这样可以很大程度上去避免实现效果与预期不符，工程师因此返工抱怨的情况出现。当然，在开发完成后的测试也是非常关键的一环，因为工程师往往更专注代码结构和性能方面的优化，并不都像设计师那样具有“像素之眼”，如果发现实现效果与设计稿有出入，也要和开发小哥及时提出和修改。虽然这个环节往往会让人忽视，但确实是产品上线之前，作为设计师来说最后一次可以修正结果的时候，当然在开发小哥如你所愿的实现最终效果的时候，也别吝啬你的鼓励哦。

同样的，你也可以给工程师小哥看这篇：《过来人的经验！前端工程师如何与设计师合作？》

Last but not Least：Trouble is a friend

3.1 设计师与攻城狮的恩怨情仇录

在与工程师的合作中遇到问题是再平常不过的事情，上周我们的茶话会提到这个话题，大家都是滔滔不绝自己与开发小哥们不得不说的故事。几位资深设计师的经验总结起来，基本上就是这几个方面：就事论事的态度，以毒攻毒的方法，再加上晓之以理动之以情的情感攻势等。就事论事的态度就是把讨论的重心放在当前出现的问题上，不要扯太远，也不要扯陈芝麻旧谷子，大家都齐心协力想办法来解决问题。以毒攻毒的方法就是，可以让对方说一下自己的想法，然后从中发现一些不合理的情况，再适时推出自己的方法，让对方信服。晓之以理动之以情就是字面上的意思，大家都是打工仔，为了产品考虑，或者各退一步海阔天空等等。用以上的方法，基本能解决90%的问题。

关于沟通技巧，这儿还有24个：《看完转系列！24个帮设计师与工程师更好沟通的实用技巧》

3.2 幸福只是晚来了一点儿

所以还有10%的问题可以用备选方案，或者分批实现效果的迂回战术。这一点需要设计师用自己的经验去判断实现的工作量以及可行性。总而言之，言而总之，要做一个百辩不倒，忽悠不了，人见人爱，花见花开的设计师！

以上。

希望诸位设计师们都能和工程师们互相理解，打成一片，合作愉快！

欢迎关注点融设计中心DDC微信公众号（微信ID：DR_DDC）：

【从新人到大牛的交互设计完全修炼手册】

菜鸟入门必读好文！
《网易美女设计主管！交互设计菜鸟如何入门？》

阿里资深设计师手把手带你认识交互设计！
《交互设计那些事儿（一）》
《交互设计那些事儿（二）》

多位资深前辈经验合集！交互设计师自学指南！
《交互设计师修炼指南！教你从零开始成为优秀交互设计师》

【优设网 原创文章 投稿邮箱：2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量160万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com