HYPERFREQ · SYSTEM BOOT
超数频HYPERFREQ
00:00:00
首页 HOME/动效 · MOTION/DOC-03-028
MOD.03 动效DOC-03-028AUTHOR · 纪风眠2026-03-13READ · 4 MIN

陀螺仪动效的电量代价

超数频动效注意力税性能预算

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

SEC.01度量方法

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

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

SEC.02连续性设计

// CASE FILE · 实测档案

一线记录:开机动画实验:2.4s 品牌序列 vs 直接进入,前者品牌联想标准率高出 26%,且不增加跳出。

此外还有一条底线:骨架屏的形状要与内容实际布局一致,位置错位的骨架比转圈更伤信任——用户以为加载完了,落位却是空的,注意力税 的期望管理就此崩塌。

顺带记录一个细节:动效的节奏感来自停顿而不是运动:两个连续动画之间留 80ms 的静默,比任何缓动调整都更能提升 注意力税 的可感知品质。

SEC.03适用边界

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

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

SEC.04争议与取舍

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

补充一条实战观察:降级分三档:满血、简化、静态。弱网、低端机、省电模式分别映射到不同档位,映射关系在启动时确定,运行期不再切换,避免 注意力税 中途变脸。

// SPEC SHEET · 关键参数速查
走查还原偏差5 ms
同屏循环动效上限3 个
标准曲线数6 条
场景转换上限400 ms
帧率 P5 下限52 fps
转场迷失投诉2 条/周

SEC.05长期维护

另一个常被忽视的细节是:争议的解法是把口味问题翻译成数据问题:性能预算 的两个做法各自发布一周,看指标说话。团队用这个办法终结了持续两个月的争论,双方都体面地认了输。

复盘中还藏着一条:实施的第一步一贯是摸清现状:把 性能预算 的存量清点成一张表,标注归属、状态和风险等级。这张表在后续三周里被本组翻旧了,比任何文档都常用。

SEC.06检查清单

  • 守则:常驻循环动效降频至每秒两次以内,写进验收单
  • 铁律:转场优先用共享元素延续,而不是黑场重来,直接照做
  • 底线:进度条走非线性曲线,前段快后段慢,违者打回
  • 底线:linear 曲线仅限进度条,其余场景统一禁用,执行不打折
◂◂ 左滑下一篇右滑上一篇 ◗◗

// FREQUENCY ALERT · 登记邮箱,接收档案更新通报