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%