Storyboard 分镜示例

下面这些分镜示例展示了同一套 2×3 网格布局如何适配不同的内容形态——从 15 秒的 TikTok 到 3 分钟的众筹视频。找到最贴合你项目的那个，直接在 CodePic 打开编辑。无需注册、无水印。

使用这个模板返回模板页

真实案例

60 秒产品发布视频

使用场景: 在官网首页推产品的 SaaS 产品经理或创业者

Scene 1 · HOOK（WIDE · 3s）：焦头烂额的用户被一堆混乱工具包围

Scene 2 · PROBLEM（ECU · 5s）：特写具体痛点瞬间

Scene 3 · SOLUTION（MED · 4s）：产品登场，干净的 UI 镜头

Scene 4 · DEMO（SCREEN · 18s）：核心功能演示，配合光标动作

Scene 5 · BENEFIT（MED · 20s）：真实用户使用画面、口碑金句

Scene 6 · CTA（END · 10s）：Logo、slogan、网址、促销码

这样组织的原因: 这就是好莱坞、YouTube 广告、DTC 品牌用的 direct-response 广告结构，因为它有效。60 秒预算够紧让你必须做取舍，又够宽能塞下一次真实的功能演示。注意镜头类型的交替（WIDE / ECU / MED / SCREEN / MED / END）——那种视觉节奏正是防止观众走神的关键。

15 秒 TikTok / 小红书短视频

使用场景: 做竖屏短视频的内容创作者或社媒运营

Scene 1 · HOOK（CU · 2s）：面对镜头，一句强悬念

Scene 2 · CONTEXT（WIDE · 2s）：把场景或问题视觉化

Scene 3 · SETUP（MED · 3s）：转折开始铺垫

Scene 4 · PAYOFF（MCU · 3s）：反转或解答

Scene 5 · PROOF（SCREEN · 3s）：截图、数据、证据

Scene 6 · CTA（CU · 2s）：「关注看更多」或「主页有链接」

这样组织的原因: TikTok / 小红书算法惩罚 3 秒以上没有画面变化的镜头。这个布局强制每 2~3 秒切一次。把徽章名改成 HOOK / CONTEXT / SETUP / PAYOFF / PROOF / CTA——平台算法奖励的正是这个节奏。副标题写「Length: 15s · Aspect: 9:16 · Format: 竖屏」。

2 分钟解说动画

使用场景: 找外包做 whiteboard 动画解说片的初创或 B2B 市场同学

Scene 1 · HOOK（0:00–0:15）：角色遭遇问题

Scene 2 · PROBLEM（0:15–0:35）：痛点放大——「每个 X 团队都会遇上」

Scene 3 · SOLUTION（0:35–1:00）：产品登场，一次干净的视觉揭示

Scene 4 · HOW IT WORKS（1:00–1:30）：3 步流程，每步 10 秒

Scene 5 · PROOF（1:30–1:50）：客户 Logo、数据、口碑

Scene 6 · CTA（1:50–2:00）：网址、预约演示按钮、最后一句

这样组织的原因: 做动画时：图片占位放粗略关键帧（火柴人足矣），旁白便签写帧精度的时间标记如「0:38 光标点击按钮」。因为 2 分钟动画生产成本 2 万~10 万人民币，分镜是你调整节奏的最后一次廉价机会。

剧情短片——3 分钟叙事段落

使用场景: 电影专业学生、独立电影人或剧情导演

Panel 1 · 铺陈（EWS · 4s）：交代地点和时间的定场镜头

Panel 2 · 人物（MS · 6s）：主角在做某件事

Panel 3 · 触发（MCU · 8s）：打破平衡的关键瞬间

Panel 4 · 冲突（OTS · 30s）：对话或对峙，正反打切换

Panel 5 · 转折（CU · 6s）：情绪转变的特写

Panel 6 · 结局（WS · 15s）：角色离场，镜头留白

这样组织的原因: 做剧情类作品，把徽章名改成三幕结构的标准节拍。用电影行业镜头缩写（EWS = 极远、OTS = 过肩）。图片占位放粗略草图或场地勘景照片。开拍前一周把板子分享给 DP——他们会指出不可能实现的运镜，帮你在片场省一整天。

新功能的 UX 用户流分镜

使用场景: 向利益相关方推销新功能的产品经理或设计师

Panel 1 · 触发：用户产生需求——「我想邀请团队进来」

Panel 2 · 入口：用户在顶栏找到「邀请」按钮

Panel 3 · 流程第 1 步：弹窗打开，出现邮箱输入

Panel 4 · 流程第 2 步：用户输入 3 个邮箱，看到确认预览

Panel 5 · 空态 / 边界：邮箱已注册时怎么办

Panel 6 · 成功：队友出现在侧边栏，主机看到确认

这样组织的原因: 图片占位放每屏的线框稿或截图。旁白便签变成用户当下的心声（「去哪儿邀请人？」→「哦，挺简单」）。这个布局既是设计评审素材，也是开发规格——每一格 = 一个用户面对的状态。

3 分钟众筹视频（Kickstarter / 摩点）

使用场景: 为实物产品发起众筹的创业者

Scene 1 · 问题（0:00–0:30）：产品要解决的痛点，一个真实场景

Scene 2 · 产品揭示（0:30–0:50）：初次亮相，主镜头，桌面摆拍

Scene 3 · 核心功能（0:50–1:40）：3 个功能，每个一次特写

Scene 4 · 团队 / 故事（1:40–2:20）：创始人面对镜头，真诚讲述

Scene 5 · 延展目标（2:20–2:50）：档位、独家回报、时间表

Scene 6 · 号召（2:50–3:00）：支持链接、开抢日期、致谢

这样组织的原因: 众筹视频的生死就在前 30 秒——70% 的观众在产品揭示前流失。这个布局把痛点和产品主镜头前置。Scene 4 关键：支持者押注的是他们信任的人，不是他们喜欢的产品。团队镜头的分镜要跟产品镜头一样认真。

使用技巧

每次改完都把 6 格时长加起来——超预算 10% 以上就砍一场，别把每场都压到看不清。
6 格里穿插 3~4 种不同镜头类型（WIDE / CU / MED / SCREEN）——给眼睛视觉节奏。
每句旁白拿秒表念一遍——念不完这格时长就砍字，直到刚好塞得下。
只要是要拍或要动画的项目，定稿前把板子链接分享给 DP 或动画师——早期反对意见能省你后面整天的工。
每个图片占位都塞点参考图（截屏、图库图、火柴人草图都行）——空占位保证团队画出来的和你想的不是一回事。

在线开始编辑

回到模板页，直接替换成你的课程主题、章节和复习重点，就可以继续使用这套结构。

使用这个模板： /editor/new?template=storyboard

使用这个模板