254 lines
15 KiB
HTML
254 lines
15 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="zh-CN">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>短视频脚本创作 - 产品框架图</title>
|
||
|
|
<style>
|
||
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
|
|
body {
|
||
|
|
font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
|
||
|
|
background: #f8f9fb;
|
||
|
|
color: #2c2c2a;
|
||
|
|
padding: 40px 0;
|
||
|
|
}
|
||
|
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
||
|
|
h1 { font-size: 22px; font-weight: 500; text-align: center; margin-bottom: 8px; color: #26215c; }
|
||
|
|
.subtitle { text-align: center; font-size: 13px; color: #888780; margin-bottom: 32px; }
|
||
|
|
.framework { max-width: 960px; margin: 0 auto; }
|
||
|
|
.layer { margin-bottom: 20px; }
|
||
|
|
.layer-title {
|
||
|
|
display: flex; align-items: center; gap: 8px; margin-bottom: 10px;
|
||
|
|
font-size: 13px; font-weight: 500; color: #26215c;
|
||
|
|
}
|
||
|
|
.layer-title .dot { width: 10px; height: 10px; border-radius: 2px; }
|
||
|
|
.modules { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 10px; }
|
||
|
|
.module {
|
||
|
|
background: #fff; border: 0.5px solid #d3d1c7; border-radius: 10px;
|
||
|
|
padding: 14px 16px; transition: border-color 0.2s;
|
||
|
|
}
|
||
|
|
.module:hover { border-color: #534AB7; }
|
||
|
|
.module-header { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
|
||
|
|
.module-num {
|
||
|
|
width: 22px; height: 22px; border-radius: 5px;
|
||
|
|
display: flex; align-items: center; justify-content: center;
|
||
|
|
font-size: 11px; font-weight: 500; color: #fff;
|
||
|
|
}
|
||
|
|
.module-name { font-size: 13px; font-weight: 500; color: #2c2c2a; }
|
||
|
|
.module-desc { font-size: 11px; color: #888780; line-height: 1.6; }
|
||
|
|
.module-tags { display: flex; gap: 4px; margin-top: 6px; flex-wrap: wrap; }
|
||
|
|
.tag {
|
||
|
|
font-size: 10px; padding: 2px 6px; border-radius: 4px;
|
||
|
|
background: #f1efe8; color: #5f5e5a;
|
||
|
|
}
|
||
|
|
.arrow-layer {
|
||
|
|
text-align: center; padding: 4px 0; font-size: 16px;
|
||
|
|
color: #b4b2a9; letter-spacing: 4px;
|
||
|
|
}
|
||
|
|
.data-layer { margin-top: 20px; }
|
||
|
|
.note {
|
||
|
|
max-width: 960px; margin: 24px auto 0;
|
||
|
|
padding: 16px 20px; background: #f1efe8; border-radius: 8px;
|
||
|
|
font-size: 12px; color: #5f5e5a; line-height: 1.8;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="container">
|
||
|
|
<h1>短视频脚本创作 - 产品框架图</h1>
|
||
|
|
<p class="subtitle">5 层模块架构 · 用户可见用户输入+分析整理+脚本输出 · 6步脚本创作AI后台自动完成 · 脚本查看用户可见</p>
|
||
|
|
|
||
|
|
<div class="framework">
|
||
|
|
|
||
|
|
<div class="layer">
|
||
|
|
<div class="layer-title">
|
||
|
|
<div class="dot" style="background:#534AB7"></div>用户输入
|
||
|
|
</div>
|
||
|
|
<div class="modules">
|
||
|
|
<div class="module">
|
||
|
|
<div class="module-header">
|
||
|
|
<div class="module-num" style="background:#534AB7">1</div>
|
||
|
|
<div class="module-name">需求输入</div>
|
||
|
|
</div>
|
||
|
|
<div class="module-desc">两种输入模式：<br>· 简单模式 — 一段话描述想要的脚本<br>· 详细模式 — 人设+框架+内容（含预计时长/赛道类别/主题类别，手动填写 / 上传一条或多条视频URL）</div>
|
||
|
|
<div class="module-tags"><span class="tag">简单模式</span><span class="tag">详细模式</span><span class="tag">预计时长</span><span class="tag">赛道类别</span><span class="tag">主题类别</span><span class="tag">视频URL</span></div>
|
||
|
|
</div>
|
||
|
|
<div class="module">
|
||
|
|
<div class="module-header">
|
||
|
|
<div class="module-num" style="background:#534AB7">2</div>
|
||
|
|
<div class="module-name">选择账号设定</div>
|
||
|
|
</div>
|
||
|
|
<div class="module-desc">可选模块，与其他输入并列独立。上传已有账号设定文档（.md/.txt）或粘贴文本，文档无固定板块数和结构要求，AI 动态解析文档实际内容，映射为账号设定卡片（参考 9 维度×4 层级框架，按文档实际内容提取，不强制覆盖全部维度），作为 Step 1 人设基础</div>
|
||
|
|
<div class="module-tags"><span class="tag">可选</span><span class="tag">与其他输入独立</span><span class="tag">自由格式</span><span class="tag">动态解析</span><span class="tag">9维度参考框架</span></div>
|
||
|
|
</div>
|
||
|
|
<div class="module">
|
||
|
|
<div class="module-header">
|
||
|
|
<div class="module-num" style="background:#534AB7">3</div>
|
||
|
|
<div class="module-name">上传广告 Brief</div>
|
||
|
|
</div>
|
||
|
|
<div class="module-desc">可选模块。简单模式：一段话描述广告需求，或上传附件（PPT/DOC/XLS）。原始输入，不自动解析，解析在分析整理完成</div>
|
||
|
|
<div class="module-tags"><span class="tag">可选</span><span class="tag">一段话</span><span class="tag">附件上传</span></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="arrow-layer">↓ ↓ ↓</div>
|
||
|
|
|
||
|
|
<div class="layer">
|
||
|
|
<div class="layer-title">
|
||
|
|
<div class="dot" style="background:#0F6E56"></div>分析整理
|
||
|
|
</div>
|
||
|
|
<div class="modules">
|
||
|
|
<div class="module">
|
||
|
|
<div class="module-header">
|
||
|
|
<div class="module-num" style="background:#0F6E56">①</div>
|
||
|
|
<div class="module-name">解析整理上下文</div>
|
||
|
|
</div>
|
||
|
|
<div class="module-desc">根据编导输入解析账号设定文档/文件/URL/文本，整理账号设定、故事选题、内容框架、台词风格、广告brief，汇总展示给编导</div>
|
||
|
|
<div class="module-tags"><span class="tag">账号设定文档</span><span class="tag">文件解析</span><span class="tag">URL解析</span><span class="tag">台词风格</span><span class="tag">信息整理</span></div>
|
||
|
|
</div>
|
||
|
|
<div class="module">
|
||
|
|
<div class="module-header">
|
||
|
|
<div class="module-num" style="background:#0F6E56">②</div>
|
||
|
|
<div class="module-name">AI补充缺失信息</div>
|
||
|
|
</div>
|
||
|
|
<div class="module-desc">检查人设、选题、框架、台词风格、广告brief五类信息是否齐全（只判断全不全，不判断对不对）；信息不完整时编导可选择由AI补充，AI生成 2-3 个候选版本供编导选择</div>
|
||
|
|
<div class="module-tags"><span class="tag">完整性检查</span><span class="tag">AI多版本补充</span><span class="tag">用户选择</span><span class="tag">前置门</span></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="arrow-layer">↓ ↓ ↓</div>
|
||
|
|
|
||
|
|
<div class="layer">
|
||
|
|
<div class="layer-title">
|
||
|
|
<div class="dot" style="background:#185FA5"></div>脚本创作（6步）<span style="font-size:11px;color:#888780;margin-left:8px;">· AI后台自动执行，用户不可见</span>
|
||
|
|
</div>
|
||
|
|
<div class="modules">
|
||
|
|
<div class="module">
|
||
|
|
<div class="module-header">
|
||
|
|
<div class="module-num" style="background:#185FA5">S1</div>
|
||
|
|
<div class="module-name">确定人设</div>
|
||
|
|
</div>
|
||
|
|
<div class="module-desc">如上传账号设定文档则动态解析映射为基础，否则AI从零推理。参考 9 维度 × 4 层级框架定义达人：核心底层（身份/定位）→ 人格感知（性格/三观/语态）→ 记忆符号（语言/视觉符号）→ 内容行为（行为逻辑/人物关系），按赛道实际适用维度动态匹配。输出账号设定卡片</div>
|
||
|
|
<div class="module-tags"><span class="tag">后台自动</span><span class="tag">AI内部自检</span><span class="tag">9维度参考框架</span><span class="tag">账号设定文档</span></div>
|
||
|
|
</div>
|
||
|
|
<div class="module">
|
||
|
|
<div class="module-header">
|
||
|
|
<div class="module-num" style="background:#185FA5">S2</div>
|
||
|
|
<div class="module-name">确定选题</div>
|
||
|
|
</div>
|
||
|
|
<div class="module-desc">基于人设产出选题清单（5大底层创作方法+系列化量产），对标验证≥3条，预设钩子策略</div>
|
||
|
|
<div class="module-tags"><span class="tag">后台自动</span><span class="tag">AI内部自检</span><span class="tag">选题创作方法</span></div>
|
||
|
|
</div>
|
||
|
|
<div class="module">
|
||
|
|
<div class="module-header">
|
||
|
|
<div class="module-num" style="background:#185FA5">S3</div>
|
||
|
|
<div class="module-name">确定框架</div>
|
||
|
|
</div>
|
||
|
|
<div class="module-desc">匹配赛道专属框架（8大赛道×三幕式落地），选定叙事框架+三幕式节奏结构+钩子策略+结尾设计</div>
|
||
|
|
<div class="module-tags"><span class="tag">后台自动</span><span class="tag">AI内部自检</span><span class="tag">三幕式底盘</span><span class="tag">赛道专属</span></div>
|
||
|
|
</div>
|
||
|
|
<div class="module">
|
||
|
|
<div class="module-header">
|
||
|
|
<div class="module-num" style="background:#185FA5">S4</div>
|
||
|
|
<div class="module-name">生成大纲</div>
|
||
|
|
</div>
|
||
|
|
<div class="module-desc">框架模板填入选题内容，标注爆点+钩子位置，设计结尾互动</div>
|
||
|
|
<div class="module-tags"><span class="tag">后台自动</span><span class="tag">AI内部自检</span><span class="tag">三幕式底盘</span></div>
|
||
|
|
</div>
|
||
|
|
<div class="module">
|
||
|
|
<div class="module-header">
|
||
|
|
<div class="module-num" style="background:#639922">S5</div>
|
||
|
|
<div class="module-name">植入广告</div>
|
||
|
|
</div>
|
||
|
|
<div class="module-desc">可选。接收广告 Brief，分析融入位置，标注广告节点，不破坏原生感</div>
|
||
|
|
<div class="module-tags"><span class="tag">后台可选</span><span class="tag">AI内部自检</span><span class="tag">5 个黄金位</span></div>
|
||
|
|
</div>
|
||
|
|
<div class="module">
|
||
|
|
<div class="module-header">
|
||
|
|
<div class="module-num" style="background:#185FA5">S6</div>
|
||
|
|
<div class="module-name">生成脚本</div>
|
||
|
|
</div>
|
||
|
|
<div class="module-desc">大纲逐帧展开为画面+台词+景别+时长，AI 6 维度自检，通过后输出脚本给编导查看</div>
|
||
|
|
<div class="module-tags"><span class="tag">后台自动</span><span class="tag">AI自检</span><span class="tag">输出给用户查看</span></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="arrow-layer">↓ ↓ ↓</div>
|
||
|
|
|
||
|
|
<div class="layer">
|
||
|
|
<div class="layer-title">
|
||
|
|
<div class="dot" style="background:#993C1D"></div>脚本诊断<span style="font-size:11px;color:#888780;margin-left:8px;">· AI后台自动执行，用户不可见</span>
|
||
|
|
</div>
|
||
|
|
<div class="modules">
|
||
|
|
<div class="module">
|
||
|
|
<div class="module-header">
|
||
|
|
<div class="module-num" style="background:#993C1D">Q1</div>
|
||
|
|
<div class="module-name">AI 自动检查</div>
|
||
|
|
</div>
|
||
|
|
<div class="module-desc">6 维度自动扫描：结构完整性、格式规范性、台词口语化、节奏设计、画面具体性、内容合规</div>
|
||
|
|
<div class="module-tags"><span class="tag">Step 6 内嵌</span><span class="tag">后台自动</span><span class="tag">过/不过判定</span></div>
|
||
|
|
</div>
|
||
|
|
<div class="module">
|
||
|
|
<div class="module-header">
|
||
|
|
<div class="module-num" style="background:#993C1D">Q2</div>
|
||
|
|
<div class="module-name">脚本审阅反馈</div>
|
||
|
|
</div>
|
||
|
|
<div class="module-desc">脚本生成后呈现给编导查看，编导可整体审阅、下载导出，不满意可选择重新生成或修改输入后重新生成</div>
|
||
|
|
<div class="module-tags"><span class="tag">用户可见</span><span class="tag">审阅+重新生成</span></div>
|
||
|
|
</div>
|
||
|
|
<div class="module">
|
||
|
|
<div class="module-header">
|
||
|
|
<div class="module-num" style="background:#993C1D">Q3</div>
|
||
|
|
<div class="module-name">返工归因</div>
|
||
|
|
</div>
|
||
|
|
<div class="module-desc">每次重新生成自动记录原因分类+具体位置+修改建议，同类问题自动规避</div>
|
||
|
|
<div class="module-tags"><span class="tag">归因分类</span><span class="tag">同类规避</span><span class="tag">数据回流</span></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="arrow-layer">↓ ↓ ↓</div>
|
||
|
|
|
||
|
|
<div class="layer">
|
||
|
|
<div class="layer-title">
|
||
|
|
<div class="dot" style="background:#D85A30"></div>脚本输出
|
||
|
|
</div>
|
||
|
|
<div class="modules">
|
||
|
|
<div class="module">
|
||
|
|
<div class="module-header">
|
||
|
|
<div class="module-num" style="background:#D85A30">O1</div>
|
||
|
|
<div class="module-name">逐帧拍摄脚本</div>
|
||
|
|
</div>
|
||
|
|
<div class="module-desc">可拍摄的完整脚本：镜头编号、时长、景别、画面描述、台词、备注，编导可直接按脚本开机</div>
|
||
|
|
<div class="module-tags"><span class="tag">主交付物</span></div>
|
||
|
|
</div>
|
||
|
|
<div class="module">
|
||
|
|
<div class="module-header">
|
||
|
|
<div class="module-num" style="background:#D85A30">O2</div>
|
||
|
|
<div class="module-name">账号设定卡片</div>
|
||
|
|
</div>
|
||
|
|
<div class="module-desc">账号设定卡片完整定义，按参考框架整理，可作为账号运营的长期参考</div>
|
||
|
|
<div class="module-tags"><span class="tag">附加交付</span><span class="tag">可复用</span></div>
|
||
|
|
</div>
|
||
|
|
<div class="module">
|
||
|
|
<div class="module-header">
|
||
|
|
<div class="module-num" style="background:#D85A30">O3</div>
|
||
|
|
<div class="module-name">质量检查报告</div>
|
||
|
|
</div>
|
||
|
|
<div class="module-desc">AI 自检结果 + 编导确认记录 + 返工归因数据</div>
|
||
|
|
<div class="module-tags"><span class="tag">附加交付</span><span class="tag">可溯源</span></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="note">
|
||
|
|
<strong>架构说明：</strong> 系统分为 5 层，用户可见 3 层（用户输入+分析整理+脚本输出），AI后台自动 2 层（脚本创作+脚本诊断）。用户交互流程：①用户输入（需求输入+选择账号设定(可选)+上传广告Brief原始输入）→ ②分析整理（解析整理上下文+台词风格 + AI补充缺失信息，只判断全不全，不判断对不对；AI生成多版本供编导选择；编导确认信息齐全后触发后台生成）→ ③AI后台自动执行6步创作（确定人设→选题→框架→大纲→广告→脚本，AI内部自检，用户不可见）→ ④脚本输出（脚本呈现给编导查看，可下载/重新生成）。三个输入模块并列独立，上传账号设定文档后AI动态解析文档实际内容，映射为账号设定卡片（参考9维度×4层级框架，按文档实际内容提取，不强制覆盖全部维度）。Step 5（植入广告）为脚本创作中的可选模块。广告Brief不自动解析，解析工作由分析整理完成。
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|