9. 💬 反馈与状态 Feedback ★★☆☆☆

🌏 Web 网页规范

  • 状态通知: 侧边浮动 Toast / 顶部横幅 Banner 通知
  • 弹出拦截: 灯箱效果 Modal (强干扰模态对话框)
  • 指引提示: Hover 触发 Tooltip 微型提示气泡
  • 空态设计: 网页全屏插画，侧重页面跳转引导

📱 App 移动端规范

  • 状态通知: 底部静默 Toast / 居中 HUD (加载指示盘)
  • 弹出拦截: 系统 Alert 拦截框 / 底部 Action Sheet 抽屉
  • 指引提示: 长按 Tooltip / 新手 Coachmarks 镂空遮罩气泡
  • 空态设计: 卡片式空状态，侧重行内刷新或单功能激活

Web 右上角轻提示 Toasts 与弹窗反馈

Web Desktop Toasts, Modals & Banner Alerts

Web 轻提示（Toasts）常浮动于屏幕右上角，页面异常时高频在主内容区顶部展示通栏的 Banner 告警条或在屏幕正中拉起二次确认对话框。

App 底部 Snackbars、系统 Push 与空状态卡片

App Snackbars, Push Banners & Empty States

App 端轻提示（Toast/Snackbar）从屏幕下方向上弹出以贴近手指；并在主屏展示顶部系统级 Push 横幅，为空白页面配备情感化的空状态插图。

LIVE PLAYGROUND: Toast 动态通知与空状态引导设计 触发通知查看右下角带 A11y role="alert" 属性 of Toast 弹出
https://web.meta-ui.edu/feedback
09:41
📶 🔋
📂

未发现任何归档项目

当前您的文章归档箱空空如也，您可以点击下方按钮去往创作中心发布第一篇文章。

📋 大模型统一 Prompt (LLM Prompt)