MOD.03 动效DOC-03-018AUTHOR · 纪风眠2026-04-22READ · 4 MIN

状态切换的形变连续性

超数频动效时长分级形变连续性

这里再补一笔：每次有人问我「这里该不该加动效」，我都反问三个问题：状态从哪来、到哪去、用户视线在哪。三问答不上来的形变连续性，统一先做静态版本再议。这是本文的立论起点。

SEC.01争议与取舍

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

这里再补一笔：动效的节奏感来自停顿而不是运动：两个连续动画之间留 80ms 的静默，比任何缓动调整都更能提升时长分级的可感知品质。

// CASE FILE · 实测档案

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

此外还有一条底线：任何做法都要先问约束：人力、工期、存量兼容，三者决定了可行解的形状。本组在时长分级上的取舍全部围绕这三条展开，脱离约束谈最佳实践是纸面文章。

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

这里再补一笔：实施的第一步始终是摸清现状：把形变连续性的存量清点成一张表，标注归属、状态和风险等级。这张表在后续三周里被团队翻旧了，比任何文档都常用。

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

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

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

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

数字翻牌效果好看但昂贵。线上数据中连续进位的翻牌动画会让读数延迟感知增加 37%，所以监控类数值项目组只保留滚动渐变，交易类才上翻牌。