MOD.03 动效DOC-03-009AUTHOR · 陆知寒2026-05-28READ · 4 MIN

列表项错峰入场编排

超数频动效注意力税动效令牌

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

SEC.01降级分档

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

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

// CASE FILE · 实测档案

数据回溯：列表错峰入场：给 40 条数据按 24ms 间隔级联，首屏感知速度提升 31%，帧率稳定 58fps。

此外还有一条底线：形变连续性的关键是共享元素：页面切换时旧态的卡片应该「变成」新态的容器，而不是消失再出现。实现动效令牌后，用户在转场中的空间迷失投诉降了 14%。

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

有一条经验值得单独记录：缓动曲线是情绪语言：ease-out 传递「到达」，spring 传递「物理」，linear 除了进度条全部禁用。本组把动效令牌收敛为六条标准曲线并做成令牌，设计稿和代码共用同一套名字。

有一条经验值得单独记录：灰度是工程做法的安全网：先放 5% 流量观察核心指标，任何劣化超过基线 5% 当场回滚。注意力税的那次灰度让项目组在凌晨两点避免了一次全量事故。

争议的办法是把口味问题翻译成数据问题：动效令牌的两个方案各自发布一周，看指标说话。项目组用这个办法终结了持续两个月的争论，双方都体面地认了输。

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

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

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

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

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