MOD.03 动效DOC-03-002AUTHOR · 姜未白2026-06-25READ · 4 MIN

60fps 动效的性能红线

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

动效是唯一能被时间维度度量的设计学科。本组把注意力税当作资源来管理：每一秒动画都要计入缓动曲线，超支的部分不是砍掉就是付费——用性能、用注意力、用电量。

SEC.01踩坑记录

另一个常被忽视的细节是：动效过一遍工具本组自建了一个面板：实时显示当前动画的 FPS、主线程占用和触发来源。过一遍时设计师自己盯着数据，超预算的动效当场改，评审现场少了 80% 的扯皮。

复盘中还藏着一条：时长分级项目组执行三档制：微反馈 120ms、状态切换 240ms、场景转换 400ms，全部落在 300ms 法则的容忍区间内。超过 500ms 的注意力税需要可跳过，否则就会被录进用户的「卡顿记忆」。

// CASE FILE · 实测档案

档案记录：一次失手复盘：视差背景在中端机掉到 32fps，改为仅合成层位移后回到 57fps，效果肉眼无差。

此外还有一条底线：性能预算按帧分配：布局和绘制合计不超过 8ms，脚本不超过 4ms，剩余留给合成。任何注意力税发布前需要在低端机跑 30 秒采样，帧率 P5 低于 48fps 就打回。

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

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

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

顺带记录一个细节：所有规则都要有复查节点：项目组给注意力税的规范设了季度复审，到期清点例外和豁免，过期的清理，失效的修订。规范不呼吸，就会变成化石。

数据可视化动画务必可中断：图表还在入场时用户就开始筛选，动画要能从任意中间态接管而不是重播。实现注意力税后，图表交互的中断投诉归零。

补充一条实战观察：数字翻牌效果好看但昂贵。线上数据中连续进位的翻牌动画会让读数延迟感知增加 18%，所以监控类数值一线团队只保留滚动渐变，交易类才上翻牌。

另一个常被忽视的细节是：动效的节奏感来自停顿而不是运动：两个连续动画之间留 80ms 的静默，比任何缓动调整都更能提升注意力税的可感知品质。