推近操作再拉回

为什么有效

每次推近只服务一个操作，操作完成立刻拉回，观众始终知道当前位置在整页哪里；前快后慢的缓动让镜头落位干脆。

参数

时长

全片 11s，两段推近–操作–拉回。推近 0.6s（18 帧），分别在 1.1s 和 5.0s；停留 2.35s 和 2.75s；拉回 0.7s（21 帧），分别在 4.05s 和 8.35s。光标移动 0.5s（1.8–2.3s 和 5.7–6.2s），拖拽 0.6s（2.55–3.15s），点击 6.25s，打字 6.45–7.45s，回车 7.65s；窗口淡出、字标在 9.25–10.5s 进入

缓动

推拉 cubic-bezier(0.16,1,0.3,1)（expo.out）；光标移动 power2.inOut；按下 0.08s power2.out，释放 0.22s back.out；运动模糊滤镜升起用 power1.out，淡出用 power1.in

镜头

整个窗口放进一个容器，两次推近都是 scale 2x，把目标元素平移到画面中心 (960, 540)，transform-origin 设在容器左上角；每次推近 blur 3px，每次拉回 blur 2px（0.12s 升起，0.3s 淡出）；整场景缓慢漂移 scale 1.00→1.035，共 9.2s

主体

镜头先到位，光标在推近完成后 0.1s 才开始移动。操作一：把日历卡片拖到下一天（抓取 2.4s，放下 3.2s）。操作二：点击空白时段（6.25s，带涟漪），弹出草稿卡片，打出标题，7.65s 回车

同步

3.2s 放下时，卡片、侧栏面板、菜单栏文字、活动记录和 toast 在同一帧变化；7.65s 回车时面板切换并显示 toast，同在一帧；每次拉回在操作后 0.7–0.85s 开始，toast 仍在显示；每次推近都是 0.6s、每次拉回都是 0.7s，缓动相同

风格

macOS 桌面加日历窗口，用 DOM 重建，放大 2x 后文字保持清晰；紫色选中描边 rgba(139,92,246,1)，标 #3b5bfd；运动模糊是相机层上的 CSS blur；收尾 lockup 用 1.5s 推近 3%

提示词

常见说法

• 镜头自动凑近要点的按钮
• 点完又拉回整个页面
• 录屏软件的自动放大

容易混淆

• 斜拍景深界面斜拍景深界面保持贴近并横移，靠倾斜和虚化当实物拍；本条用缩放在全景与局部之间往返
• 焦点跳格焦点跳格是高亮在多个格子间移动，镜头基本不动；本条移动的是镜头