# 价格标签（Price Tag）

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

- 别名：价格弹出、到手价、划线价、Price Callout
- 口语：「带货视频里原价划掉现价跳出来」「商品旁边弹个价格牌」
- 一句话：标签从商品上弹出，原价划掉，到手价放大弹跳
- 是什么：价格标签在商品旁弹出价格信息：常见做法是原价被划线、到手价放大强调，再加上优惠角标，让观众快速看到「多少钱、便宜了多少」
- 缺了就不像：价格牌贴在商品旁；原价划线、现价强调
- 加了更像：数字滚动；优惠角标
- 适合用在：带货、好物推荐视频；探店、旅行里的消费价格；前后价格对比
- 看哪里：看标签从花瓶上的白点弹出，原价被红线从左划到右，到手价从 299 滚动到 159 并跳一下，最后「限时立减」角标甩进来
- 注意：价格信息要真实，划线价需有依据；标签不要盖住商品本身
- 描述示例：做 Price Tag 价格标签：商品上出现白色定位点，白色价格牌从点的右上方弹出，写明商品名；原价「¥299」被红线划掉，红色到手价从 299 滚动到 159 并放大弹跳，左上角红色「限时立减 140」角标旋转甩入
- 易混：
  - [数字递增](https://idea.ameng.dev/terms/rolling-number.md)：数字递增只做数字变化；价格标签还包括划线价和商品指向
- 相关：[贴纸抖动](https://idea.ameng.dev/terms/sticker-wiggle.md)、[弹性出现](https://idea.ameng.dev/terms/elastic-pop.md)

## 来源与延伸阅读

- [Wikipedia · Price tag](https://en.wikipedia.org/wiki/Price_tag)
- [GSAP · Eases](https://gsap.com/docs/v3/Eases/)

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