用途:为产品界面中的通知与提醒设计提供统一参考,帮助区分不同通知类型并规范其行为与呈现方式。
主要能力:
- 通知类型划分。Toast(3-5 秒自动消失,无需用户操作,用于成功、信息、非关键提示);Banner(直到关闭,需关闭或操作,用于警告、更新、推广);Inline alert(持久显示,按上下文处理,用于表单错误、状态消息);Badge(直到清除,打开后清除,用于未读计数、新内容);Push(用于时效性强、可操作的通知,需打开或关闭)。
- Toast 规则。桌面端位于右上角,移动端顶部居中;新 Toast 叠在旧 Toast 上方;成功与信息类 3-5 秒自动消失;错误不自动消失,需给用户阅读时间;破坏性操作提供撤销操作(如“已删除。撤销”);同屏最多显示 3 条。
- 通知偏好。默认保持最少(不打扰);按类别分组(营销、产品更新、活动);允许按类别关闭;区分站内与推送/邮件;推送提供“免打扰时段”设置。
- 徽章设计。紧急/未读用红色,中性用灰色;数量小于等于 99 显示数字,更多显示“99+”;位置在图标右上角;查看内容时清除徽章,而非打开通知中心时清除。
使用方式:作为设计与前端实现通知交互时的检查清单或参考规范使用,按类型选择合适组件并遵循对应规则。
限制:资料未提供具体实现代码、框架、平台差异或无障碍要求等细节。