本文探讨了在AE中通过bodymovin插件导出HTML动画，以解决设计与开发沟通成本高、动画还原度低的问题。通过2步简单操作，设计师可以导出json文件，降低开发成本，提高动画还原度。此外，文章还讨论了JSON动画的优点、适用范围以及Lottie库的使用，帮助开发者更好地理解和应用动画效果。
工作中，你可能经常会遇到以下场景：
场景一：
设计：这是动画的demo和参数标注图，你看一下。
开发：好的没问题。
一段时间后……
开发：动画效果实现出来了，你走查一下。
设计：这里速率不对，这里弹出的效果有点生硬，这里……
场景二：
设计：这里的页面转场需要一个动画，这是demo。
产品：啊！当时提需求单的时候没说这里要加动画，我给开发评估一下吧！
产品：开发评估这个动画需要2天的工作量，这个版本来不及，要不放到下个版本再优化吧！
设计：怎么又是这样，好(qu)吧(shi)!
然后下个版本就不了了之了……
总结以上场景，在动画的开发过程中无非就是两个问题：
1、动画的开发成本比较高，需要反复调试；
如果是处女座的设计师，还会坐在开发同学旁边“折磨”开发同学一起调细节。
2、版本迭代周期紧，动画一般会被简化或砍掉；
动画相对于基础功能，只是锦上添花的效果，优先级比较低。
作为一个互联网从业人员，不管是产
最低0.47元/天 解锁文章
1520
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
