MOD.03 动效DOC-03-027AUTHOR · 何澈2026-03-17READ · 4 MIN

动效 AB 测试的指标选取

超数频动效性能预算时长分级

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

SEC.01验收流程

最后再记一笔：动效的节奏感来自停顿而不是运动：两个连续动画之间留 80ms 的静默，比任何缓动调整都更能提升性能预算的可感知品质。

这里再补一笔：动效资产和图片一样需要管理：每个时长分级录入用途、时长和负责人，半年巡检一次，无人引用的动效直接下架，库的体积三年只涨了 12%。

// CASE FILE · 实测档案

档案记录：转场改造：黑场切换换成共享元素延续后，「我点哪了」类反馈从每周 9 条降到 1 条。

灰度是工程做法的安全网：先放 5% 流量观察关键指标，任何劣化超过基线 5% 马上回滚。性能预算的那次灰度让本组在凌晨两点避免了一次全量事故。

所有规则都要有复查节点：一线团队给性能预算的规范设了季度复审，到期清点例外和豁免，过期的清理，失效的修订。规范不呼吸，就会变成化石。

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

这里再补一笔：品牌动效要有签名性：项目组给时长分级定了一条 700ms 的品牌曲线，所有强调动效共用它。用户说不出哪里像，但闭着眼也知道是同一个产品。

顺带记录一个细节：实施的第一步始终是摸清现状：把时长分级的存量清点成一张表，标注归属、状态和风险等级。这张表在后续三周里被团队翻旧了，比任何文档都常用。

循环动画要交注意力税。呼吸点、闪烁提示这类常驻动效，项目组在过一遍时统计同屏数量，超过 3 个就需要合并或降频——人眼无法同时追踪三个以上的运动源。

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

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

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

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