之前我给大家分享过 SVGA 动画落地方案的一些知识,今天给大家推荐一款未来很有可能会成为主流的动画解决方案 ——PAG。

它算是市面上比较普遍的一种动效落地方式,它可以制作很多种类的矢量动画以及图片动画,它对缓动曲线会占用很多内存,在各平台效果支持上也不是特别的稳定,而且 Lottie 所支持的AE属性对设计师来说有一定的限制。
与 Lottie 相比性能和稳定性会更好一些,因为SVGA 是通过记录我们每个图层每个时间上的动画状态因此 SVGA 也可以输出序列帧动画,但是它的内存消耗会比Lottie 高,并且 SVGA 支持的AE特性也比 Lottie 少一些。
这两种动效落地方案目前在原生端可以通过一些代码框架支持,在 Web 端 Apng 和 Webp 格式存在一定的兼容性问题,目前在主流浏览器上是可以支持的。

PAG(Portable Animated Graphics)是腾讯自主研发的一套完整的动画工作流解决方案,助力于将 AE 动画方便快捷的应用于各平台终端。
设计师在 AE 上设计出动画后,可以通过导出插件导出 Pag 文件,同时可以在桌面端预览工具中实时预览效果,还可以通过桌面端进行性能检测。 PAG 可以支持 Android、iOS、web、mac OS、Windows 和 Linux,涵盖了业界常用的终端平台,支持AE动画实时渲染、运行时编辑。
Lottie 和 SVGA 的设计目标是解决 UI 动画场景,PAG 的诞生的原因是因为 Lottie 无法满足视频编辑场景里的动画需求,后续又兼顾了 UI 动画在内的各种场景。

通常设计师输出动效给开发都是直接AE导出就给开发了,很少去关注动效的性能问题,并且每次想要尝试不同素材动画效果时,需要在 AE 中调试输出后在去看效果,导致设计成本浪费。
采用 PAG 进行动效设计的话,我们在AE中调试好输出动效后,可以直接在 PAG 桌面端进行查看,在桌面端我们可以快速替换动效中的图片素材或文案来查看效果,同时可以通过性能面板查看当前动效的性能,方便设计师进行针对性优化。