Interface Lab
Knowledge RAG

设计知识库

由社区维护、审核后发布,并在 Agent 页面创作前被 RAG 检索为设计约束。

提交新原则
9 条已发布原则 / 全库 192 条
Design Systems Page Patternsdashboard / kpi

Dashboard KPI 告警分诊契约

运营 dashboard 应把 KPI、告警、阈值、负责人、证据和下一步行动组织成可扫描的分诊系统,而不是同权重图表墙。

好的 dashboard 先回答是否需要行动、严重程度、影响范围、责任人和证据路径;图表只是支持分诊的证据层。95%
Data Visualizationdata-transform / provenance

可视化数据转换来源

图表必须记录 filter、aggregate、bin、timeUnit、join、missing value 和排序逻辑;否则用户无法审计图表为什么这样显示。

数据可视化的可信度不仅来自图形,还来自可解释的数据转换链。每个聚合、过滤和派生字段都应能追溯。95%
Data Visualizationchart-choice / data-relationship

图表问题先于图表类型

先明确用户要判断的数据关系,再选图表类型和前端库;不要从“我想要一个漂亮图表”开始。

优秀图表不是视觉样式集合,而是把数据结构、用户问题和视觉编码匹配起来的决策结果。94%
Data Visualizationdashboard / metric-card

Dashboard 指标卡语义契约

指标卡不是大数字装饰;每张卡都要说明指标定义、时间范围、比较基线、单位、数据状态和下一步行动。

Dashboard 首屏应先回答用户当下该判断什么,而不是把所有数据压成等权图表墙。指标卡是决策入口,需要有语义和证据链。94%
Design Systems Page Patternsanalytics / drilldown

分析 Drill-down 工作流

分析 Drill-down 工作流把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

分析界面应从异常和问题入口深入到原因,而不是只展示图表集合。86%
Visual Foundationsdashboard / kpi

Dashboard KPI 分诊

Dashboard KPI 分诊把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

指标卡不是数字展览,而是运营分诊入口。86%
Visual Foundationscharts / dashboard

可读 Dashboard 图表

可读 Dashboard 图表把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

运营图表经常被快速扫读,小图可读性比表现形式更重要。84%
Design Systems Page Patternsdashboard / alerts

Dashboard 层级与告警

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

指标不是越多越好,最重要的是帮助用户判断是否需要行动。82%
Visual Foundationsdensity / dashboard

信息密度控制

高密度不是拥挤;低密度也不等于高级。密度要匹配用户任务频率和决策速度。

运营工具需要可扫描密度,营销页需要叙事节奏,两者不能混用。82%