创造一个好产品是一个不断打磨和实现想法的过程，完成一个有序且经过深思熟虑的设计开发过程也并不简单。
作为设计师，我们是作品的守护者，我们不能在整个过程中只是被动地画图，然后将成品丢给甲方/程序员，后续的“设计交付 + 走查”也是极为重要。设计稿和成品巨大的反差会加重需求方的不满意，这样做的后果不堪设想！
大厂中设计师是如何交付的呢？高级设计师是如何输出的呢？
以下是小编列出的一些值得关注的交付细节，供各位设计师参考。
很多设计师在交付时没有“解说”的概念，认为这属于交互和产品写文档时负责的部分，其实不然，如果没有配齐产品和交互人员，或者缺乏相应的产品/交互说明产出，设计师需要适度补足这些缺失的部分。用最简洁的语句和配图快速传达任务的背景和目标，以便开发人员/需求方快速进入状态，准确理解需求，降低在开发过程中掉链子的几率。
具体说来，就是在高保真设计稿中加入少量的说明解释类页面，
很多Ps时代的设计师都经历过手动标注的过程，之后又逐渐转为了使用插件（如Sketch Measure）导出的HTML交付包的方式。但，类似Sketch Measure这样的插件大多是个人作品，兼容性和可靠度完全没有保障；此外，导出压缩包的方式面对改稿时的痛苦指数是非常高的。
使用插件方式上都大同小异，下载针对自己设计软件的对应插件，然后选择所需的内容上传。成功后直接将链接发给开发工程师即可，但切记还要确认：
-
设计稿上传时选择了正确的设计倍率（尤其是对于移动端设计）；
-
所有的素材都做好切图，并能够正确地在云平台显示和下载。切记注意图片质量、文件大小和分辨率；
-
界面细节是否有重点信息遗漏，可以借助平台自带的一些标尺、卡片、图钉等工具补充说明；
-
如有复杂交互或动效，考虑补充GIF / 视频供开发人员理解和参考。
图标具有一定特殊性，交付方式往往不局限于传统图片格式交付，还有SVG雪碧图、字体图标库等等特殊方式可以使用。
-
传统图片格式（PNG、Webp等）交付时，要注意内容四周透明区域大小的正确，同时还要准备hover / disable 等不同状态下的版本；
-
SVG雪碧图的方式一般需要特定的插件导出资源包。这种方式导出后可以上传到云平台的网盘中，并和开发沟通好。
-
字体图标库（iconfont）的方式需要先转换好svg，并保存在字体图标网站上，最后通过网站打包。最后同样需要上传好 + 沟通好。
部分云交付平台拥有全面的设计规范管理功能，开发交付时，除了能提供必备的图层信息和CSS样式代码外，还能提供变量名称（Variables）、组件代码（Snippet），样式表（Stylesheet）等更多专业的开发信息。
-
一般场景：视频（Mp4）或动图（Gif、Apng、Webp）格式是最推荐的，效果可控度高。不同方式主要是帧率、质量、兼容性方面有区别，具体差异不赘述，可自行检索。
-
Lottie / JSON 方式必须要借助AE插件导出，同时对动画内容有一定要求，比如不支持表达式和Alpha通道等，使用前需要做好规划。
-
SVGA的方案对内容本身限制较少，但是需要在代码中载入一个微型的播放器，建议提前和开发人员商量。
-
动效说明书的方式只适合复杂度不太高、且必须100%由前端实现的场景。
总的来说，选择一款足够好的云交付平台是事半功倍的关键。近年来一些自带交付功能的在线设计工具崛起，但从访问速度、易用性和功能丰富性的角度来说，依然和专业的云交付平台有着不小的差距，所以小编依然建议使用独立的交付平台来保证交付品质。
https://mp.weixin.qq.com/s/5VPR2oyqMG5oxiP9B1sdbw
https://mp.weixin.qq.com/s/1XXZIyQyhXQxusSD9zAFNw
