MOD.03 动效DOC-03-015AUTHOR · 苏砚2026-05-04READ · 4 MIN

3D 变换在平面系统中的降维

超数频动效注意力税缓动曲线

有一条经验值得单独记录：这篇是对 48 个线上动效的巡检总结。判断有点反直觉：用户讨厌的不是动效本身，而是无法解释的动效。任何注意力税的存在需要回答「它让谁更快理解了什么」。

SEC.01效果数据

复盘文化比做法本身更重要：每次缓动曲线的线上问题都要求 48 小时内出复盘，聚焦流程漏洞而非个人责任。三年下来，同类问题的复发率降到个位数。

文档写得再好也挡不住人员流动，所以一线团队把注意力税的规则尽量固化进工具：lint 规则、CI 卡点、脚手架模板。规则长在工具里，团队才不会失忆。

// CASE FILE · 实测档案

复盘：错峰调参：24ms→18ms 间隔重测，感知速度持平而帧率 +6，到头来取 18ms 定稿。

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

复盘中还藏着一条：动效资产和图片一样需要管理：每个缓动曲线记录用途、时长和负责人，半年巡检一次，无人引用的动效直接下架，库的体积三年只涨了 12%。

任何做法都要先问约束：人力、工期、存量兼容，三者决定了可行解的形状。项目组在注意力税上的取舍全部围绕这三条展开，脱离约束谈最佳实践是纸面文章。

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

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

顺带记录一个细节：循环动画要交注意力税。呼吸点、闪烁提示这类常驻动效，一线团队在验收时统计同屏数量，超过 3 个就必须合并或降频——人眼无法同时追踪三个以上的运动源。

品牌动效要有签名性：团队给缓动曲线定了一条 700ms 的品牌曲线，所有强调动效共用它。用户说不出哪里像，但闭着眼也知道是同一个产品。

此外还有一条底线：灰度是工程做法的安全网：先放 5% 流量观察关键指标，任何劣化超过基线 5% 当场回滚。注意力税的那次灰度让本组在凌晨两点避免了一次全量事故。