AE动效如何落地？原来大厂设计师都在用这个！

　　导语

　　动效设计是UI设计中不可或缺的一环。随着硬件性能的发展和动效输出方式的优化，大家对动效的认知也从最初的认为动效只是为了美观酷炫，到逐渐认识到动效对于提升用户体验和产品需求的重要作用。

　　但设计师在做动效设计的时候灵感喷涌，兢兢业业做出炫酷的效果，结果一和开发工程师对接就懵了——要么无法实现，要么极其复杂。特别是AE里有很多复杂动效，使用纯代码还原起来非常困难，导致最后设计师只能不断简化效果以达到跟开发成本的平衡。

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

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

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

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

　　• 视觉动效弱：AE里有很多复杂动效，使用纯代码还原成本高、维护难度大，设计师只能简化特效来推进实现开发。

　　就这些问题，腾讯PCG发布器中台主导研发了一款动画开发“神器”—PAG。为设计师提供 AE 导出插件和桌面预览工具，支持 AE 一切特效。

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

　　PAG提供从AE导出插件，到桌面预览工具，再到iOS和Android端的渲染SDK。AE设计师运用PAG实现批量化制作动画素材，再通过导出PAG插件，到桌面预览工具进行微量调整，从而提高了动画的制作效率以及精度。

　　二、PAG亮点介绍

　　PAG 方案有完善的工具链支持，AE插件支持混合导出能力，无论是表达式、粒子动画还是 3D插件，只要 AE做的出，PAG 都可以导出。另外导出相同的动画内容，PAG动画文件的体积会显著小于其他方案，并且在解码速度和渲染性能上都更高。

　　以下为几点核心优势：

　　1、动画文件小：首先任何素材文件都是越小越好。在素材下发的使用场景里，更小的文件能够节省用户的下载流量和时长。而如果内置到App里的，这时候包体大小就直接影响增长拉新的数据了，所以动画压缩率非常关键。PAG在同样动画内容导出方面比其他方案平均可以小50%。

　　并且由于采用了二进制的数据结构，能单文件集成所有相关动画资源，让设计师交付素材时候只需发送一个文件，不在需再要外挂图片音频等资源，这样能够提高工作流文件传递的效率。

服务100万开发者 网易云信5周年再度刷新技术服务

返回列表