Interface Lab
返回知识库
Design Systems Page Patterns

Dashboard 层级与告警

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

设计原则

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

原则

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

设计动作

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

正反例

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

适用场景

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

来源提示

来源提示:综合 GOV.UK、Carbon、Polaris、Atlassian、Design.Systems、Design Systems Repo 与产品案例库的模式实践整理。 GOV.UK Design System Patterns: https://design-system.service.gov.uk/patterns/ Carbon Patterns: https://carbondesignsystem.com/patterns/ Shopify Polaris: https://polaris-react.shopify.com/ Atlassian Design System: https://atlassian.design/ Design Systems Repo: https://designsystemsrepo.com/

Agent 指令

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