用途:在静态页面或组件已完成后,为其添加或审查动效;不用于掩盖或补偿未完成的布局。
主要能力:提供动效决策框架(先判断是否该动、目的、缓动、时长);默认只用 transform 与 opacity,其他属性需评估;给出时长分层(微交互 100-150ms、状态 200-300ms、布局 300-500ms、入场 500-800ms,退出约为入场 75%);缓动以 ease-out、ease-in-out 等为主,禁止弹跳与弹性曲线;强制提供 prefers-reduced-motion 降级;禁止统一的 opacity:0 + translateY(20px) + ease-in-out 入场签名。
使用方式:先运行动画决策框架,再选时长与缓动 token,选择材质,套用入场、微交互、页面过渡等模式,同一次提交内附带 reduced-motion 降级,并按术语表命名效果以便交接给 design-review。
适用场景:网页、Web 应用、iOS、Android 等已完成静态结构后的动效设计与审查。
限制:不适用于未完成布局;模糊、backdrop-filter 等昂贵效果需在目标视口验证流畅度,否则回退到 transform/opacity;纯空间效果在 reduced-motion 下应直接禁用。具体收费、价格与平台信息暂未提供。