随着互联网产品对设计审美要求的提高,越来越多的产品页面开始加入各种生动有趣、有创意甚至可交互的动画细节。本期视频将介绍两种适合快速开发实现这些动画的方式:Lottie和Rive。想必许多人都已经听说过Lottie,这是由Airbnb的设计团队开发的开源工具,设计团队不仅懂得设计,还能开发出如此出色的工具。
Lottie的主要功能是将After Effects制作的动画转换为Maker文件数据,并通过代码工具实现动画效果。无论是在Android、iOS应用开发还是网页网站代码执行环境中,Lottie都能完美支持。
最近,Lottie推出了一种新的数据格式,称为dotLottie,该格式可将相同的动画效果数据量减少近6倍。此外,他们还推出了在线编辑动画的工具,无需使用重型软件,也可轻松制作动画效果。
说完Lottie,我们再来了解一下Rive。与Lottie最大的区别在于,Rive天生就带有交互性,Lottie制作的动画一般是一个完整的播放效果,而代码能做的事情一般是播放动画效果。
Rive有一个在线编辑器,可以编辑动画效果并添加交互行为。因此,它生成的动画数据实际上可以实现许多与交互相关的动画逻辑。此外,它还支持通过代码更自由地控制动画的交互效果。
如果您查看Rive的官方网站,您会发现趣味性和创意性的交互动画是该工具的重点。例如,这个小按钮可以与它进行有趣的互动,非常有趣。Rive支持所有主流的代码执行环境,无论您是开发网站还是移动应用,都能轻松应对。
因此,您会选择使用Lottie还是Rive?
本文暂时没有评论,来添加一个吧(●'◡'●)