UI DESIGN LAB
  • 首页
  • 社区
  • 资源库
  • 知识库
  • 文档
EN登录
知识库社区设计原则只发布审核通过的知识进入 Agent RAG。
投稿

分类

全部Typography Color Accessibility

标签

accessibilitychartscolorcontrastdark-modereadabilityrolesstatesurfacetokens
Knowledge RAG

设计知识库

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

提交新原则
5 条已发布原则
Typography Color Accessibilitycharts / accessibility

图表可访问编码

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

图表不能只靠颜色区分类别和状态,需要文字、形状、线型或直接标签辅助。86%
Typography Color Accessibilitydark-mode / contrast

深色模式对比调校

深色模式对比调校把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

深色模式不是反转颜色,需要重新检查文本、边框、状态色和阴影层级。84%
Typography Color Accessibilityaccessibility / color

颜色不能单独传达含义

状态、风险、分类和选中不能只靠颜色表达,必须有文字、图标、形状或位置辅助。

色盲、低视力、打印和弱光场景都会削弱颜色语义。82%
Typography Color Accessibilitysurface / color

表面上的可读颜色

背景表面变化时,文字、边框、图标和状态色都要随表面重新校准。

同一个色值在不同背景上会有不同视觉强度,不应机械复用。82%
Typography Color Accessibilitycolor / tokens

色彩角色系统

颜色应先定义角色,再选择具体色值,避免一个颜色承担太多含义。

主色、背景、边框、文字、状态和强调色都应有稳定职责。82%