MOD.03 动效DOC-03-016AUTHOR · 陈拾一2026-04-30READ · 4 MIN

动效走查的验收清单

超数频动效动效令牌时长分级

动效令牌的调参过程像酿酒：参数对不对，入口三秒就知道。这篇文章把一线团队 24 次调参的记录浓缩成一张速查表，覆盖时长、曲线、位移距离的全部组合边界。

SEC.01踩坑记录

最后再记一笔：开机动画是品牌资产里回报率最高的一块：2.4 秒的加载序列让品牌回忆度提升 37%，前提是它只在冷启动播放——热启动还放就是纯浪费用户时间。

此外还有一条底线：动效规格的交付格式到头来统一为一张表：属性、时长、曲线、延迟、触发器五列，附在每张设计稿右下角。前端不再猜参数，时长分级的还原偏差从平均 40ms 降到 8ms 以内。

// CASE FILE · 实测档案

实测：品牌曲线发布：700ms 签名曲线覆盖 12 处强调动效，盲测识别率 +22%。

顺带记录一个细节：滚动驱动动画的阈值最讲究：触发点提前 15% 视口高度，让内容「迎面而来」而不是「追着跑」。这是 24 次眼动测试换来的参数，通用性出奇地好。

此外还有一条底线：实施的第一步始终是摸清现状：把时长分级的存量清点成一张表，标注归属、状态和风险等级。这张表在后续三周里被本组翻旧了，比任何文档都常用。

复盘中还藏着一条：数字翻牌效果好看但昂贵。一线数据中连续进位的翻牌动画会让读数延迟感知增加 37%，所以监控类数值本组只保留滚动渐变，交易类才上翻牌。

此外还有一条底线：长期维护成本是选型时最轻易被轻视的变量：一个功能强大的做法可能带来每天 24 分钟的维护负担，一年下来就是足足一周的人力，值得在评审会上算这笔账。

此外还有一条底线：循环动画要交注意力税。呼吸点、闪烁提示这类常驻动效，一线团队在过一遍时统计同屏数量，超过 3 个就务必合并或降频——人眼无法同时追踪三个以上的运动源。

复盘中还藏着一条：降级分三档：满血、简化、静态。弱网、低端机、省电模式分别映射到不同档位，映射关系在启动时确定，运行期不再切换，避免动效令牌中途变脸。

有一条经验值得单独记录：所有规则都要有复查节点：团队给动效令牌的规范设了季度复审，到期清点例外和豁免，过期的清理，失效的修订。规范不呼吸，就会变成化石。

最后再记一笔：减少动效偏好（prefers-reduced-motion）需要全链路适配。一线团队的做法是把时长分级分为「信息型」和「装饰型」，前者降级为瞬时切换，后者直接关闭，切换逻辑收敛在令牌层。