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

分类

全部Design Systems Page PatternsInteraction Responsive MotionVisual Foundations

标签

affordanceboundarybrowsecardscontainermarketplacemodulespanelsrhythm
Knowledge RAG

设计知识库

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

提交新原则
4 条已发布原则
Design Systems Page Patternsmarketplace / browse

市场浏览模式

市场浏览模式把一个高频界面判断转成可执行约束,帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

市场页需要同时支持发现、比较、信任判断和安装/购买行动。84%
Interaction Responsive Motioncards / panels

卡片与面板的密度和可供性

卡片应表示对象,面板应表示工具或上下文;两者需要不同密度和交互提示。

可点击对象必须可识别,纯信息容器不应伪装成按钮。82%
Visual Foundationscontainer / boundary

边界与容器清晰度

容器边界用于表达对象和区域,不应变成页面装饰的默认手段。

边界、底色和阴影都在传达层级,过多容器会让页面显得碎。82%
Visual Foundationsmodules / rhythm

模块节奏与重复

重复模块能降低认知成本,但需要用内容层级和节奏避免机械单调。

相同结构适合相同任务;变体应来自内容优先级,而不是随机样式。82%