操作反馈
按钮按下、表单校验、菜单展开、加载等待，这些位置没有反馈，用户会怀疑自己点错了。时长控制在 120–240 毫秒，动作干脆。
优先级最高
四类动效场景
先分清哪些动效该做，哪些可以不做
同一个页面里塞满动画，用户只记住卡顿。我们通常把动效分成四类，按必要程度排序，预算优先给前两类。
首屏入场
标题、主图、指标卡依次出现，用 600–900 毫秒建立第一印象。序列入场最多三层，再多就显得拖沓。
观感提升明显滚动叙事
视差、吸顶、进度条、逐段显现，适合长页面讲清一件事。桌面端可以多层，手机端减到一层，避免反复重绘。
长页面适用页面转场
从列表进详情、从首页到分类，用统一的过渡遮罩或位移衔接。转场必须能被打断，用户连点两下也不能卡住。
按需配置
实施五步
从盘点到上线，动效是一段可以对照的流程
每一步都有明确的产出物和验收口径，你能在中间任何节点看到进度，而不是等到上线才发现手感不对。
动效需求盘点
0.5–1 个工作日把页面逐屏走一遍，标出每个需要动效的位置：哪些是非做不可的反馈（按钮、表单、菜单），哪些是可选的叙事（首屏入场、滚动视差）。同时确认目标设备、内容量级和上线时间，先把清单定下来再动手。
产出：动效清单
剔除：装饰性动画
节奏脚本与分镜
2–3 个工作日为每个动效写清触发条件、持续时长、缓动曲线和结束状态，形成一页可对照的节奏脚本。首屏入场总时长压到 600–900 毫秒，滚动触发的动作留 80 毫秒延迟，避免用户刚滑到就被推着走。
时长误差 ±50ms
一条动效一行参数
高保真动效样张
3–5 个工作日挑一到两个关键场景做成浏览器里可点击的样张，先试手感：滚动是否跟手、返回是否有回弹、图表增长会不会抢走注意力。手感确认后再批量铺开到其它模块，返工量能省掉一半。
可点击样张 1–2 个
含 3 轮微调
前端实现与性能校准
5–8 个工作日只动 transform 与 opacity 两类属性，避开触发布局重排的写法；动画走合成层，滚动手势用 requestAnimationFrame 节流。低端机与系统的省电模式自动降级为静态呈现，页面照常可读。
首屏动画 ≤1.2s
帧率 ≥55fps
自动降级策略
上线回归与交付说明
1–2 个工作日上线前在 iOS、Android 和桌面三端真机回归，检查弱网与首次加载表现；上线后看埋点数据，确认动效没有挡住关键按钮。最后交付一份动效说明文档，写清参数与选择器，以后换图文不用重新找曲线。
三端真机回归
交付文档 1 份
想知道你的页面适合几档动静？
把网址发过来，我们先做一次免费的动效体检，列出可删和可加的位置。
预约动效体检
交付标准
做得好看不是终点，能验收才算完成
下面四个数字写在每份动效方案里，上线前逐条对照，不达标就继续调。
1.2s
首屏动画预算
从首帧开始到最后一个入场元素落位，超过这条线就砍层级，不加时长。
55fps
中端安卓帧率下限
四年前的中端机型实测，低于这个值说明动效抢了渲染资源，当场简化。
120ms
反馈响应上限
按钮、菜单、表单的状态变化在此之内出现，用户才觉得是自己触发的。
3端
真机回归范围
iOS、Android、桌面浏览器各覆盖主力与低端各一台，弱网场景另外走一遍。
常见疑问
关于动效，客户最常问的五件事
如果这里没有你的问题，直接在底部表单里写出来，我们会连同排期一起回复。
工作日 9:30–18:30 回复不会按装饰堆量的方式做。乐动网页在实现阶段只动 transform 与 opacity 两类属性，避开会触发布局重排的写法，首屏入场总时长控制在 600 至 900 毫秒，首屏动画完成时间不超过 1.2 秒。上线前会在四年前的中端安卓机上跑一遍，帧率低于 55fps 的场景会被简化或改成静态呈现。
节奏一致，力度分开。桌面端可以承担滚动视差和多层视差，手机端通常改成一次入场加轻量位移，避免长页面里反复触发动画耗电。同一条动效在两端的时长、缓动曲线保持一致，只是位移距离和图层数量按屏幕缩小，用户不会觉得换了风格。
不会。交付时会附一份动效说明文档，写明每个动画对应的选择器、触发条件、时长和缓动参数，替换图文只需要保持结构不变。如果改动涉及新增模块，按文档里的参数续写即可，不需要重新找一遍动画曲线。
单页站点常见排期是 12 至 19 个工作日：需求盘点 0.5 至 1 天、节奏脚本 2 至 3 天、高保真样张 3 至 5 天、前端实现与性能校准 5 至 8 天、上线回归与交付 1 至 2 天。页面数量多或含数据可视化动画时，实现阶段会相应延长，具体在盘点结束后给到确定日期。
盘点阶段会先看现有品牌规范里的色彩、图形和语速，再定三档节奏：稳重、轻快、强表现。稳重档多用淡入与位移，轻快档加入回弹和序列入场，强表现档才会用到视差与转场遮罩。选定一档后全场统一，不在同一个页面里混用三种速度。
说说你的页面，我们给一套动效方案
填四项信息就够了：页面是什么、想强调什么、什么时候要。剩下的交给我们来问。