用这款连接成功动效做引导页，小尺寸也清晰

快速定位：解决状态反馈问题

这款名为「Connected」的加载等待动效，核心解决的是用户操作后的状态反馈问题。它通过从小圆点迅速扩散到绿色大圆，并伴随虚线圆环与白色对勾浮现的连贯动作，清晰传达“连接成功”或“操作完成”的信号。这种直观的视觉语言非常适合需要明确正向反馈的引导页、表单提交页或网络请求场景。当用户完成某项操作后，这款动效能有效帮助他们消除等待焦虑，确认系统已正确接收指令，从而提升整体的交互体验与产品信任感。

运动特征：前快后稳的单次触发

从预览视频来看，这是一款单次触发的动效，没有无限循环的冗余感。节奏上前快后稳，初始绿点迅速放大，随后虚线圆环向外扩散，内部对勾流畅绘制，过渡十分自然。主色调为清新的绿色搭配纯白对勾与虚线，视觉上干净利落，没有多余的干扰元素。这种前快后稳的节奏能迅速抓住用户视线并传递愉悦情绪。整体风格偏向简约扁平，非常适合轻量级交互场景，不会给页面带来沉重的视觉负担。

场景限制：深色模式与长时等待

虽然这款动效反馈明确，但在某些场景下需要谨慎使用。首先，它不太适合需要长时间循环播放的纯加载等待页，因为对勾出现后动效即结束，若网络卡死会导致画面静止，反而让用户困惑。其次，在深色模式或高饱和度背景中，绿色与白色的对比度可能不够突出，需额外调整配色或增加描边，否则在复杂背景下容易显得不够醒目。

5分钟上手：尺寸控制与接入方向

拿到文件后，建议先用 Lottie 预览工具检查动画完整性，确认对勾绘制没有掉帧。在引导页中使用时，推荐尺寸控制在 120px 到 200px 之间，既能看清细节又不喧宾夺主。接入方向上，Web 端和移动端均可直接加载 JSON 文件，若需控制播放次数，记得在代码中设置 loop 为 false，避免重复播放。此外，如果项目支持 Lottie 格式，优先使用 .lottie 文件以获得更好的压缩率，同时确保动画容器居中显示，视觉焦点更集中。