【技巧分享】设计师如何向开发人员顺利交付作品？

对于大多数设计师来说，在工作中如何与开发人员进行团队合作一直是最困难的任务之一。接下来，将和大家分享一些实战技巧，助你顺利交付作品。

UI / UX设计人员对产品来说，更多关注的是界面布局方式以及成品的整体感觉。他们负责设计终端用户与之交互的每个屏幕或页面，同时牢记产品的可用性和良好的用户体验。

简而言之，设计师的工作是设计产品的用户界面，并将其交付给开发团队以完成项目，做出最终的产品。但是，设计师是否能够成功地将设计作品传达（交付）给开发团队？ - 这才是我们真正需要关注的点。

设计交付从未如此简单，因为它需要设计师 - 开发团队从项目开始就要不断地进行沟通，因为只有这样，项目参与人员才能完全了解用户期望。但是，有时由于沟通不畅，它会引起许多困惑和风险，从而导致项目不完整或不真实。因此，让设计作品顺利交付的第一件事是设计人员和开发团队之间的沟通。

1.第一件事是提前沟通

从构思出发，让所有利益相关者参与讨论并帮助大家确定产品商业目标是至关重要的。确保你的开发团队人员参与到大部分的讨论中，因为他们是负责通过编写编码将你的想法赋予生命的人。

在创建线框图时，设计人员必须向开发人员咨询产品具体细节，如：在不同浏览器，设备和屏幕尺寸下的显示方式。这使得设计人员和开发团队都能更好的理解他们正在开发的产品（每个人都会关心自己的宝宝）。

2.在设计时分享终端用户目标

这对于开发人员来说非常方便，因为他们可以将自己置身于用户的使用场景中，以便更大限度的去满足用户的目标。你可以做一个表，列出用户目标并与开发人员共享，可以为开发人员在设计每个元素并实现每个屏幕目标规则时提供指南。

3.给开发人员分享原型

共享原型成为理解应用程序流程的真理之一。在任何时候，开发人员都可以使用交互式原型并分析与每个屏幕相关的流程，转换和手势。 这肯定有助于开发人员更清楚地了解要开发什么以及在编写代码时要注意什么，并最终客观地了解用户会如何浏览每个页面。

下面是使用CanvasFlip做的一个交互原型实例。

借助强大的工具，你还可以使用原型创建演示视频，这将是全面展示应用程序的方式。

国产原型工具推荐使用Mockplus，软件上手快，操作便捷。

4.共享设计切图和标注

SPECs（CanvasFlip）可以自动将你的设计稿生成标注，设计规范和其他属性。

作为设计师，掌握HTML和CSS的基本知识总是好的，这样你就可以以一种让开发人员更容易编码的方式来构建你的设计。

当然，如果你没有这方面的专业知识，也不要担心。

使用像SPECs这样的工具，可以让你的设计稿自动标注，生成UI设计规范以及其它的一些属性并将其快速与团队成员进行共享。你可以使用SPECs为开发人员提供设计稿相关的关键属性，如元素高度，宽度，不透明度，大小，对齐方式，字母间距，两个图标/元素之间的相对高度，颜色，排版和下载资源的选项。该工具还为设计人员和开发人员提供了一种媒介，可以随时对有疑问的区域进行沟通和讨论。

国产工具推荐：摹客iDoc，一款更快更简单的产品协作设计工具。软件的主要作用解决团队成员之间沟通难的问题。因此软件适合于、程序员、UI设计人员、产品经理、项目经理等团队成员在软件开发阶段协作设计使用。软件支持智能标注、一键切图、多样批注、交互原型、全貌画板、团队管理等，让从产品到开发，只要一个文档。

5.确认问题

由于没有人比设计师能更了解用户的需求和目标，因此，如果设计师开始积极参与确认产品相关的问题和错误，那么这对产品的研发将变得非常有用。

此外，这也为设计师提供了另一个分析其产品用户体验的机会，在此过程中，他们可能也会遇到为提高产品可用性而必须对某些界面进行迭代的情形。

小结：

设计师和开发人员都是产品的创造者，但也存在很多不同的方面。设计人员希望设计出易于使用的产品，但有时他们提出的设计解决方案可能需要大量的开发工作。而且，设计师和开发人员的思考和行为完全不同，这不再是一个争论点。

因此，从产品构思阶段到最终交付阶段，设计师和开发人员之间的顺畅沟通变得至关重要。此处的沟通还指共享与产品相关的所有内容，即用户的目标，期望，应用程序流程，设计规范和发现问题。

牢记以上讨论的要点将有助于你顺利完成设计及交付并最终实现最佳结果。

原文作者：CanvasFlip

原文链接：https://medium.com/@CanvasFlip/tips-for-smooth-design-handoff-to-developer-a810dec734f1

学习工具，但不受限于某种工具。摹客iDoc，高效协作，从产品到开发，只要一个文档，让你的团队高效协作！