上一次分享了ai、sketch导入AE的快捷方法，那做出来的动效该怎么落地呢？间接落地交互动画，例如页面转场、引导页面交互等；直接落地输出可见动画，例如loading动画、金刚区icon动画等。
注：间接落地交互动画是不需要软件和插件配合的，只要给开发提供一份动效输出文档，文档内容需要包括：1、标注动效前后静态设计稿、口头描述或做成MP4 2、给到开发具体动效参数，如点击按钮尺寸100%-50%，x轴位移50px，y轴位移50px，动效持续400ms。
下面来介绍【直接落地输出可见动画】的几种格式：
GIF
视频
APNG/WEBP
LOTTIE/SVGA
总结对比
一、GIF
GIF全称Graphics Interchange Format，图像互换格式，采用8位压缩，最多只能处理256种颜色，不宜应用于真彩色图片。GIF体积大，颗粒感，有锯齿，尤其透明效果动画慎用。
GIF导出
1、视频+PS导出：AE输出视频—PS打开视频—存储为WEB所用格式(旧版)—存储导出GIF。
上一次分享了ai、sketch导入AE的快捷方法，那做出来的动效该怎么落地呢？间接落地交互动画，例如页面转场、引导页面交互等；直接落地输出可见动画，例如loading动画、金刚区icon动画等。
注：间接落地交互动画是不需要软件和插件配合的，只要给开发提供一份动效输出文档，文档内容需要包括：1、标注动效前后静态设计稿、口头描述或做成MP4 2、给到开发具体动效参数，如点击按钮尺寸100%-50%，x轴位移50px，y轴位移50px，动效持续400ms。
下面来介绍【直接落地输出可见动画】的几种格式：
GIF
视频
APNG/WEBP
LOTTIE/SVGA
总结对比
一、GIF
GIF全称Graphics Interchange Format，图像互换格式，采用8位压缩，最多只能处理256种颜色，不宜应用于真彩色图片。GIF体积大，颗粒感，有锯齿，尤其透明效果动画慎用。
GIF导出
1、视频+PS导出：AE输出视频—PS打开视频—存储为WEB所用格式(旧版)—存储导出GIF。