设计交付文档应该是一站式文件，它的目标在于表达产品从设计到开发完成的全过程。而一个完整的设计交付文档应该包括以下5个方面：原型，交互设置，副本，规格和资源，检查表。  

  1.原型  

  这个版块不需多说，大家都很熟悉。从业多年，我们都能轻松地创建和分享UI原型。这里跟大家分享两点诀窍，可以帮助设计师们更好地交付设计成果：  

  （1）文件命名保持一致:让文件/屏幕名称不具有任何版本控制形式，简单地描述它的功能。需要注意的是：在给屏幕命名时，无论你是选择使用“驼峰命名法”还是其他任意命名法，一定要使用一致的命名法。  

  （2）有必要的话，把原型相关内容存档。在交付成果的时候，对于要构建的选项，总的来说是零。所以清除所有旧的迭代和设计探索，只保存最终原型相关内容，可以让你在查找或记录文件名时更方便。  

  2.交互  

  （1）创建流程图:将所有原型图放在一起仅仅完成了一半的工作。你需要使用热点(或者制作一个交互式原型)根据流程将界面串联在一起，这个成果被成为流程图。创建流程图可以帮助产品经理理解用户旅程是如何进行的；并帮助开发人员提前规划其使用代码的方法。  

  （2）指出保真度:并不是每个界面都必须用高保真原型来充实。根据不同的情况，有时候它们可以是带有批注的静态界面；也可以是迎合标准交互方式的界面；也有少数情况下需要与定制原型的保真度保持一致。所有的界面都没有统一的保真度，因此与开发人员进行讨论并规定相应页面的保真度。不要花费大量的时间去为一个已经存在的简单交互式原型填充高保真。  

  无论是通过制作交互式原型还是在每个静态屏幕上的添加批注来表达交互，都可以由你自己决定。它们的最终目的都是将交互记录下来或表达出来。人们倾向于把这个部分留到最后阶段，这时你会听到设计师说:“这个部分我会和开发人员讨论一下”；但其实这并没什么效果。  

  3.视觉设计稿交付  

  UI设计师完成设计稿后，少不了和上游的产品经理和下游的开发工程师进行对接。那么，如何才能做到无缝对接呢？在这里，向大家推荐一款快速简单的产品协作设计平台-摹客iDoc。支持Sketch、PS、XD的设计原稿和设计图，智能标注、一键切图、多样批注、交互原型、全貌画板、团队管理，从产品到开发，只要一个文档。  

  （1）智能标注：  

  ①间距标注  

  ②尺寸智能标注  

  ③百分比标注，兼容多屏幕分辨率  

  ④多选标注，告别点击  

  ⑤放大镜，查看微小间距  

  （2）智能切图  

  ①自动切图  

  ②自动生成不同高倍率  

  ③自由切换平台  

  ④一键下载全部切图  

  （3）绘制交互  

  ①设置交互动画  

  ②设置返回链接  

  ③自动跳转  

  ④克隆交互  

  ⑤支持多种触发方式

Powered by Froala Editor