如何利用工具完成从设计到开发的交付

设计交付对于UI设计师来说是一项必要的工作流程，设计交付影响着界面的最终实现和各尺寸适配效果。那么如何做好从设计到开发的交付呢？

工具/原料

电脑

一、移交项目

1、其实在移交具体的设计稿之前，项目的切换和移交更应该处在最前沿。这个时候你就需要使用任务管理工具来帮助你移交项目。任务管理工具可以确保产品团队的工作流程井然有序：• 统一整个团队的工作流程，并使大家能在统一平台上进行沟通•只需几步点击，便可维护和监控团队的多项任务与进程•运用自动化系统，对所有团队成员进行有效的时间跟踪•为文档的存储、共享和检索创建一个中心节点•避免通过手动去更新与协调项目进度，以节约时间•在世界任何角落都能安排与参加虚拟会议

2、Droptask通过拥有哈佛大学、可口可乐和迪士尼等世界知名品牌的背书，Droptask给用户带来了一个灵活易用的任务管理框架。它在设计上引入了人们熟悉的文氏图形（Venn diagram），并允许在颜色上进行定制。较之其他任务管理软件，它有着最短的学习曲线。特点：•具有趣味性引导视图和各个任务的工作流视图•可为每个任务添加备注、受让人、标签、清单、提醒和附件•使用滑动条（slide bar）来选择和管理任务的紧迫性、优先级、进度、以及工作量•可在任何需要的时候访问并查看任务的历史记录•可创建单独的类别或项目，再使用拖曳操作将任务重新定位到他处•监控和管理每个成员的任务通知

4、Trello无需多介绍，Trello是最好的任务管理工具之一，它定义了各种懋鲕壶迎基础性的任务管理。Trello的特点在于：其交互式的简单看板，能方便您快速地将任务从一栏目拖拽到另一个之上。它的免费计划不限制任何用户数、面板（board）数和清单数量，这些正是小型和初创型企业亟需拥有的功能与服务。特点：•灵活的看板模式，能以卡片、面板和列表的形式存储各项创建的任务•用户可以在卡片中创建各种清单，并能给每项任务的绩效投票•发电子邮件到面板（Email-to-board）的功能，允许用户将他们的电子邮件直接转换到面板和卡片上•能够为每个包含有任务的面板分配任务、附加文件、添加说明和进度清单•可在面板和卡片上添加带有表情包的评论，以便与团队中其他成员进行实时沟通

3、Zeplin特点：•支持下载选中切图和全部切图。•在Dashboard中双击任意一个Page就可进入到Canvas；单击选中一个图层，鼠标Hover到另一图层上，即可查看图层间的标注；•右侧面板展示了详细的信息，包括X/Y、宽/高、色值、阴影、字体、文字内容等；•可以通过点击“+”按钮将色值、字体等添加到Styleguide中，非常的方便。插件支持：•Sketch•Adobe XD CC•Figma•Photoshop

3、摹客iDoc刚刚讲解了摹客iDoc的标注切图功能板块，现在来讲讲它的原型板块。特点：•从设计切换到原型：通过顶部Tab可切换至在原型版块，在此可以设置页面跳转交互，快速制作高保真可交互原型。从设计软件一键上传至iDoc，双击图层即可建立交互热区，多种动画效果可供选择，还支持手势交互、延时自动跳转等效果。•方便的交互演示：点击演示图标，便可进入演示状态。点击二维码图标，可显示二维码，使用手机扫码二维码便可以在手机上预览原型。还可发送链接至需要查看原型的人，非常方便。

四、开展移交会议

1、设计人员和开发人员之间的协调和组织是项目成功的关键。其实线上谈再多，不如线下一次深入的沟通。那么开展一次设计和开发的交接会议是一个很好的方法。会议上，大家可以沟通和探讨，讲述清楚疑难问题，为产品开发启动阶段的工作做好准备。推荐工具：PPT