android微信动画制作,动画制作轻量级SDK：PAG六大优势助力开发

原标题：动画制作轻量级SDK：PAG六大优势助力开发

动画特效可以辅助视觉制作焦点，引导注意力的方向，越来越为广大视觉设计师青睐，并广泛应用于各类场景开发。

关于动画设计工具，既有 Framer.js、Origami， 也有交互原型类 Principle、Flinto，还有 Figma 自带动画演示功能的工具，但是对于一些视觉特效、非逻辑表达类动画，设计师通常会借助 AE 完成。

遗憾的是，AE动画效果的开发至今也没有一种完备且成熟的跨平台解决方案，导致动画需求交付上线的效率和质量都不尽人意。对于市面上不同的动画开发工具，本文将对比分析不同方案的差异和优劣，辨析其还原程度和性能表现，希望给研发同学们一些参考和借鉴。

一、传统AE设计难点及解决方案

传统的AE设计，总结下来有以下三个核心痛点：

· 研发成本高：每个动效都需要研发通过代码来还原，单独排期的特效以及手工配置还原的过程，包括后续复用及改动都需要大量的研发人力持续投入。

· 生产周期长：设计师和研发人员需要反复确认效果还原度。这样很难跟上运营节奏，容易错过时事热点。

· 视觉动效弱：AE里有很多复杂动效，使用纯代码还原起来非常困难，设计师只能不断简化效果以达到跟开发成本的平衡。

PAG(Portable Animated Graphics) 是解决这几个痛点的解决方案之一 。它是一套完整的动画工作流，诞生之初就是为了降低或消除动画相关的研发成本，打通设计师创作到素材交付上线的极速流程，不断输出运行时可编辑的高质量动画内容。

PAG提供从AE导出插件，到桌面预览工具，再到iOS和Android端的渲染SDK。在AE设计师设计完成后可以直接输出动画文件，SDK研发不需要再参与代码还原，只需要接入一次SDK即可做到素材自助上线。也避免了反复进行效果确认的联调时间成本。

在PAG诞生之前，大家是用lottie来处理这些问题的，不可否认lottie是个很好的方案， 但仍有些问题没有得到很好的解决。

二、Lottie vs PAG

Lottie 最早是为了解决矢量图形类动画的问题。从官方社区来看，我们能容易发现 Lottie 的矢量基因，社区作品大多是图形类动画。

Lottie 库和插件是 Airbnb 于2017年前后发布的一款跨平台的动画解决方案，设计师通过 bodymovin 从 AE 中将动画导出 json 文件，开发只需将其导入资源文件夹直接引用即可。

L