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

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

2016/08/09 5006

communication-between-designer-engineer-1

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

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

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

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

1.1 每个设计都要有据可依

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

1.2 标注大过天

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

bz20160809

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

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

zq20160809

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

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

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

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

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

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

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

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

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

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

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

20150302162233

Last but not Least:Trouble is a friend

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

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

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

QQ20150302162301

3.2 幸福只是晚来了一点儿

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

以上。

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

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

ddcqr1

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

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

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

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

yestone-uisdc-2

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

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

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/communication-between-designer-engineer

sketch UI 界面设计 转场动效 平面设计 交互设计师 设计师 扁平化设计 设计师专访 排版布局 职场 视觉设计 用户体验设计 设计流程 素材下载 配色 web前端开发 海报设计 AI教程 设计理论 设计规范 产品设计 字体下载 神器下载 设计趋势 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里