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%