Knowledge RAG
提交新原则设计知识库
由社区维护、审核后发布,并在 Agent 页面创作前被 RAG 检索为设计约束。
8 条已发布原则 / 全库 192 条
Design Systems Page Patternsinformation-architecture / navigation
信息气味与链接标签契约
导航、卡片和正文链接必须让用户在点击前判断目的地、价值和成本;模糊的“了解更多”会削弱查找效率和可访问性。
信息气味来自链接文字、周围语境和用户已有经验。设计系统应把链接标签当成信息架构的一部分,而不是按钮文案的最后填空。95%Frontend Implementationview-transition / navigationView Transition 路由连续性
View Transition API 能让路由、筛选和详情切换更连续,但必须保留 URL、焦点、滚动、reduced-motion 和渐进增强边界。
页面转场的目标不是炫技,而是让用户理解同一对象在列表、详情、筛选和状态变化之间的连续关系。94%Design Systems Page Patternsportfolio / navigation概念二元驱动案例导航
品牌概念可以成为作品集和服务页的组织轴,但必须映射到服务、案例、团队、菜单和 CTA,而不是停留在一句抽象口号。
概念型网站的结构要把“品牌主张”拆成可浏览的证据:服务如何体现它、案例如何证明它、团队如何支撑它、用户下一步如何行动。93%Visual Foundationstypography / navigation字体索引式品牌系统
当网站用大字号、索引、菜单和项目列表建立品牌气质时,字体必须同时承担导航、层级和信息气味,而不是只做海报效果。
表达型字体系统要把品牌声音转化为可操作结构:用户能从字级、位置、索引和状态判断自己在哪里、下一步去哪里、哪些项目最重要。93%Interaction Responsive Motionkeyboard / navigation键盘优先导航
键盘优先导航把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
可键盘完成的界面通常也更清晰,因为焦点顺序暴露了真实任务结构。86%Interaction Responsive Motionresponsive / navigation响应式导航折叠
响应式导航折叠把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。
导航折叠不是隐藏所有入口,而是按任务频率和当前位置重新排序。85%Interaction Responsive Motionnavigation / wayfinding导航地标与当前状态
用户需要知道自己在哪里、能去哪、当前筛选或页面属于哪个范围。
导航不是链接堆砌,而是产品结构和当前位置的持续提示。82%Visual Foundationsscan / layout扫描路径设计
页面应该支持用户按预期路径扫读,而不是让视线在多个焦点之间跳动。
视线通常沿标题、关键数据、分组和操作移动,布局应顺着这个路径组织。82%