原片 · Vercel v0 · 0:02–0:13YouTube ↗
Motionboard 复刻

提示词轮播

标题下一条线加厚成胶囊再变输入框,框内逐条打提示词并上下滚动。

完整配方

为什么有效

输入框从标题本身长出来,没有切镜。提示词上下各露出一条 20% 灰的半透明行,能看出这是一串可选项;全程画面只有垂直方向的运动。

参数

时长
全片 11s:标题词 0.15–0.7s(错开 0.09s,每词 0.4s);划线 0.85–1.05s;加厚 1.0–1.3s;加宽 1.4–1.8s;应用外壳 1.65–2.3s 淡入;第一条提示词 2.15–4.87s 打出(41 个字符);5.27、6.12、6.97s 三次上滚(每次 0.3s);7.82s 按下发送;胶囊 8.07–8.57s 收拢;字标 8.42s,标语 8.57s
缓动
词 expo.out 0.4s;线 power3.inOut 0.2s;加厚 expo.out 0.3s;加宽 power3.inOut 0.4s;轮播上滚 cubic-bezier(0.16,1,0.3,1) 0.3s(9 帧);发送按下 scale 0.88 历时 0.07s,再 back.out(1.7) 0.25s
镜头
取景固定,整个舞台从 1.8s 起缓推,9.2s 内 scale 1→1.05(linear);内容在垂直方向运动,每次上滚 90px
主体
「What should we build?」四个词(64px,字重 600)y 19→0 上升,错开 0.09s → 3px 黑线从中心展开到 860px(scaleX 0→1)→ 加厚成 112px 高的胶囊(圆角 56px)并带柔和阴影,标题同时反白 → 胶囊 860→1280px 加宽,标题缩到 30px 并移入文字位,附件按钮、模型选择器和发送按钮淡入 → 页头、快捷标签和最近项目出现 → 第一条提示词以约 15 字符/秒打出(空格后多停 0.07s,标点后多停 0.1s,带固定随机抖动)→ 整列每次上滚 90px,共三次(打完后 0.4s,之后每隔 0.85s),旧行变浅灰停在胶囊上方,框下以 22% 不透明度露出下一条 → 发送,外壳淡出,胶囊收成 480×124px 包住白色标志和字标
同步
标题反白的同时(1.03s)胶囊加厚;1.9s 标题被输入行取代;每次上滚时新进入行的文字在整列移动的同一帧变白;发送按下在 7.75–7.82s,外壳从 7.97s 开始淡出
风格
纯白底;黑色胶囊(#111111)是唯一的大面积深色;Inter 字体,提示词 30px 字重 500;幽灵行 rgba(17,17,17,0.22);阴影很浅

提示词

用「提示词轮播(Prompt Carousel)」做开场:纯白底,居中的四词标题(「What should we build?」,64px)从下往上位移 19px 淡入,每词错开 0.09 秒,用 expo.out 在 0.4s 内完成。一条黑色细线从文字中线向两侧展开到 860px(0.2s),用 0.3s 加厚成 112px 高的黑色胶囊,文字同一帧反白。随后胶囊用 power3.inOut 在 0.4s 内加宽到 1280px,标题缩到 30px 移入文字位,附件按钮、模型选择器和发送按钮在四周淡入。标题清空后,以约 15 字符/秒打出第一条提示词,光标跟在最后一个字符后,框下用 22% 灰露出下一条。随后整列用 0.3 秒 expo.out 上滚一行(90px),打完后 0.4s 滚第一次,之后每 0.85s 滚一次,共三次,旧行变浅灰停在胶囊上方。最后按下发送(scale 0.88,再 back.out(1.7)),外壳淡出,胶囊收成 480×124px,包住你的标志和字标。整段伴随 scale 1→1.05 的缓慢推近。

常见说法

  • 标题变成输入框,里面一条条打提示词
  • 输入框里的提示词上下滚动换下一条
  • AI 产品那种输入框打字开场

容易混淆

  • 节奏打字节奏打字是屏幕中央一行字的打出与删除;提示词轮播的容器是输入框,多条提示词上下滚动
  • 逐词点亮逐词点亮只做提亮、不涉及输入框形态变化
配方文件 (.md)

更多「讲功能」