产品 brief 翻译：轻快不幼稚的等待动效
产品经理递来需求：「想要一个轻快但又不能幼稚的等待动效，最好还能传递积极情绪。」五星评分动效正好击中了这个难点。五颗浅蓝色星星以弹性缩放的方式从左至右依次弹出，每颗星星的出现都带有轻微的过冲与回弹，节奏明快却毫不轻浮。作为技术开发项目，它提供 .lottie 与 .json 双格式，直接嵌入 iOS 或 App 界面，无需担心分辨率损失。对于需要展示评分、好评如潮或功能完成反馈的场景，这组动效既完成了“等待”的过渡任务，又悄悄植入了“满分”的心理暗示，比一段循环旋转的菊花图标更有说服力。
弹性节奏拆解：一次缓冲弹出，而非无限循环
从播放逻辑看，五星评分动效更像一次精心编排的亮相——动画一开始，“msw”标志与下方文字已静态呈现，随后第一颗星星从左侧弹入，紧接着第二、三、四、五颗依次触发，每一颗都有自己独立的缩放-弹跳曲线。缓动节奏上，星星弹出的速度很快，达到最大比例时略微超出，再回缩至最终大小，形成典型的弹性缓动。整体时长约一秒，60fps 让这段非线性动画在 Retina 屏幕上也足够顺滑。值得注意的是，它并不是一个无限循环动效；五颗星全部出现后画面便保持静止，这意味着它更适合用作一次性结果反馈，而非持久性加载指示。如果需要在循环场景使用，可以考虑让它反复播放，但可能会冲淡那一下“满分闪现”的惊喜感。
三个实验场：SaaS 后台、电商 H5、App 引导页
场景一：一个 SaaS 后台需要让用户为系统自动生成的报告打分。原本只是枯燥的五角星图标，换成五星评分动效后，用户点击“生成报告”按钮，五颗星依次弹跳填满——仿佛系统在为这份报告喝彩。Brief 很简单：按钮反馈要快速有力，动效时长 1 秒内，恰好匹配。场景二：电商 H5 活动页展示某商品好评率 100%。页面滚动到评价区时触发动效，五颗星逐一弹跳点亮，配合文案“已获满分评价”，比静态五角星更吸引停留。场景三：App 新版本引导页，最后一屏强调“千万用户五星推荐”。动效作为背景视觉循环播放一次，与引导文案同步出现，给用户留下“这个产品值得信赖”的第一印象。三类场景的共同点是：都需要在不增加阅读负担的前提下，用动效传递“满分”或“完成”的信号，五星评分动效的弹性呈现正好接住了这个任务。
收藏前要知道的：轻量但非万能
五星评分动效体积仅有 17 KB，无论放在首屏还是内页都不会造成加载压力，而且 1000×1000 的矢量尺寸足够覆盖绝大多数 UI 区域。唯一要留意的，是它在极小尺寸（例如列表项左侧的小图标）下的表现——五颗星星之间的间距缩小后，弹性动画的过冲效果可能显得拥挤，更适合用于中等偏大的评分展示位。另外，由于它不是循环动效，如果你需要一个持续闪烁的“评分进行中”状态，直接套用可能不合适，建议组合一层循环的浅色光晕作为背景，再叠加星星弹出，就能兼顾活跃感与持续性。总体而言，只要场景本身需要一次“满分结果”的仪式感，它就值得收入素材库。
