SuperAPI AI 工具集

notification-design

设计与创作

查看项目

更新于 10-15 21:12

技能介绍

用途:为产品设计通知系统与提示层级,规范 Toast、横幅、行内提示、模态提示和系统推送等反馈形式,帮助区分信息紧急度与持久性。

主要能力:资料给出通知类型表,按紧急度与持久性划分——Toast/Snackbar 低紧急、3-5 秒自动消失(如“文件已保存”);Banner 中等、可关闭(如“有新版本可用”);Inline alert 中等、持续显示(如表单校验错误);Modal alert 高紧急、需用户操作(如“删除全部数据?”);系统通知随操作系统层面变化。

Toast 设计要点:桌面端位于右上,移动端顶部居中;3-5 秒自动消失,悬停时暂停;同时最多显示 3 条,其余排队;破坏性操作需提供撤销;不应用于需要用户操作的错误提示。

颜色语义:蓝色/信息用于中性提示,配信息图标;绿色/成功表示正向结果,配对勾;黄色/警告提示需注意,配三角警告图标;红色/错误表示失败或需操作,配叉号或感叹号图标。

通知中心:铃铛图标显示角标数量,不使用 99+,可封顶 9+ 或显示精确数字;按时间分组为今天、昨天、本周、更早;点击标记已读,并提供全部标记已读;空状态显示“你已全部读完”并配相关插画;不混用通知类型(系统提醒与社交动态分开)。

限制:资料未提供具体框架实现代码、组件库名称、无障碍要求细节、国际化或后端推送实现,也未说明适用平台版本或收费情况。