Button vs CTA
它们不是「两种按钮」
我要加一个按钮,用普通 Button 还是 CTA?
对比表
| Pattern | 一页有几个 | 角色 | 视觉 | 典型场景 |
|---|---|---|---|---|
| Button按钮 | 可以有很多 | 触发一个动作 | 常规大小 | 保存、取消、删除、编辑 |
| CTA行动号召按钮 | 最多 1 个 | 页面唯一的「下一步」 | 更大/更显眼 | 注册页、落地页、空状态 |
← 左右滑动查看完整表格
真实 Demo 对比
Button
按钮试试禁用态:
怎么判断:所有可点的统称
CTA
行动号召按钮开始整理你的相册
扫描、找出重复照片,一键释放空间。
无需信用卡 · 不上传照片
怎么判断:整页最重要的那个
选型决策
- 页面上有一件「用户最该做的事」把它做成 CTA(唯一、最显眼)
- 只是普通操作Button(可以有多个同样重)
- 你发现页面上有 3 个「都最重要」的 CTA重新想清楚这页到底要用户做什么
CTA 是一个角色而不是一种外观。一个页面可以有很多 Button,但只能有一个「你希望用户做的事」。视觉权重一旦平均,重点就消失了。