Interface Lab
Knowledge RAG

设计知识库

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

提交新原则
5 条已发布原则 / 全库 192 条
Data Visualizationaccessibility / charts

可访问图表替代说明

图表需要标题结论、文本摘要、冗余编码和数据表替代;Canvas 或 SVG 本身不能自动等于可访问。

数据可视化是一种非文本内容和交互内容。它必须让看不见图、无法辨色、只用键盘、缩放页面或使用屏幕阅读器的人获得等价结论和数据路径。95%
Data Visualizationdata-transform / provenance

可视化数据转换来源

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

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

图表可访问编码

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

可访问图表不是给图像加一句 alt,而是让视觉编码、文字总结、交互状态和数据替代路径共同传达同一证据。94%
Visual Foundationsdata / charts

数据墨水优先级

数据墨水优先级把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

图表和指标的视觉墨水应该先服务数据、阈值和异常,而不是装饰网格。85%
Visual Foundationscharts / dashboard

可读 Dashboard 图表

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

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