Bridge the Design-Development Gap.设计师和开发人员，冤冤相报何时了

本篇为编译文章，由UIPark特聘编译老师田子玄老师翻译整理，田子玄老师是专业的英文翻译，自学自修的心理学爱好者，也是专业过硬的UI设计师哦~

（译者说：各位准设计师小伙伴们在未来的设计之路上，总归是会和开发人员狭路相逢的。都说设计师和程序员，一个来自金星，一个来自火星。网上至今流传着各种设计和开发之间恩怨情仇的段子。到底为什么会这样呢？我们又要如何搞定这些与我们完全不同的“物种”呢？）

开发人员和设计师在产品的创造过程中扮演着完全不同的角色。设计师通常专注于图形和界面功能，比如菜单的布局和配色方案等。开发人员则更关注使产品运行的幕后工作，其中很多内容都涉及代码。因此，设计师和开发人员之间的脱节其实很常见，有时甚至只有当设计文件被发送到开发团队时，双方才会开始进行信息交流。

这种分离也可能是因为双方的工作部门分别在一栋大楼的两端，甚至在不同的城市进行远程对接。无论是什么导致了设计师和开发人员之间的分离，在他们之间建立连接都可以帮助产品的设计和开发过程更加有凝聚力。

一切源于失败的沟通

沟通失败会导致很多的误会，甚至是对同样一个总目标的不同解读。造成这种情况的部分原因是因为设计师和开发人员在解决问题时的方法通常完全不同。比如说，构建新APP的人会基于他们所期待的成品和用户体验去设定视觉要求。设计部门可能会想办法将这一设想变成美好的现实。

可是，当开发团队拿到原型的文件后会发现，那些酷炫的设计可能需要远远超预期的编程工作，这也许会导致产品很难，或者甚至不可能在预期的上线日期完成。沟通问题会导致很多的麻烦，包括：

• 设计师和开发人员之间不必要的多次反馈循环。

• 意外的，或比预期更耗时的测试问题。

• 无法善用技能重叠。

• 未能合理利用有利于沟通协作的新工具。

那我们来聊一聊解决方法吧！下文是关于如何缩短设计师与开发人员之间距离并解决沟通问题的一些具体做法。

尽早让开发人员参与项目

一般来说，设计师会在自行做好最初的产品设计后再递交给开发。其中一个促进设计师与开发人员沟通的方法就是在设计师的工作开始时就让开发人员参与进来。此时的开发人员并不一定是想象中的一点忙都帮不上，四处闲逛引人分心。

相反，可以用这些方法让开发人员参与到项目的早期步骤中：

• 让开发人员参与同客户的电话会议。

• 就如何将设计元素转化为网页或APP向开发人员征询意见。

• 在早期设计想法成型时就与开发人员沟通，提前甄别潜在的（或可能的）代码问题，有助于更轻松地调整设计。

协调设计师与开发人员的对接

当设计师将自己的原始PS稿或手绘稿交接给开发人员时，确保整个过程尽可能的条理有序、考虑全面。这样可以在后续将设计转化为代码时尽可能减少潜在的问题。下面这些方法可以尽可能让交接有计划并富有成效：

• 认真整理设计文件：清晰地根据界面分区给每个图层和组都进行命名，这样开发人员就不需要在开始敲代码前额外花时间做这种事情了。标注交互元素的色值也很有帮助。

• 跟开发人员过一遍设计稿：交接之后，联系开发人员一起过一下设计稿，这样可以解释清楚小的细节，开发人员也有机会在开始编程之前就把问题问清楚。

• 鼓励响应式思维：设计应该尽可能地响应各种屏幕来查看成品或网站。对于许多设计师而言，这就意味着需要采用在手机和PC上都能使用的响应式设计。

尽可能充分准备与开发人员的对接

与开发人员的对接对于测试人员而言也很重要。如果交接出现问题，就可能会出现意料之外的问题，比如做出的网页与设计稿有出入，需要设计师与开发人员一起进行一些修改调整。甚至像图像没对齐这样的小问题都会在测试阶段拉慢进度。避免或减少开发人员与测试人员对接问题的方法有：

• 整页截屏：有很多插件都可以截取整页截屏。这个额外的步骤可以帮助开发人员在对接前发现潜在的差异和问题。

• 为设计添加注释：Sketch是好用的注释工具之一，可以通过特定的视觉参考和相应的注释帮助开发人员鉴别出差异。

简化沟通

设计师和开发人员惯于使用的通信方式可能不一样。你们的团队可能有一群喜欢用微信发送项目进度的年轻设计师，也可能有一些爱在每天工作结束后用邮件更近进度的开发人员。

多种通信方式同时进行的问题是，可能会遗漏一些信息，甚至可能会无意中落下一些关键的参与者。可以通过以下方式来帮助设计师和开发人员简化沟通：

• 使用专门的沟通渠道（比如Slack就很好用）来分享文件、截屏等等。

• 制定沟通准则（例如，要求每个人在每个工作日开始或结束时必须发送更新的进度邮件）。

• 使用Google Drive或类似的工具共享信息。

• 在整个项目期间定期与所有团队成员举行小组会议。

促进知识重叠

在某些情况下，设计人员和开发人员之间的脱节是由于彼此都缺乏对项目每个过程所涉及内容的理解。设计师们很容易就想到设计方案可能需要很多复杂的代码。相反，开发人员可能不理解为什么技术上可行的设计，就不能转化为对用户而言的好设计。

通过鼓励分享基本的概念和技能，可以增加双方的知识和理解。比如说，给设计师提供一些编程基础知识的资源，以便他们能更好地了解自己的设想是否容易转换成可行的代码。

与开发人员分享设计的基本知识以及图形设计元素的使用，也能够帮助他们加强设计知识和概念。双方对彼此更好的了解也可以减少误解，让团队成员之间可以有更多更好的沟通。

让团队打成一片

把参与项目的人都聚集在一起工作，而不是让大家分门别类，各干各的。如果可能的话，让团队成员全部都在同一个空间里一起工作。也许甚至可以鼓励他们一起吃午餐，这样在工作的时候彼此相处也会变得更加愉快舒适。

如果你们团队的设计师和开发人员的工作空间并无法安排在一起，那么请使用专用的通信渠道来安排虚拟团队会议，这样就可以让大家在工作进行过程中顺利地讨论问题并分享想法了。

分享行业趋势

设计师和开发人员都有一种天性，那就是关注他们所从事行业的趋势。鼓励设计师和开发人员跟参与项目的每个人分享他们发现的任何有趣文章。这个过程可能会发现有一些有价值的设计开发新趋势，如果将这些信息集成到产品或产品的网站中，可能会带来更好的用户体验。

如果没有正确的开发，设计就会变得毫无用处。如果没有适当的设计，就无法进行稳定的开发。设计师天生就是面向用户的，因此，他们倾向于考虑产品的设计如何影响其用户。开发人员则更注重解决实际问题。构建目标用户想要使用的成功产品的关键，就是去了解在创建产品过程中发挥作用的每个人的思维局限性和思维模式。

你可能无法改变设计师和开发人员处理问题的方式。但是，你可以步步为营，帮助他们保持稳定的交流和信息同步，增进设计和开发的共同知识，鼓励交流新的想法和见解，甚至让团队成员聚集在同一个物理空间中。最终，你的努力很可能就会蜕变成更加紧密默契地设计开发而成的产品或网站。

（译者说：下面这则小漫画可以更好地帮助大家理解如何与开发人员协同工作，友好相处。）

译者说：希望大家未来都能与自己身边的程序员们好好相处啦~！！这篇文章能够帮助到你吗？有什么建议或者感想吗？不想调戏一波翻译小姐姐吗~？欢迎大家点赞评论哦！你的支持是我们最大的动力么么扎~！！

（小漫画出自：http://www.ui.cn/detail/157978.html）

（本文来源于：https://uxplanet.org/8-tips-on-bridging-the-gap-between-design-development-88c4cf24a0a6）

关于我们

UIPark

西安优艾帕克网络信息科技有限公司（UI Park）是国内专注于UI产业发展的综合机构，我公司以培养专业的UI设计师为目标，逐步深化学员应用能力，突出方法和实践并重的培养模式。同时定期邀请业界知名设计管理者、资深设计师进行系统性的专业分享。我们把多年积累和沉淀的经验浓缩成精华，结合实时变化的一线企业动态，以及国际流行趋势，配合商业项目进行系统化的分享。使学员熟悉并胜任视觉设计、图形界面设计、交互设计、用户心理学、体验设计、产品创新设计、LeanUX等专业工作，从而培养足以适应一线企业发展节奏的优秀UI设计师。