Interface Lab
Knowledge RAG

设计知识库

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

提交新原则
6 条已发布原则 / 全库 192 条
Visual Foundationstypography / navigation

字体索引式品牌系统

当网站用大字号、索引、菜单和项目列表建立品牌气质时,字体必须同时承担导航、层级和信息气味,而不是只做海报效果。

表达型字体系统要把品牌声音转化为可操作结构:用户能从字级、位置、索引和状态判断自己在哪里、下一步去哪里、哪些项目最重要。93%
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%