何时使用
在用户想要创建以下内容时使用此技能：
-
教育教程视频 - 研究主题并创建动画讲解
- 示例：“为三年级学生创建一个关于蝴蝶生命周期的教程”
-
SaaS 演练演示 - 通过动画界面展示软件功能
- 示例：“创建一个演示视频，展示如何使用 Notion 的数据库功能”
-
产品发布公告 - 带有动态图形的营销视频
- 示例：“创建一个发布视频，宣布我们新的 AI 驱动搜索功能”
-
教程/演练视频 - 带有光标动画的分步指南
- 示例：“创建一个教程，展示如何在我们应用中设置一个项目”
-
社交媒体推广视频 - 用于广告的简短、有力的动态文字视频
- 示例：“为我们的健身应用创建一个 15 秒的 Instagram 广告”
-
应用/产品展示视频 - 动态文字与浮动 UI 模型相结合
- 示例：“创建一个展示我们加密货币交易所界面的推广视频”
-
落地页展示视频 - 具有设计工具美学的网页动画
- 示例：“创建一个展示我们新 SaaS 落地页设计的视频”
视频制作工作流程
所有视频类型都遵循此流程：
1. 理解 → 2. 研究 → 3. 脚本 → 4. 场景 → 5. 音频 → 6. 动画
第一步：理解需求
识别：
- 视频类型： 教育教程、SaaS 演示、产品发布、教程/演练、社交媒体推广、应用展示、落地页展示，还是 AI 讲解？
- 目标受众： 年龄、专业水平、背景
- 语调： 教育性、专业性、充满活力、趣味性、戏剧性、极简
- 时长： 超短（5-15 秒）、短（30-60 秒）、中（1-3 分钟）、长（3-5 分钟）
- 格式： 宽屏 16:9 (1920x1080)、正方形 1:1 (1080x1080) 或竖屏 9:16 (1080x1920)
- 视觉风格： 暗色戏剧、柔和渐变、干净极简、或设计工具美学
第二步：研究（针对教程和演示）
对于教育内容：
- 搜索准确、最新的信息
- 使用可靠来源（官方文档、教育网站）
- 收集关键事实、统计数据或步骤进行解释
对于 SaaS 演示：
- 探索产品以了解功能
- 截取屏幕截图或注意 UI 模式
- 确定要演示的关键工作流程
第三步：编写脚本
在生成音频之前，先编写完整的画外音脚本。结构因视频类型而异（见下文）。
第四步：规划场景
将脚本分解为视觉片段：
- 每个场景 = 一个关键想法或步骤
- 注意每句台词对应的视觉效果
- 规划场景之间的转场
第五步：生成音频
使用 Resemble.ai 生成画外音（参见下面的设置）。
第六步：创建动画
使用与音频同步的动画构建 Remotion 合成。
视频类型：教育教程
目标： 针对特定受众水平清晰地解释一个概念。
脚本结构
钩子 (5-10 秒)
“你有没有想知道毛毛虫是如何变成蝴蝶的？”
引言 (10-15 秒)
设定背景并预览他们将学到什么。
主体（主要内容，分为 3-5 个关键点）
- 要点 1：用视觉隐喻解释
- 要点 2：基于前一个要点展开
- 要点 3：添加细节或示例
- ...
回顾 (10-15 秒)
总结关键要点。
结尾 (5 秒)
行动号召或结束语。
受众适应
| 受众 | 语言风格 | 视觉效果 |
|---|---|---|
| 幼儿园-二年级 | 非常简单、有趣、5 个单词的句子 | 鲜艳的色彩、可爱的角色、大形状 |
| 三年级-五年级 | 简单但信息丰富、类比 | 清晰图表、分步、中等节奏 |
| 六年级-八年级 | 更多词汇、因果关系 | 图表、带标签的图示、较快节奏 |
| 高中及以上 | 可使用技术术语、有细微差别 | 数据可视化、详细图形 |
| 成人 | 专业、简洁 | 干净设计、信息图 |
教程动画模式
- 揭示： 随着叙述者提及元素而淡入
- 变换： 变形形状以显示变化（毛毛虫 → 蝴蝶）
- 图表： 动画标签、指向部件的箭头
- 时间线： 进度条、步骤指示器
- 比较： 并排展示并高亮
示例场景计划
脚本：“首先，蝴蝶在叶子上产下小小的卵。”
场景 1：
- 视觉：出现叶子（从底部滑入，弹性动画）
- 视觉：小的卵在叶子上淡入
- 时间：将“卵”这个词与卵出现同步
- 时长：4 秒
视频类型：SaaS 演练演示
目标： 向用户展示如何在软件中完成一项任务。
脚本结构
钩子 (5-10 秒)
“让我向你展示如何在 [产品] 中 [完成目标]。”
背景 (10 秒)
为什么这个功能很重要，它解决了什么问题。
演练（主要内容）
- 步骤 1：导航到 X
- 步骤 2：点击 Y
- 步骤 3：配置 Z
- ...
结果 (10 秒)
展示结果、最终状态。
结尾 (5-10 秒)
回顾收益，建议下一步。
视觉元素
- UI 模型： 界面的风格化表示
- 光标动画： 动画指针移动到点击目标
- 高亮： 正在讨论的按钮/字段周围发光边框
- 缩放效果： 聚焦 UI 的特定区域
- 标注： 指向 UI 元素的文本标签
演示动画模式
- 光标移动： 平滑贝塞尔曲线，点击前稍作停顿
- 点击效果： 点击时产生波纹或脉冲
- 字段聚焦： 高亮边框，轻微放大
- 打字动画： 输入字段中逐个出现字符
- 转场： 屏幕之间滑动或淡出
- 标注箭头： 动画进入、指向元素、淡出
示例场景计划
脚本：“点击侧边栏中蓝色的‘新建数据库’按钮。”
场景：
- 视觉：侧边栏的 UI 模型
- 动画：光标移动到按钮（0.8 秒 缓出）
- 动画：按钮发光高亮
- 动画：点击波纹效果
- 动画：新面板从右侧滑入
- 时长：3 秒
视频类型：产品发布公告
目标： 激发对新产品或功能的兴奋感。
脚本结构
钩子 (5-10 秒)
大胆的陈述或问题，以吸引注意力。
问题 (10-15 秒)
这解决了什么痛点？
解决方案揭晓 (10-15 秒)
戏剧性地介绍产品/功能。
关键特性 (20-40 秒)
3-5 个简洁的功能亮点及视觉效果。
社会证明（可选，10 秒）
统计数据、推荐或可信度标志。
行动号召 (5-10 秒)
观众接下来应该做什么？
视觉风格
- 大胆的排版： 大文字、动态文字动画
- 品牌颜色： 一致地使用产品的调色板
- 图标和图形： 抽象形状、功能图标
- 高能量： 更快的剪辑、动态运动
- 标志揭示： 最后显示动画标志
发布动画模式
- 文字冲击： 词语带有冲击力地出现
- 动态排版： 移动、缩放、旋转的文字
- 计数器动画： 数字向上计数（用户、收入等）
- 图标序列： 功能以弹跳/弹性出现
- 渐变背景： 缓慢变化的颜色渐变
- 粒子效果： 微妙的闪烁、浮动形状
- 标志揭示： 放大、淡入或从碎片中组装
示例场景计划
脚本：“隆重推出智能搜索——毫秒内找到任何东西。”
场景：
- 视觉：带有渐变的深色背景
- 动画：“隆重推出”淡入（0.5 秒）
- 动画：“智能搜索”以大号粗体字冲击出现（0.3 秒，带震动）
- 动画：标语在下方打字效果出现（打字机效果，1.5 秒）
- 动画：搜索图标脉冲
- 时长：4 秒
视频类型：教程/演练
目标： 通过清晰的分步视觉指导，教用户如何完成任务。
脚本结构
介绍 (3-5 秒)
“这是如何在 [产品] 中 [完成目标]。”
步骤 1 (10-20 秒)
第一步动作，并附有清晰的视觉演示。
步骤 2 (10-20 秒)
第二步动作，基于上一步。
步骤 3+ (每个 10-20 秒)
继续工作流程...
成功状态 (5-10 秒)
显示完成，庆祝结果。
回顾（可选，5 秒）
快速总结完成了什么。
视觉风格
- 浅色、干净的背景： 米白 (#fafafa)、奶油色或浅灰色
- 完整的 UI 上下文： 显示完整的界面，而不仅仅是碎片
- 进度指示器： 步骤面包屑导航、编号阶段 (1 → 2 → 3)
- 光标引导： 平滑的光标移动引导观众视线
- 成功庆祝： 绿色复选标记、五彩纸屑或品牌化的成功屏幕
- 最少干扰： 专注于任务，避免装饰性元素
教程动画模式
- 光标编排： 平滑的贝塞尔路径，在点击前稍作停顿
- 点击反馈： 点击时产生微妙的波纹或高亮
- 表单字段聚焦： 字段激活时边框发光
- 打字模拟： 文本逐个字符出现在输入框中
- 步骤转场： 屏幕之间柔和的叠化或滑动
- 进度更新： 面包屑/步骤指示器向前动画
- 成功爆发： 复选标记弹性放大，可选五彩纸屑
- 面板揭示： 侧边栏或下拉菜单平滑滑入
视觉元素
- 面包屑导航： “← 1. 意图 → 2. 种子想法 → 3. 画板”
- 表单输入： 占位符文本、标签、验证状态
- 按钮： 带有显示悬停/激活状态的清晰 CTA
- 侧边栏/面板： AI 建议、设置或工具面板
- 成功屏幕： 带有图标和消息的全色背景
示例场景计划
脚本：“首先，输入你的课程内容。”
场景 1 - 设置 (2 秒):
- 视觉：完整的应用界面，浅色背景
- 视觉：面包屑显示“2. 种子想法”活跃
- 动画：屏幕淡入
场景 2 - 交互 (4 秒):
- 视觉：带有“输入概念或主题：”标签的表单
- 动画：光标移动到输入字段（0.6 秒 缓出）
- 动画：字段边框高亮为蓝色
- 动画：“蘑菇的秘密生活”逐个字符输入（2 秒）
- 动画：光标移动到“继续”按钮
场景 3 - 转场 (2 秒):
- 动画：按钮在悬停时高亮
- 动画：点击波纹效果
- 动画：屏幕向左滑动，新面板滑入
场景 4 - 结果 (3 秒):
- 视觉：带有 AI 建议面板的画板视图
- 动画：建议卡片交错出现（每个延迟 0.15 秒）
- 动画：“课程流程”部分填充
场景 5 - 成功 (3 秒):
- 视觉：绿色全屏背景
- 动画：白色圆圈弹性放大
- 动画：圆圈内绘制复选标记
- 动画：“你的课程已上线！”在下方淡入
- 动画：副标题“准备好激发好奇与发现”淡入
教程节奏指南
| 步骤复杂度 | 时长 | 备注 |
|---|---|---|
| 简单点击 | 2-3 秒 | 点击并立即显示结果 |
| 表单输入 | 4-6 秒 | 输入 + 提交 |
| 多字段表单 | 8-12 秒 | 多个输入 |
| 复杂工作流程 | 15-20 秒 | 几个子步骤 |
| 成功状态 | 3-5 秒 | 让它停留一会儿 |
有效教程的提示
- 每个场景一个动作 — 不要将多次点击合并在一起
- 在结果处暂停 — 让观众在继续前看到结果
- 高亮变化 — 在新元素上使用微妙的光晕或缩放
- 使旁白与动作同步 — 旁白说“点击”时执行点击
- 显示完整 UI — 上下文有助于用户定位
- 以庆祝结束 — 成功状态强化完成感
视频类型：社交媒体推广
目标： 通过大胆的动态文字快速吸引注意力，用于广告和社交内容。
脚本结构
钩子 (1-3 秒)
一个强有力的词或短语，能阻止用户滚动。
价值主张 (3-5 秒)
对他们有什么好处？一句有力的话。
功能闪现 (5-10 秒)
2-3 个关键好处，快速连续。
行动号召 (2-3 秒)
明确的行动：“立即下载”、“免费试用”、URL
视觉风格
- 极简背景： 纯色或简单渐变
- 最大对比度： 深色背景 + 白色文字 或 彩色背景 + 白色文字
- 逐词揭示： 每个词都有自己的时刻
- 颜色转场： 场景间的背景颜色变化
- 正方形格式： 1080x1080 用于 Instagram/社交信息流
社交推广动画模式
- 文字冲击： 单个词语带有冲击力地出现（缩放 1.2→1 + 轻微震动）
- 背景闪烁： 词语/短语之间即时颜色变化
- 文字缩放： 词语变大然后缩小为下一个词腾出空间
- 最少动态： 让大胆的排版发挥作用
- 快速剪辑： 每个词/短语最多 0.5-1 秒
示例场景计划
脚本：“我们准备好了。”
场景序列（共 4 秒）：
- 帧 1：黑色背景，“WE”白色冲击出现（0.8 秒）
- 帧 2：白色背景，“A”黑色居中显示（0.8 秒）
- 帧 3：红色背景，“R”逐个打出，变成“READY”（1.6 秒）
- 帧 4：保持最后一帧（0.8 秒）
时长指南
| 平台 | 理想长度 | 最大长度 |
|---|---|---|
| Instagram Reels | 15-30 秒 | 90 秒 |
| TikTok | 15-60 秒 | 3 分钟 |
| Twitter/X | 15-45 秒 | 2 分 20 秒 |
| 30 秒-1 分钟 | 10 分钟 | |
| YouTube Shorts | 15-60 秒 | 60 秒 |
视频类型：应用/产品展示
目标： 以电影般的风格展示产品界面，结合文字和 UI。
脚本结构
钩子 (3-5 秒)
问题陈述或有趣的问题。
介绍产品 (5-10 秒)
显示产品名称/标志，建立品牌。
功能导览 (20-40 秒)
通过 UI 演示，浏览 3-5 个关键功能。
收益总结 (5-10 秒)
回顾它的特别之处。
行动号召 (5 秒)
URL、应用商店徽章或下一步。
视觉风格
- 深色渐变背景： 黑色到紫色/蓝色，适用于科技产品
- 柔和渐变背景： 柔和色调（粉色、薰衣草色、薄荷色），适用于友好型应用
- 浮动 UI 模型： 带有阴影的、略微倾斜的应用屏幕
- 动态文字与 UI 结合： 文字出现在界面旁边或上方
- 光标交互： 在 UI 内显示点击、滚动、输入
应用展示动画模式
- 屏幕悬挂/浮动： 手机或桌面 UI 浮动并在 y 轴上轻微移动（3-5 像素）
- 缩放聚焦： 相机放大到特定 UI 元素
- 文字标注： 文本和箭头指向 UI 部分
- 光标点击： 点击按钮打开新屏幕、菜单或模态框
- 滚动模拟： UI 内容向上滚动以显示更多内容
- 特征高亮： 元素脉冲或发光以引起注意
- 屏幕过渡： 缩放、旋转或幻灯片以在 UI 状态之间切换
示例场景计划
脚本：“无需代码即可创建复杂的仪表盘。”...