术语 · 界面图鉴

轻提示

Toast

在角落短暂出现又自己消失的小消息条,告诉你「刚才那件事成了」。

这一块由什么组成

名字来自吐司机:面包「啪」地弹出来,过一会儿就该拿走了。它是最轻的反馈方式——不拦路、不要求回应、自己消失。组成也最简单:

  1. 状态图标Icon

    绿勾、红叉或感叹号,一眼定性。

  2. 消息文字Message

    一句话说清刚才发生了什么。

  3. 操作链接Action

    可选的「撤销」或「查看」,给个快捷出口。

  4. 倒计时Timer

    有的会显示还剩几秒消失。

同一个零件,几种摆法

成功型

绿色调:已保存、已复制。

报错型

红色调,停留得比成功型久一点。

带操作

附一个「撤销」,给颗后悔药。

这个页面里,哪一个是 Toast?

三个都在「提示」你,但只有一个会自己消失。

点一块试试,看看它叫什么

什么时候该上它

适合

  • 操作成功的确认(已保存、已复制)
  • 不需要回应的状态通知
  • 附带「撤销」的轻量后悔药

先别用

  • 需要用户做决定——用弹窗
  • 重要报错——别让它三秒就消失
  • 大量消息连环弹的时候

想一想

「保存成功」用什么方式告诉用户最合适?

让它动起来

让 AI 改它时,这样说

顺手说清位置和消失时间,这两样最影响体验,也最容易被 AI 随机发挥。

保存成功后弹一个 Toast,两秒后自动消失

Toast 挪到右下角,别挡住导航

删除后的 Toast 加一个「撤销」按钮

报错的 Toast 用红色图标,停留五秒

最容易踩的坑

Toast 会自己消失——所以永远别用它传达「必须被看到」的信息。错过一条成功提示没事,错过一条扣费警告就是事故。

⌘K搜索知识库

最近收录

正在载入知识索引…