支付成功页的金色勾选动效

风格标签

这款动画走的是简约扁平路线，金色主调搭配透明背景，视觉语言干净利落。勾选标记从圆圈中逐渐显现，周围点缀着星光粒子，传递出一种轻松愉悦的成功感。整体节奏轻快但不急躁，既不会喧宾夺主，又能给用户足够的正向反馈，适合需要明确确认的各类交互场景。

格式与文件

动画采用 Lottie 的 JSON 格式交付，矢量透明背景让它可以无缝融入不同界面。相比 GIF，文件体积更小且支持任意缩放而不失真，还能通过代码控制播放速度和循环方式，为开发实现提供更多灵活性。

最适合的3个场景

支付完成页面用这个动效能给用户即时的成功确认，强化交易的完成感。表单提交成功后出现勾选标记，清晰告诉用户操作已生效。任务清单中单项完成时，这个轻量动画能提供恰到好处的成就反馈。

设计师使用清单

适合用于需要明确成功反馈的界面，比如支付、提交、完成等关键节点。不建议在加载或等待场景使用，因为这是结果导向的动效而非过程提示。搭配建议：金色主色适合暖色调界面，若品牌色偏冷可调整色值。循环播放一次即可，避免过度重复影响用户体验。