本文探讨了在AE中通过bodymovin插件导出HTML动画，以解决设计与开发沟通成本高、动画还原度低的问题。通过2步简单操作，设计师可以导出json文件，降低开发成本，提高动画还原度。此外，文章还讨论了JSON动画的优点、适用范围以及Lottie库的使用，帮助开发者更好地理解和应用动画效果。
工作中，你可能经常会遇到以下场景：
场景一：
设计：这是动画的demo和参数标注图，你看一下。
开发：好的没问题。
一段时间后……
开发：动画效果实现出来了，你走查一下。
设计：这里速率不对，这里弹出的效果有点生硬，这里……
场景二：
设计：这里的页面转场需要一个动画，这是demo。
产品：啊！当时提需求单的时候没说这里要加动画，我给开发评估一下吧！
产品：开发评估这个动画需要2天的工作量，这个版本来不及，要不放到下个版本再优化吧！
设计：怎么又是这样，好(qu)吧(shi)!
然后下个版本就不了了之了……
总结以上场景，在动画的开发过程中无非就是两个问题：
1、动画的开发成本比较高，需要反复调试；
如果是处女座的设计师，还会坐在开发同学旁边“折磨”开发同学一起调细节。
2、版本迭代周期紧，动画一般会被简化或砍掉；
动画相对于基础功能，只是锦上添花的效果，优先级比较低。
作为一个互联网从业人员，不管是产品，设计，开发还是测试，都有一个总的产品业务目标。大家最终的目的就是把产品做好，然后发家致富。对于偏离总目标的需求或者设计，砍砍砍！
那么，站在产品的业务目标来看(例如：提升活跃，增加营收)，功能玩法的设计，上线后呈现出来的数据效果比较直观(例如：留存率新增36%)。而动画设计的验收，很难有一个量化的标准。因此，为了减少开发成本，对于一些非核心路径的动画，一般能免则免。
为什么动画的开发成本高，优先级低，还是有很多app愿意投入大把时间来做动画？
动画可以帮我们提升U
最低0.47元/天 解锁文章
扫一扫
1713
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
