【文件属性】：
文件名称：GIF动画-dndc模型95使用手册英文版
文件大小：12.06MB
文件格式：PDF
更新时间：2021-07-11 13:48:12
U一点·料
（3）直观感受
其实对于“动效”这种提升用户体验的利器，常常很难完全把动效设
计从页面效果中剥离出来进行分析。另外，数据并不能作为单一的衡量
指标。很多动效设计对一个区块的数据提升并没有显著性的帮助，但是
动效能让用户有更加流畅、丰富、自然的用户体验，使用户在浏览过程中
有更加愉悦的操作，这才是动效设计最为直接的衡量指标。
2.Web动效的实现手段
设计实现手段
在一般的业务开发环境下，所有的动效是否全部由程序实现，这是
需要按照不同的情况进行判断的，一个很小的特殊效果让前端日以继夜
地堆代码是一种性价比极低的方法。很多情况下，对于不需要太多交互
操作的动态效果，实际上是前端提供一个画布区域，设计师通过逐帧动
画的设计其实现效果，会更有效地提升产品开发效率。这里给大家提供
三个性价比相当高的方法。
（1）GIF动画
大家对GIF图片应用并不陌生，今天主要跟大家普及GIF的压缩技
巧。我们在做用户走访的时候发现，很多B类用户办公条件都不具备高速
的带宽，所以我们必须考虑到GIF的体量。拿我们在父亲节做的一个情感
化的小动效来说，在PS无压缩的情况下是67k，我们可以通过对帧速率进
行压缩，每两帧抽减一帧，为保持循环周期不变，新的每帧持续时间需要
设置成原来的两倍，这样压缩之后体量就会减少为原来的1/2，但是效果
比起来，有一点点卡顿的感觉，效果没有原来的流畅了。
这里给大家推荐另外一种方法，扁平化的动效设计可以对颜色和损
耗做适当的压缩，并且删掉循环中重复或者是非常相近的帧，注意删掉
某一帧之后，要把它替代帧的时间补全，保证循环周期不变，这样也可以
有效地压缩GIF体量，但是需要注意一点的是，颜色压缩只适用于无渐变
的动效。GIF的应用范围比较小，由于它比较难以控制播放，所以基本上
都是用在像LOGO区这样不需要太多操作的区域。