UI DESIGN LAB
  • 首页
  • 社区
  • 资源库
  • 知识库
  • 文档
EN登录
返回知识库
Design Systems Page Patterns

Dashboard 层级与告警

Dashboard 应先显示状态总览,再显示异常、趋势、明细和行动入口。

dashboardalertsmetrics

设计原则

指标不是越多越好,最重要的是帮助用户判断是否需要行动。

原则 指标不是越多越好,最重要的是帮助用户判断是否需要行动。

设计动作 先放健康状态和关键 KPI,再放异常列表与趋势图;告警用语义色+图标+明确下一步。

正反例 正向示例:运营看板、销售看板、项目状态页。 反向示例:所有指标同等尺寸。

适用场景 运营看板、销售看板、项目状态页。 有告警和 KPI 变化。

来源提示 来源提示:综合 GOV.UK、Carbon、Polaris、Atlassian、Design.Systems、Design Systems Repo 与产品案例库的模式实践整理。

Agent 指令

先放健康状态和关键 KPI,再放异常列表与趋势图;告警用语义色+图标+明确下一步。

适用场景

  • 运营看板、销售看板、项目状态页。
  • 有告警和 KPI 变化。

避免做法

  • 所有指标同等尺寸。
  • 告警被藏在普通卡片中。

知识元数据

分类
Design Systems Page Patterns
质量分
82%
版本
v1
发布
2026/6/6