第一眼的运动节奏
在纯蓝色背景上，白色圆点群像一串有弹性的水滴。最左侧的小圆点迅速变大并向右挤压，视觉中心的大圆点随之向右移动，随后大小圆点迅速收缩并回到原位。整个过程像是一次有节奏的「呼吸」，或者水滴落在水面荡开的瞬间。这种循环动画的节奏非常紧凑，单次运动大概只有不到一秒的时间，给人一种「加载正在进行且速度不慢」的心理暗示。它不是那种无休止的缓慢旋转，而是有明确的起承转合，这种节奏感非常适合现代快节奏的应用界面。
Lottie 格式优势详解
这款循环加载动画采用 Lottie 格式，输出为 .lottie 和 .json 两种文件。作为矢量动画，它拥有极高的缩放适应性，无论是在手机通知栏的小角落，还是作为全屏加载状态的中心视觉，都不会出现锯齿或模糊。与传统的 GIF 相比，它的文件体积通常小得多，且支持完全透明的背景，可以无缝融入任何设计风格的页面中。对于加载状态这种需要长时间循环播放的场景，矢量格式能显著降低性能开销，避免手机发热或卡顿。
最适合这几种加载场景
该动效非常适合用于列表页的初始加载、内容详情页的等待、或者是网络请求中的占位提示。当用户在购物App中不断下滑加载新商品时，屏幕底部出现的这种轻量级动画既不会抢占商品视觉，又能有效缓解等待焦虑。在一些工具类App中，当用户点击提交按钮后，按钮内也可以使用尺寸缩小版的该动效，直观地传达「正在处理中」的状态。此外，在全屏白屏加载时，居中展示该动效也能起到很好的视觉引导作用。
5分钟上手指南
下载后，第一步建议直接在预览器中打开 JSON 文件查看运动效果。由于它是循环动画，默认就是首尾相连的，无需额外设置循环次数。在接入时，建议根据使用场景调整播放速度：如果是页面顶部的加载提示，保持原速即可；如果是按钮内的微型加载，可能需要稍微加快节奏以匹配点击反馈的即时感。在深色模式下使用时，可以尝试调整背景为深灰或黑色，白色圆点在深色背景上的对比度依然出色，能保持清晰的视觉引导。