Knowledge RAG

设计知识库

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

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

滚动叙事的基本单位不是动画帧，而是可读章节：每章要有明确问题、文本锚点、视觉状态、静态 fallback 和可验证的滚动行为。

滚动叙事应把复杂机制拆成用户可停留、可跳过、可回到的证据链；动效只负责连接章节和状态，不应成为唯一内容载体。

滚动动效要区分 CSS scroll timeline、GSAP ScrollTrigger、Lenis smooth scroll 和普通原生滚动；不要为了沉浸感破坏阅读、锚点、键盘和移动端手感。

滚动是用户控制阅读节奏的输入，不是动画导演的时间轴。实现应优先保留原生滚动语义，再为确有价值的局部段落绑定轻量动效。

动效上线前要先分清目的、触发、可关闭性、性能属性和验证证据，不能只凭“看起来顺滑”通过。

好的动效解释变化，坏的动效制造额外负担。分诊的核心是把每个动画变成可说明、可降级、可测试、可清理的界面行为。

Three.js 页面不是只放一个 canvas；3D 素材要同时定义来源授权、glTF 优化、纹理压缩、加载状态、交互目标、fallback 和验证证据。

Web 3D 是设计、素材、运行时和性能预算的组合。agent 只有先治理模型来源、几何复杂度、纹理格式、降级路径和可访问说明，才能安全生成 3D 体验。

字体入库不能只选好看字体；必须同时确认字体级授权、交付方式、隐私约束、CJK 体积、fallback 和加载性能。

字体是品牌资产，也是运行时依赖。一个字体方案只有在授权可追踪、加载面可控、fallback 稳定、隐私边界明确时，才适合被 agent 自动推荐。

免费 stock video 可以让首屏更真实，但必须同时确认具体授权、人物/商标/地点权利、署名、poster、暂停控制、reduced-motion 和移动端性能。

背景视频不是动态壁纸。它只有在服务首屏信号、品牌语气或叙事证据，并且不破坏阅读、可访问性、授权和性能时，才适合进入生产界面。

加载状态应保留布局骨架，让用户知道将出现什么，而不是只显示孤立 spinner。