SuperAPI AI 工具集

snackbar-toast

设计与创作

查看项目

更新于 10-15 21:12

技能介绍

用途:为 Snackbar 与 Toast 通知提供设计与交互规范,用于页面中的轻量级反馈提示。

位置:桌面端置于右上角;移动端置于底部居中,若存在底部导航则位于其上方。堆叠时最新通知在最上方,最多同时显示 3 条。

时长:成功确认 3 秒自动消失;信息类 4 秒;警告 5 秒或手动关闭;错误仅手动关闭;带操作(如撤销)的通知 5 至 8 秒。鼠标悬停时暂停自动消失计时。

设计:使用深色背景以与页面形成对比,浅色主题下同样如此;优先单行,最多两行;可包含一个可选操作按钮(如“撤销”“查看”“重试”);可选关闭 X 按钮;进入时从边缘滑入,退出时淡出。

规则:不得遮挡重要内容;非关键信息不得强制用户操作;相关通知应合并(如“已上传 3 个文件”而非 3 条独立提示);需要详细解释的错误不应使用此形式,应改用内联提示。

限制:资料未提供具体实现代码、框架或平台支持信息。