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

分类

全部Typography Color AccessibilityVisual Foundations

标签

accessibilitychartscolorcontrastdashboardformsline-heightplaceholderreadabilitysurfacetypography
Knowledge RAG

设计知识库

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

提交新原则
5 条已发布原则
Typography Color Accessibilityforms / placeholder

占位符不能替代标签

占位符不能替代标签把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

占位符适合展示格式示例,不适合作为唯一说明或关键指导。84%
Visual Foundationscharts / dashboard

可读 Dashboard 图表

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

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

表面上的可读颜色

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

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

可读性对比

文本对比必须优先服务阅读,尤其是小字号、禁用态、次级说明和按钮文字。

低对比会让精致感变成不可用,特别是在移动端和弱光环境。82%
Typography Color Accessibilitytypography / readability

行高与行长

长文本需要舒适行高和可读行长;密集界面也要避免文本互相压迫。

行长太宽会丢行,行高太紧会拥挤,行高太松会破坏信息密度。82%