Motionboard
原片 · Arc Boosts · 0:00–0:05YouTube ↗
Motionboard 复刻

同版换肤快切

布局位置不变，每 6–10 帧硬切换一套配色和字体。

完整配方

为什么有效

布局锁定后观众的眼睛停在同一位置，每次切换只看到变化的部分；切点卡音乐重拍，皮肤之间的颜色差距足够大。

参数

时长
皮肤切换：1.0s 到 2.6s 间隔 16 帧（0.53s）共 4 次；字卡 3.13–3.73s（18 帧）；3.73–6.13s 间隔 8 帧（0.27s）共 10 次；6.4–8.4s 间隔 6 帧（0.2s）共 11 次，落在一套皮肤上；8.67s 回车应用；字标硬切 9.4–9.7s；全片 11s
缓动
无过渡，单帧 tl.set 切换 class；只有 toast（expo.out 0.35s）、光标移动和最后的 scale 推近有动画
镜头
固定；编辑器窗口 1632×918px（占画面 85%），位置锁死；落定后 8.4–9.4s scale 1→1.03 linear 缓推 1s
主体
同一个页面（1240×828px 站点画布）通过八个主题 class 换肤：Mono 白、Gazette 米黄衬线、Neon 深紫加荧光绿与等宽、Fern 绿色衬线、Block 橙底粗体窄字、Sorbet 粉与淡紫、Poster 蓝底窄体大写、Noir 深色加金色衬线；布局和元素全程不动
同步
主题列表面板高亮当前行，每次切换时向下方向键键帽亮 3 帧；光标 0.87s 点中 Gazette 行，1.0s 开始第一次切换；字卡颜色取自前后两套皮肤（#fff1f5 底、#ff5a1f 字）
风格
每套皮肤通过 CSS 变量改背景、文字、强调色、边框和字体；饱和纯色（Block #ff5a1f、Poster #2340ff）与安静的浅色、深色皮肤交替；皮肤之间字体风格差异明显

提示词

用「同版换肤快切（Locked-Layout Reskin）」展示你的页面可定制：同一页面放在占画面 85%（1632×918px）的编辑器窗口里，位置和元素布局完全锁死。在单帧内切换主题 class，轮换八套皮肤，每套通过 CSS 变量改背景、文字、强调色、边框和字体（白色 Mono、米黄衬线 Gazette、深色加荧光绿与等宽的 Neon、绿色 Fern、橙底粗体窄字 Block、粉色 Sorbet、蓝底 Poster、深色金色 Noir）。每次切换让向下方向键键帽亮 3 帧。开场光标 0.87s 点中一套皮肤，随后 1.0 到 2.6s 每 16 帧切一套，共 4 套；3.13s 插入一张 0.6s 纯色字卡，颜色取自前后两套皮肤；接着每 8 帧切一套，共 10 套；再每 6 帧切一套，共 11 套，8.4s 落在选中的那套上。8.67s 回车确认并弹出 toast，用 1s 把 scale 从 1 推到 1.03，最后用几次硬切皮肤收成字标。

常见说法

  • 同一个网页换好多种配色字体
  • 版式不变颜色一直跳
  • 快速切换不同主题

容易混淆

  • 控件驱动控件驱动画面里有控件并同帧改变结果；本条没有控件，靠剪辑节奏表达可换肤
  • 焦点跳格焦点跳格是一个高亮块移动；本条整页皮肤变化
配方文件 (.md)

更多「衔接」