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

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

欢迎关注点融设计中心DDC微信公众号(微信ID:DR_DDC)

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

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

1.1 每个设计都要有据可依

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

1.2 标注大过天

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Last but not Least:Trouble is a friend

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

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

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

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

3.2 幸福只是晚来了一点儿

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

以上。

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

欢迎关注点融设计中心DDC微信公众号(微信ID:DR_DDC):

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

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

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

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

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

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

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

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

收藏 10
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。