# 视频生成工具设计：把提示词接到当前镜头

原网页：https://www.jvds.cn/share/ui-design/vidgen-prompt-shot-context-u046
语言：zh-CN
发布：2026-10-13
作者：界达设计工作室（JVDS）

VidGen 在同一工作台里展示图像、镜头描述、生成提示与参考图。视频生成工具设计需要保留创作的表达空间，也需要明确这些内容作用于哪一个镜头。只有编辑对象稳定，文字、参数和生成结果之间的关系才容易被理解。

## 桌面并排面板让不同输入可以对照

中央的 Image 展示黄色服装与运动模糊画面，旁边 Description 描述动作变化，右侧 AI Assistant 提供 Prompt、比例、分辨率、时长和 Moodboard。底部时间线排列图像与文字片段，左侧工具栏则集中常用编辑入口。预览、叙述和生成条件相邻，适合一边看画面一边修订。

Description 关注动作如何展开，Prompt 强调服装、色彩和模糊效果，二者都谈同一段视觉，却有不同职责。JVDS 更偏好让它们共享镜头编号与[版本提示](https://www.jvds.cn/share/ui-design/ai-output-editing-version-control-ux)，明确哪些修改尚未应用，再把生成结果接回对应的条件。助手文字更新时，也应让用户看见会影响哪些已有内容。

Moodboard 保留独立区域与加号，说明参考图不只是输入框附件。补充它作用于当前镜头还是整个项目风格，能让创作者更有依据地增加和移除图片。

![VidGen桌面预览、Description、Prompt助手和底部时间线](https://www.jvds.cn/upload/2026/1008/d187-tp/u046-i1.webp)

工作台｜两个文字区域都要指向同一镜头

## 移动端拆开面板，继续保留编辑上下文

手机将 Description 放进大卡，底部仍保留横向时间线与工具；另一屏让 AI Assistant 占据主要空间，继续展示 Prompt、参数和 Moodboard。长文字得到独立阅读区域，时间线则把当前编辑与片段序列保持连接，小屏没有简单复制桌面三列。

切换到助手后，当前镜头容易离开视线，可以在顶部保留项目和片段标识，返回时恢复选中位置与草稿。底部多个圆形工具仅用图标表达，提供可查看名称的方式也有助于初次使用者判断动作。

描述卡的 02:00 与生成参数的 15s 需要分别说明是时间位置、片段长度还是输出长度。两种时间可以不同，但必须由标签解释；比例与分辨率同样应保留各自含义，避免一个参数变化被理解成整段内容都被覆盖。

![移动Description卡片、横向时间线及独立助手参数面板](https://www.jvds.cn/upload/2026/1008/d187-tp/u046-i2.webp)

移动编辑｜面板分开后仍要保留原镜头与草稿

## 产品介绍用同一个制作任务接住开始入口

介绍页在标题和 Get started 下直接展示工作台，访客能先看到产品的编辑形态。随后转入 AI 角色、配音和多语言的功能文案，下面再以工作台和画面展示能力，视觉识别延续了紫橙渐变与浅色背景。

工作台样例主要表达镜头编辑，而功能文案转向角色与配音，两者可以通过一个明确制作示例连接。介绍输入图片或文本、调整条件、查看候选结果的顺序，能帮助访客理解进入产品后先做什么。[生成中的等待](https://www.jvds.cn/share/ui-design/ai-progress-feedback-streaming-loading-ux)、失败后的草稿保留与结果比较，也适合在实际工作流中交代。

这套设计的启发，是把创作输入拆成有职责的面板，并为桌面和移动安排不同阅读空间。面板可以改变位置，当前镜头、参数版本和结果归属应持续保持一致。

![VidGen介绍页的Get started入口、工作台预览与功能宣传](https://www.jvds.cn/upload/2026/1008/d187-tp/u046-i3.webp)

产品介绍｜演示任务应对应用户进入后的制作路径

## 把生成入口接到可反复编辑的创作流程

如果你的视频或 AI 创作工具需要管理分镜、提示词、参数与参考图，可以先明确编辑范围和版本关系，再组织桌面与移动面板。

界达设计工作室（JVDS）提供UI/UX设计与网站设计、开发服务，可协助设计创作工作台、生成任务流和产品介绍页面。

[联系界达设计，聊聊你的项目](https://www.jvds.cn/contact)