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

分类

全部Visual Foundations

标签

groupinghierarchylabelslayoutnavigationscan
Knowledge RAG

设计知识库

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

提交新原则
3 条已发布原则
Visual Foundationsgrouping / labels

视觉分组与标签

视觉分组与标签把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

复杂页面中的分组需要短标签、稳定位置和可扫描边界来降低理解成本。84%
Visual Foundationsscan / layout

扫描路径设计

页面应该支持用户按预期路径扫读,而不是让视线在多个焦点之间跳动。

视线通常沿标题、关键数据、分组和操作移动,布局应顺着这个路径组织。82%
Visual Foundationshierarchy / layout

信息层级优先

先确定用户要先看、再看和最后行动的内容,再决定字号、间距、颜色和组件强度。

有效界面不是把所有信息平均展示,而是用大小、位置、密度和对比建立清晰的阅读顺序。82%