Knowledge RAG

设计知识库

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

14 条已发布原则 / 全库 192 条

分析 Awwwards 等获奖网站时，要把布局、配色、字体、交互、动效和可用性证据拆开记录，避免只说“高级、沉浸、好看”。

案例分析的价值不是模仿表面风格，而是把可验证的设计选择转化为可复用的判断和实现约束。

比较布局清晰度把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

对象详情布局把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

地图与地理空间布局把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

上下文操作位置把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

全宽与容器布局选择把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

空状态构图把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

空间渐进披露把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

区块节奏变化把一个高频界面判断转成可执行约束，帮助 Agent 在生成前做出更具体的布局、交互或可访问性选择。

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

对齐让用户少花力气理解页面边界、内容归属和操作对象。

少量可重复的间距刻度能让页面安静、可预测，也能减少 UI 临时感。

网格不是装饰线，而是决定内容跨度、对齐、响应式重排和密度的规则系统。

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