小虾米资讯
AD1android:动态设计交付指南
2022-05-24 16:35:05 / 我要吐槽动态交付的方式包含文件式交付、参数式交付。文件交付是指提供动态格式文件来达到效果,开发者只需要针对性的兼容动态文件的格式及库就可以获得该格式的显示效果,根据不同需求还可以简单的控制动态的播放、入场、退场等基础操作;参数交付是对动态运动的文字表述,开发可以根据图文化的表述对动态进行代码还原。
动态设计交付方式1. GIFGIF在使用的所有格式中是压缩效果、显示效果最差的。但GIF传播性强,在各种环境下有兼容性,使用性能也相对稳定,同时兼容 Android、iOS、Web,并且可实现循环以及首尾帧控制。
2. WebPWebP 目前支持有损和无损压缩以及动画和 alpha 透明度的图像格式(基于 VP8 视频格式),WebP比JPEG、PNG 和 GIF 具有更好的压缩率。同时兼容 Android、iOS、Web,并且可实现循环以及首尾帧控制。WebP 也兼具了较高的稳定性,是比较不错的通用动态格式选择。
3. APNGAPNG是基于 PNG 格式扩展的一种动画格式,保留向下兼容 PNG 的特性,当解码器不支持 APNG 时,会默认展示第一帧图像。从压缩率上来说,APNG 优于 WebP;从兼容性上来说 WebP 的兼容性高于 APNG,谷歌从 Chrome 59 开始才支持 APNG,目前安卓兼容无压力,iOS 中部分版本存在兼容问题。
4. LottieLottie能分析 AE 导出的动画 json 文件,客户端通过引入 Lottie 的支持库来解析 json 文件,通过此方法原生 App 就可以像使用静态素材一样来实现出动画效果。要使用 Lottie 需要先通过 bodymovin (AE 插件)将 AE 动画工程文件转换为 json 格式的描述文件。Lottie 支持矢量(MG)动画,具有比较高的兼容性,兼容 Android、iOS、Web,是目前互联网产品中比较通用的解决方案;还可以解析文件实现循环、首尾帧固定、图层颜色修改等操作。缺点Lottie仅能解决一些简单到中等的动画问题,而不能用于直播间特效、打赏类动画等。
5. VAPVAP是将 MP4 (H264) 文件的透明通道与原动画一起导出,通过解析合成形成透明动画。这种方案占用内存小,文件体积小,支持效果全,是比较理想的特性动画解决方案。
动态文件成像原理透明通道序列帧简单来说就是 PNG 序列,但是也有比较高级的表现方法,就是通过帧间压缩来进行图片压缩,可以做到比普通的 PNG 整列更小的体积。视频+透明通道将 mp4 视频与相应的 alpha 通道视频叠加后,将原视频表现带有透明效果。矢量动画形成动画的物体、动作及时间通过代码完成,因为是纯代码动画,因此可以做到体量极小。图片渲染动画指通过 json 格式的描述文件,将指定图片赋予运动、时长、动作,最终通过解析渲染出描述中的动画效果的形式。视频帧混合矢量指将「视频+透明通道」与「矢量动画」混合导出的动画表现形式,既保证了视频的全特效效果,又保留了矢量动画的最佳显示效果,并且没有增加动画文件体积。
参数交付参数交付的核心在于沟通,如何有效与开发人员进行沟通就显得至关重要。正确的阐述动态设计关键信息才是有效交流,才能让开发更精准的还原你所要的效果。这里建立图形分段式动态标注法,让动态一目了然。动态标注的本质就是将时间(时间节点)、地点(位置)、人物(物品)、通过「动作」进行呈现就是标注的基本结构了,或通过此方法来衍生出一些特需标注法。例如在一个复杂的动态设计需求中,涉及到的动画较多,有位移软转场动画、手势操作响应、操作反馈动画、随机动画等。为了让开发实现的效果达到设计预期,使用了图形化标注法,将时间轴、动作、曲线、运动轨迹等进行呈现。
遇到动态设计需求时,在符合条件(例如实时反馈、聚焦动画、转场动画等)的情况下参数交付是最优的;而有些场景(例如重视觉效果呈现、复杂交互动画、动态展示等)优先使用文件交付。建议的解决方案排序是 PAG>VAP>Lottie>WebP/APNG…,例如在 iOS 平台,所有的 PAG 文件播放都有比较不错的体验,因此我们更建议使用 PAG 交付,而在 Android 端 WebP 的稳定性更好,因此在 Android 更建议使用 WebP,当然在 Web 端依然可以使用 Lottie、WebP 作为平替。无论多简单的动态在需要开发实现时候,都建议进行标注落地,有效的标注可以减少不必要的沟通以及非必要的后期走查反复。
动态设计使用的软件推荐AE。
- 上一篇: 聊聊Citra和海豚的那些大神的修改版
- 下一篇:为什么苹果如此牛逼???
Powered By © 小虾米资讯 2015
(本站部分文章来源于网络或网友爆料,不代表本站观点,如有侵权请联系及时删除 )