软件和应用|王者QQ微信都在用的动画神器要开源了:把交付时间缩短90%( 二 )


如果系统不支持特效实现方式,即使它非常酷炫狂拽,用户也无法体验 。例如,某个交互特效在Android和iOS上都无法实现,研发就可能把它打回给设计“重做” 。
除了无法实现的特效以外,难以实现的特效也在“重做”范围内 。如果设计给出的特效不在库里、或是排期不允许,最后都得让设计重做 。
即使前两个需求都满足,研发还得考虑实现性能等问题,如果实现完发现对性能要求过高,也会被打回去“重头再来” 。
从设计角度来看,并非研发给出的每个解决方案都可以接受 。
如果一个精心设计的动画,被研发用另一种方式“拼凑”出来,导致效果看起来很“低级”,就脱离了设计的初衷 。
因此设计往往需要和研发反复battle协商,最终确定一个折中的方案,甚至在预览阶段,动画特效也不一定就能拍板,如果临时变更需求,研发就又得再来一遍……
这种情况下,PAG(Portable Animated Graphics)作为一套动画工作流“横空出世” 。
【软件和应用|王者QQ微信都在用的动画神器要开源了:把交付时间缩短90%】它包含三部分:PAG导出插件(PAG Exporter)、桌面预览工具(PAGViewer)、渲染SDK,分别用来解决前面提到的三大研发问题 。
软件和应用|王者QQ微信都在用的动画神器要开源了:把交付时间缩短90%
文章图片


PAG导出插件
首先,设计师在AE中做出一段动画后,无需再导出成视频或gif这样的动画效果文件,而是能通过PAG导出插件,直接将AE动画编码导出成一份.pag格式的动画文件 。
这个插件,相当于从源头上解决了设计与研发之间“来回返工”的问题 。当设计文件中出现系统不支持的AE矢量特性、或使用了特别影响性能的属性时,PAG导出插件就会给出修改提示,帮助设计师导出符合系统要求的动画文件 。
细节上也有一些好用的地方,例如一键设置就能导出BMP预合成、设置占位图填充模式等功能,进一步节省设计的时间;
软件和应用|王者QQ微信都在用的动画神器要开源了:把交付时间缩短90%
文章图片


由于导出的.pag文件采用二进制格式存储动画信息,不仅有效降低了文件大小,还能让设计师们往里面直接放各种素材资源(图片、音频等),交付时只用发送一个文件 。
软件和应用|王者QQ微信都在用的动画神器要开源了:把交付时间缩短90%
文章图片


△文件格式长这样
桌面预览工具PAGViewer
然后,设计师在预览时,就能直接采用PAGViewer在PC端预览.pag动画文件的效果 。这样设计师无需等待动画文件上线、就能一键预览移动端的动画效果 。

推荐阅读