# 评分星级（Star Rating）

镜语 · 特效与转场 / 界面与信息卡

- 别名：打分、星级评分、评分卡、Rating
- 口语：「探店最后给个评分，星星一颗颗亮」「推荐指数几颗星那种」
- 一句话：分数跳动增长，五颗星依次点亮到对应分值
- 是什么：评分星级用分数和一排星星表示评价：分数快速跳到最终值，星星依次点亮，最后一颗按小数部分只亮一部分
- 缺了就不像：星星数量对应分数；依次点亮
- 加了更像：分数跳动；部分点亮的星；分项评分
- 适合用在：探店、美食评分；产品测评总结；书影音推荐指数
- 看哪里：看分数从 0.0 跳到 4.6，五颗星一颗颗弹出，最后一颗只亮了约六成；星星和分数是对应的
- 注意：星星数量和分数要一致，不要把 4.6 画成满星；评分标准要说明，否则只是情绪表达
- 描述示例：做 Star Rating 评分动画：画面左下角半透明卡片滑入，黄色大号分数从 0.0 增长到 4.6，旁边五颗黄色星星依次弹出点亮，第五颗只填满约 60%，下方小字列出分项评分
- 相关：[数字递增](https://idea.ameng.dev/terms/rolling-number.md)、[价格标签](https://idea.ameng.dev/terms/price-tag.md)、[数据对比条](https://idea.ameng.dev/terms/versus-bars.md)

## 来源与延伸阅读

- [Wikipedia · Rating scale](https://en.wikipedia.org/wiki/Rating_scale)
- [GSAP · Staggers](https://gsap.com/resources/getting-started/Staggers/)

网页版（含演示）：https://idea.ameng.dev/terms/rating-stars