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

分类

全部Typography Color Accessibility

标签

accessibilitybrandemphasisfont-pairingfont-weighthierarchyline-heightreadabilityspacingtype-scaletypography
Knowledge RAG

设计知识库

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

提交新原则
5 条已发布原则
Typography Color Accessibilitytypography / spacing

文本间距韧性

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

界面应能承受用户调整行高、字距、字号或浏览器缩放后仍不遮挡内容。84%
Typography Color Accessibilitytypography / font-pairing

按功能配对字体

字体配对应从产品功能出发:品牌表达、长文阅读、数字比较和控件标签各有任务。

字体差异要有明确用途,避免为了风格混搭造成阅读负担。82%
Typography Color Accessibilitytypography / font-weight

字重强调

字重用于建立强调,而不是把每个标签都加粗。

粗体过多会失去强调能力,并让密集界面显得沉重。82%
Typography Color Accessibilitytypography / readability

行高与行长

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

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

字号层级

字号层级应服务页面结构,避免在小面板里使用 hero 级标题。

清楚的字号阶梯能让标题、标签、正文、数字各司其职。82%