原文链接
本文将从动态的交付文件、成像原理,以及如何高效的与开发团队沟通等角度来分析动态设计交付,旨在帮助与我们遇到类似问题的团队提供合适的解决方案。

01.前言

开始阅读之前,我想让大家先思考两个问题:你平时接触的动态设计需求多吗?碰到动态设计,你都是怎么跟开发团队进行沟通的?带着这两个问题,我们开始今天的主题讨论。
首先在目前的体验设计中动态交付的方式主要包含文件式交付、参数式交付两种。
文件交付主要是指通过提供动态格式文件的方式来达到预期效果,对于开发者来说,只需要针对性的兼容动态文件的格式及库就可以获得该格式的显示效果,根据不同需求还可以简单的控制动态的播放、入场、退场等基础操作;
参数交付主要是对动态运动的文字表述,开发可以根据图文化的表述对动态进行代码还原。

02.动态设计的交付方式

就起点设计团队来说,在长期的项目迭代中,我们几乎测试了所有的主流动态图片格式。因此针对不同的格式有一些测评和看法,可以跟大家交流,这些格式有 GIF、WebP、APNG、Lottie、VAP、PAG,我们将结合实际情况,对这些格式做些简单的科普和性能比对。

GIF

GIF 对于互联网来说是一个传播率极高的古董级动态格式,它诞生于 1987 年,即使是最后一个版本也是在 1989 年了,在各大网站上浏览的动态广告、以及与生活息息相关的动态表情包几乎都是 GIF 格式。GIF 在我们使用的所有格式中是压缩效果是最差的,还因为是采用了 8 位色压缩,只能处理 256 种颜色,所以也是所有格式中显示效果最差的。
即便如此,GIF 还是存在一些优点的,它较为广阔的传播性让其在各种环境下都有比较不错的兼容性,它的使用性能也是相对稳定的,同时兼容 Android、iOS、Web,并且可实现循环以及首尾帧控制。