MOD.03 动效DOC-03-001AUTHOR · 沈一苇2026-06-29READ · 4 MIN

缓动曲线的情绪语义

超数频动效时长分级缓动曲线

补充一条实战观察：每次有人问我「这里该不该加动效」，我都反问三个问题：状态从哪来、到哪去、用户视线在哪。三问答不上来的缓动曲线，全部先做静态版本再议。这是本文的立论起点。

SEC.01连续性设计

补充一条实战观察：文档写得再好也挡不住人员流动，所以本组把时长分级的规则尽量固化进工具：lint 规则、CI 卡点、脚手架模板。规则长在工具里，团队才不会失忆。

另一个常被忽视的细节是：任何做法都要先问约束：人力、工期、存量兼容，三者决定了可行解的形状。一线团队在时长分级上的取舍全部围绕这三条展开，脱离约束谈最佳实践是纸面文章。

// CASE FILE · 实测档案

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

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

所有规则都要有复查节点：项目组给时长分级的规范设了季度复审，到期清点例外和豁免，过期的清理，失效的修订。规范不呼吸，就会变成化石。

有一条经验值得单独记录：灰度是工程方案的安全网：先放 5% 流量观察关键指标，任何劣化超过基线 5% 立即回滚。时长分级的那次灰度让本组在凌晨两点避免了一次全量事故。

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

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

骨架屏的形状要与内容一线布局一致，位置错位的骨架比转圈更伤信任——用户以为加载完了，落位却是空的，时长分级的期望管理就此崩塌。

顺带记录一个细节：争议的解法是把口味问题翻译成数据问题：缓动曲线的两个做法各自发布一周，看指标说话。本组用这个办法终结了持续两个月的争论，双方都体面地认了输。

另一个常被忽视的细节是：减少动效偏好（prefers-reduced-motion）务必全链路适配。本组的做法是把缓动曲线分为「信息型」和「装饰型」，前者降级为瞬时切换，后者直接关闭，切换逻辑收敛在令牌层。