Knowledge RAG

设计知识库

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

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

横向滚动适合有限作品集、画廊和项目序列，不适合长正文、文档和核心任务流程。

横向滚动必须是一种明确内容格式：用户看得见下一项、能用键盘和触控操作、能在窄屏重排，并且核心文字不被藏进横轴。

WebGL/Three.js/3D 动效应被拆成可理解的叙事关卡：每一段都回答一个问题，并提供静态、低动效和可跳过路径。

沉浸式 3D 的价值不是把用户困在场景里，而是把抽象概念变成可暂停、可理解、可继续的证据链。

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

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

品牌概念可以成为作品集和服务页的组织轴，但必须映射到服务、案例、团队、菜单和 CTA，而不是停留在一句抽象口号。

概念型网站的结构要把“品牌主张”拆成可浏览的证据：服务如何体现它、案例如何证明它、团队如何支撑它、用户下一步如何行动。

当网站用大字号、索引、菜单和项目列表建立品牌气质时，字体必须同时承担导航、层级和信息气味，而不是只做海报效果。

表达型字体系统要把品牌声音转化为可操作结构：用户能从字级、位置、索引和状态判断自己在哪里、下一步去哪里、哪些项目最重要。

滚动动效应帮助用户理解产品状态和叙事推进，而不是把信息藏在不可控的表演里。

叙事型页面的滚动动效必须服务因果、层级和节奏：每个运动段落都要解释一个状态变化或价值证据。

作品集动效应突出选择、进入、比较和记忆点，而不是让每个元素都表演。

作品集的交互价值在于帮助用户判断作者能力：项目选择、视觉细节、案例跳转和上下文过渡要比装饰动画更重要。