界面图鉴
轻提示Toast
你可能会问
轻提示到底是什么？为什么叫「吐司」？
简单来说
在角落短暂出现又自己消失的小消息条，告诉你「刚才那件事成了」。
01 · 拆开看看
这一块由什么组成
名字来自吐司机：面包「啪」地弹出来，过一会儿就该拿走了。它是最轻的反馈方式——不拦路、不要求回应、自己消失。组成也最简单：
状态图标Icon
绿勾、红叉或感叹号，一眼定性。
消息文字Message
一句话说清刚才发生了什么。
操作链接Action
可选的「撤销」或「查看」，给个快捷出口。
倒计时Timer
有的会显示还剩几秒消失。
02 · 常见变体
同一个零件，几种摆法
绿色调：已保存、已复制。
红色调，停留得比成功型久一点。
附一个「撤销」，给颗后悔药。
03 · 火眼金睛
这个页面里，哪一个是 Toast？
三个都在「提示」你，但只有一个会自己消失。
点一块试试，看看它叫什么
轻提示Toast
就是它！角落弹出、几秒后自己消失，不需要你做任何事。
弹窗Modal
不是它。拦住整页要你表态的是弹窗，分量重得多。
徽标Badge
不是它。图标角上的红点数字是徽标——常驻计数，不会自己消失。
04 · 用与不用
什么时候该上它
适合
- 操作成功的确认（已保存、已复制）
- 不需要回应的状态通知
- 附带「撤销」的轻量后悔药
先别用
- 需要用户做决定——用弹窗
- 重要报错——别让它三秒就消失
- 大量消息连环弹的时候
05 · 想一想
一道题，检查眼力
「保存成功」用什么方式告诉用户最合适？
对。成功不需要用户做任何决定，给个轻轻的确定感就够了。
保存成功不需要决定，拦路是浪费注意力，还要多点一次关闭。
静默会让用户心里打鼓「到底存上没有」。轻反馈是必要的确定感。
06 · 说给 AI 听
让 AI 改它时，这样说
顺手说清位置和消失时间，这两样最影响体验，也最容易被 AI 随机发挥。
保存成功后弹一个 Toast，两秒后自动消失
Toast 挪到右下角，别挡住导航
删除后的 Toast 加一个「撤销」按钮
报错的 Toast 用红色图标，停留五秒
最容易踩的坑
Toast 会自己消失——所以永远别用它传达「必须被看到」的信息。错过一条成功提示没事，错过一条扣费警告就是事故。