四点蛙跳式循环加载动效

一句话定位

这款加载动效用四个圆点的蛙跳式弹跳传递「正在处理」的信号，节奏轻快却不吵闹。它解决的是传统加载圈过于沉闷的问题，让用户的等待时间有了视觉陪伴。适合需要保持用户注意力的加载场景，比如App启动、数据刷新、文件上传等。动画采用单色灰调，不会抢走界面主体的风头，却又足够吸引眼球。比起静态的loading图标，这种有节奏的跳跃更能缓解用户的焦虑感，让等待变得不那么漫长。

格式与文件

该动效以Lottie格式交付，包含.lottie和.json两种文件。作为矢量动画，它可以无限缩放而不失真，完美适配不同分辨率的屏幕。透明背景设计让它能无缝融入任何界面配色。相比GIF，Lottie文件体积更小，加载更快，而且支持代码控制播放速度、循环次数等参数，灵活性远超传统动效格式。

不太适合的场景

这款动画不太适合严肃的金融或医疗类App的加载场景，因为蛙跳式的活泼感可能与专业稳重的品牌调性冲突。另外，如果你的界面本身已经很复杂、元素很多，这种跳跃动效可能会增加视觉负担，让用户分心。在极小尺寸下（比如小于24px），四个圆点的细节可能看不清，跳跃动作也会变得不明显，这时建议改用更简洁的加载方案。

5分钟上手指南

下载后先用Lottie预览工具查看实际效果，确认节奏是否符合预期。建议尺寸范围在40-120px之间，既能看清跳跃细节又不会过于抢眼。接入时注意设置loop为true实现无限循环，speed参数可根据页面加载速度调整——加载快的页面可以设1.2-1.5加快节奏，加载慢的页面保持1.0或略低避免用户焦躁。与静态占位图搭配使用时，确保动效居中显示，周围留足呼吸空间。