焦点跳格

为什么有效

高亮块是画面里最强的颜色，带视线一格格走；焦点框颜色取自框内内容，选中态和内容用同一套颜色；一格一停的节奏让每次停顿成为一次选择。

参数

时长

窗口 0–0.7s 入场；货架段：镜头推近 0.5–1.3s，焦点框 1.1s 淡入，1.4、1.9、2.4、2.9、3.4s 五次滑动（滑动 0.25s，8 帧，再停 0.25s），3.95s 焦点框隐藏；网格段：镜头下沉 3.8–4.6s，光标 4.2s 入画，高亮从 4.7s 起每格停留 0.22–0.34s（7–10 帧），跳过 11 格到 7.34s，7.84s 点击，8.09–8.89s 拉回（0.8s）；尾卡 8.5s，焦点框 9.05、9.28、9.5s 跳格；全片 10.8s

缓动

网格高亮跳格是硬跳（tl.set）；货架滑动 expo.out 0.25s，焦点框颜色同时 power1.inOut 渐变；镜头移动 expo.out 0.8s；光标移动 power2.inOut 0.14–0.2s；点击涟漪 0.45s，焦点框 scale 0.975 后 back.out(2.4) 回弹

镜头

裁切特写：货架段 2.1x（linear 缓推到 2.2x，2.6s），网格段 2.0x，横向按格子位移的 40% 跟随光标所在行，2.6s 内下沉约 300px；8.09s 拉回整窗

主体

深色应用商店窗口；货架有 10 张应用卡（156×162px，间距 172px），固定在第三个槽位的焦点框不动，卡片每步左滑一张；网格有 12 个扩展格（307×134px，4 列），高亮沿蛇形路径（0、1、2、3、7、6、5、4、8、9、10）跳格，光标偏离格心约 ±8px 跟随；最后一格的 Install 按钮在点击帧变成 Installed

同步

焦点框的描边（2px）和底色（rgba(r,g,b,0.15)，网格段另加 0 0 36px 光晕）取框内图标的主色，货架滑动时渐变换色，网格跳格时随高亮硬跳；光标在移动路程的中点越过格子边界

风格

近黑 #08080a 舞台，侧栏 #121215，渐变应用图标；焦点框颜色跟随图标，圆角 15px；尾卡是四格标志加 76px 字标

提示词

常见说法

• 高亮块一格一格往下跳
• 选中框颜色跟着图标变
• 光标走到哪里亮到哪里

容易混淆

• 多人光标多人光标的光标是画面角色并执行动作；本条光标只引导高亮，关注点在高亮块和焦点框
• 推近操作再拉回推近再拉回移动镜头；本条镜头近乎静止，移动的是高亮块