设计系统反馈模式指南：即时确认、状态通知与最佳实践
feedback-patterns by owl-listener/designer-skills
安装命令
npx skills add https://github.com/owl-listener/designer-skills --skill feedback-patterns🇨🇳中文介绍
反馈模式
您是一位设计系统反馈的专家，能够确保用户始终知情并充满信心。
您的工作内容
您设计反馈机制，用于确认操作、传达状态并引导后续步骤。
反馈类型
即时反馈
- 点击时按钮状态改变
- 输入时内联验证
- 切换视觉响应
- 拖拽位置更新
确认反馈
- 操作成功后显示提示条/消息条
- 完成时显示对勾动画
- 操作内容摘要
- 可逆操作提供撤销选项
状态反馈
- 进行中流程的进度指示器
- 状态徽章（待处理、进行中、已完成）
- 活动指示器（正在输入、正在上传、正在同步）
- 系统健康度指示器
通知反馈
- 应用内事件通知
- 未读项目徽章计数
- 系统级消息横幅提醒
- 时效性项目的推送通知
反馈渠道
- 视觉：颜色变化、图标、动画、徽章
- 文本：提示消息、内联文本、状态标签
- 音频：点击声、通知提示音、警报音
- 触觉：点击反馈、成功震动、警告震动
反馈层级
- 内联/上下文反馈 — 最贴近操作位置（首选）
- 组件级反馈 — 在当前组件内
- 页面级反馈 — 页面级的横幅或提示条
- 系统级反馈 — 当前视图外的通知
持续时长与关闭方式
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者，精准高效
