叙镜 NarraCine UI 产品对标与设计选型
- 状态：待评审
- 日期：2026-08-29
- 范围：桌面端 Web 影视生产工作台
1. 选型结论
叙镜不照搬某一个产品，采用“一个主体、三个专项参考”的组合：
| 层面 | 选型 | 比重 | 用途 |
|---|---|---|---|
| 产品骨架 | LTX Studio Projects | 60% | 项目、生成空间、故事板、视频编辑器一体化 |
| 镜头生成 | Google Flow | 20% | 素材复用、镜头续写、场景构建和自然语言创作 |
| 时间线编辑 | CapCut Web | 15% | 多轨时间线、预览、字幕、音频和导出交互 |
| 任务反馈 | Linear | 5% | 状态层级、失败处理、快捷操作和高密度信息呈现 |
一句话定义：
LTX Studio 的制作流程骨架，Google Flow 的镜头生成体验，CapCut 的剪辑效率，Linear 的任务状态表达。
如果必须只选一个完整产品作为第一参考，选择 LTX Studio。
2. 为什么主体选 LTX Studio
LTX Studio 与叙镜的业务链路最接近：
text
创意/剧本 → 角色与素材 → 场景/镜头 → 故事板 → 视频 → 时间线 → 交付适合借鉴：
- 项目作为完整生产容器，而不是一次模型对话；
- 生成空间、故事板和视频编辑器在同一项目内衔接；
- 以镜头为最小生产单元；
- 素材可以在镜头间复用；
- 故事板直接进入剪辑和交付；
- 深色、素材优先、低干扰的专业创作界面。
叙镜需要补强：
- 项目、场景、镜头三级生产进度；
- 自动重试、终止失败、质检不通过三类状态；
- 候选版本对比和回退；
- 模型能力矩阵和参考素材约束；
- 企业多租户、审批、预算、成本和审计；
- Conductor 技术任务与业务制作状态分离。
3. 专项参考
3.1 Google Flow：镜头生成
借鉴：
- Ingredients/素材对象参与生成，而不是只写自然语言；
- Scene Builder 按镜头构建叙事；
- 首帧、续写、延展等操作围绕画面展开；
- 生成参数逐步展开，默认界面保持简单。
不照搬：
- 不能绑定单一模型；
- 叙镜必须展示模型能力差异、预计成本和参考素材兼容性；
- 叙镜需要结构化剧本、角色、场景和道具资产，而不是只有素材集合。
3.2 CapCut Web：时间线
借鉴：
- 上方预览、下方多轨时间线；
- 素材拖放、裁切、拆分、吸附和缩放；
- 视频、对白、旁白、音乐、音效、字幕分轨；
- 属性面板跟随当前选中片段；
- 导出是明确的主操作。
首期控制范围：
- 支持镜头排序、裁切、转场、字幕和音量；
- 暂不实现专业调色、复杂蒙版和插件系统；
- AI 只生成 TimelinePatch，不直接覆盖用户时间线。
3.3 Linear：任务状态
借鉴：
- 弱边框、紧凑信息、高对比层级；
- 状态颜色克制；
- 快捷键和命令面板；
- 失败信息给出直接行动，不堆错误码；
- 详情通过右侧抽屉渐进展开。
应用到叙镜：
text
排队中 → 生成中 → 下载中 → 质检中 → 待审核 → 已采用
├→ 自动重试
├→ 需要处理
└→ 质检未通过4. 未选择产品
| 产品 | 不作为主体的原因 |
|---|---|
| Runway | 适合参考影视视觉质感和单点生成交互，但其旧视频项目编辑器已在 2026-07-30 下线，不适合作为叙镜完整生产工作台的结构基线 |
| Katalist | 剧本到故事板链路清晰，但整体更偏轻量创作者，企业生产、任务状态、模型控制和时间线深度不足 |
| Premiere Pro / DaVinci Resolve | 专业剪辑能力强，但学习成本和界面复杂度过高；叙镜不是重做传统非编软件 |
| 通用低代码工作流产品 | 技术执行图不等于影视制作界面，用户不应直接操作 Conductor DAG |
5. 叙镜最终信息架构
一级导航
text
项目
资产库
任务中心
团队
设置项目内导航
text
概览
故事与剧本
角色
场景
分镜
声音
剪辑
交付分镜工作台布局
text
┌──────────────────────────────────────────────────────────────┐
│ 返回项目 项目名/集数 保存状态 总进度 预览 批量生成 导出 │
├──────────┬───────────────────────────────────┬───────────────┤
│ 场景列表 │ 镜头故事板 / 大画布 / 对比预览 │ 镜头属性 │
│ 及筛选器 │ │ 模型与参数 │
│ │ 每个镜头独立生成、审核和切换版本 │ 参考素材 │
│ │ │ 生成历史 │
├──────────┴───────────────────────────────────┴───────────────┤
│ 制作轨道：剧本 ✓ 分镜 ✓ 图片 10/12 视频 6/12 配音 8/12 │
└──────────────────────────────────────────────────────────────┘剪辑工作台布局
text
┌──────────────┬───────────────────────────────┬───────────────┐
│ 素材与镜头库 │ 成片预览 │ 片段属性 │
├──────────────┴───────────────────────────────┴───────────────┤
│ 视频轨 V1 [镜头01][镜头02][镜头03] │
│ 对白轨 A1 [对白────][对白────] │
│ 音效轨 A2 [门声] [环境声] │
│ 音乐轨 A3 [背景音乐────────────────] │
│ 字幕轨 S1 [字幕][字幕][字幕] │
└──────────────────────────────────────────────────────────────┘6. 视觉系统
- 默认深色模式，素材图片和视频提供主要颜色；
- 背景使用近黑与冷灰分层，不使用大面积渐变；
- 卡片圆角 6～10 像素，弱边框、轻阴影；
- 主强调色只用于选中、生成和主要操作；
- 状态颜色：灰色排队、蓝紫运行、绿色完成、橙色重试、红色需处理；
- 不用满屏胶囊、发光渐变和“AI 科技感”装饰；
- 中文优先，技术字段只在管理员详情中展示；
- 1920×1080 和 1440×900 为核心桌面尺寸，首期不做移动端创作工作台。
7. 关键交互原则
- 用户操作作品、场景和镜头，不直接操作技术任务。
- 生成过程不阻塞编辑，镜头完成后原位更新。
- 每次生成保留版本，重新生成不覆盖旧结果。
- 一个镜头失败不阻断其他镜头。
- 没有真实百分比时展示阶段，不制造假进度。
- 自动重试使用橙色弱提醒，耗尽后才变成红色需处理。
- 高级模型参数渐进展开，默认只展示创作必需项。
- AI 修改剧本和时间线以 Patch 呈现，允许接受、拒绝和撤销。
8. 评审入口
- LTX Studio 完整项目流程官方演示：https://www.youtube.com/watch?v=UJID4ljB5V0
- LTX Studio 官方教程：https://ltx.io/blog/ltx-studio-tutorial
- Google Flow Scene Builder 官方说明：https://blog.google/innovation-and-ai/products/flow-video-tips
- CapCut Web 编辑器：https://www.capcut.com/tools/online-video-editor
- Linear：https://linear.app
9. 待确认项
本轮只确认三件事：
- 是否同意以 LTX Studio 作为主体产品骨架；
- 是否同意“分镜工作台 + 剪辑工作台”拆成两个核心工作区；
- 是否同意深色专业创作界面，不做传统白色管理后台。
确认后再进入高保真原型和开发计划，不先写业务代码。