Lottie动画

Lottie动画是一种基于JSON格式的动画文件,可以在网页上使用。它最初由Airbnb开发,并被广泛采用于移动应用和网页设计中。

图标

动画交互性:

Lottie动画可以与用户的交互行为进行关联,例如点击、经过或自动方便等。这为网页设计师提供了更多的创意和互动性,可以为用户提供更丰富的体验。

自动播放

鼠标经过

点击播放

进入窗口播放

场景

动画交互性:

场景动画和图标动画的用户交互行为相同。动画交互性以及丰富的动画效果。这些优势使得Lottie成为网页设计中常用的动画工具之一,为用户提供更好的视觉体验和互动性。

下面的Lottie文件动画采用的动画形式为:页面滚动动画控制属性

🔔 总结:

Lottie动画一般使用JSON格式进行使用,相对于传统的基于帧的动画,它的文件大小通常更小。这对于网页加载速度和用户体验非常重要,尤其是对于移动设备上的网页访问来说。

我们目前支持的格式比JSON格式还有小10倍左右,为了更好的加载和呈现。当前支持格式为“xxx.lottie

转换格式地址 https://lottiefiles.com/tools/lottie-to-dotlottie

常见问题

FAQ

01
Lottie动画是怎么制作的
多少数用户可以通过AE软件进行制作,制作好后通过插件导出JSON文件,再通过 https://lottiefiles.com/tools/lottie-to-dotlottie 地址转化为.lottie的的文件即可使用
02
常用的Lottie库
目前图标类 https://lordicon.com/

UEbuilder定制化服务

根据设计需求进行专业的系统化搭建