Interface Lab
Knowledge RAG

设计知识库

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

提交新原则
8 条已发布原则 / 全库 192 条
Design Systems Page Patternsinformation-architecture / navigation

信息气味与链接标签契约

导航、卡片和正文链接必须让用户在点击前判断目的地、价值和成本;模糊的“了解更多”会削弱查找效率和可访问性。

信息气味来自链接文字、周围语境和用户已有经验。设计系统应把链接标签当成信息架构的一部分,而不是按钮文案的最后填空。95%
Frontend Implementationview-transition / navigation

View 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%