文件说明
这款星星动效同时提供 .lottie 和 .json 两种格式。json 文件是 Lottie 的原生格式，体积更小，适合直接嵌入代码；.lottie 文件则包含更多元数据，方便在 After Effects 中二次编辑。对于电商 Banner 这类展示场景，直接用 json 就够了，文件更轻，加载更快。如果后续要调整星星的颜色或大小，保留 .lottie 文件会更方便。
视觉特征
动效主体是一颗明黄色的五角星，色彩饱和度高，视觉冲击力强。星星采用扁平化设计，没有多余的渐变和阴影，线条干净利落。动画从中心向外展开，节奏轻快，整个过程约 1 秒左右。这种简洁的风格特别适合小尺寸展示，即使在 40×40 像素的按钮上也能清晰辨识。黄色本身带有积极、活力的情绪暗示，用在电商场景能有效吸引用户注意。
Web 与移动端
在 React 或 Vue 项目中，推荐使用 lottie-web 库，通过 ref 控制播放和暂停。移动端方面，iOS 用 Lottie-iOS，Android 用 Lottie-Android，接入流程类似。需要注意的是，电商 Banner 通常放在首屏，建议预加载动画文件，避免用户看到空白。如果页面动效较多，可以设置懒加载，优先保证核心内容渲染。另外，记得在低性能设备上测试帧率，必要时降级为静态图片。
5分钟上手指南
下载后先用 Lottie 预览工具查看效果，确认动画节奏是否符合预期。然后在设计稿中测试不同尺寸，推荐最小 48×48 像素，最大不超过 Banner 宽度的 1/3。接入时先设置 loop 为 false，观察单次播放效果，再根据需求决定是否循环。如果星星要和文案配合，建议设置 autoplay 为 false，用代码控制播放时机。最后在真机上测试加载速度，文件体积控制在 50KB 以内比较理想。