Interface Lab
Knowledge RAG

设计知识库

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

提交新原则
5 条已发布原则 / 全库 192 条
Interaction Responsive Motionmotion / scroll

滚动叙事章节契约

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

滚动叙事应把复杂机制拆成用户可停留、可跳过、可回到的证据链;动效只负责连接章节和状态,不应成为唯一内容载体。95%
Interaction Responsive Motionmotion / reduced-motion

动效可访问与性能分诊

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

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

获奖站点的滚动叙事动效

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

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

作品集里的安静动效

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

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

克制且有目的的动效

动效应解释状态变化、空间关系或反馈,而不是单纯制造热闹。

过度动效会打断任务,尤其在高密度工具中。82%