AI 图像与视频创作工作台 · 2026创意方向，应在生成之前清晰可见。
Mize 将模糊的意图、参考素材和视觉判断，转化为可查看、可比较、可编辑、可确认的方向，再交由模型执行。
- 项目
- 独立概念项目
- 我的职责
- 产品定义、UX/UI、交互原型
- 范围
- 首页、工作台、知识库、素材库
完整产品体验
从最初的想法，到留下来的作品。
七个相互连接的页面，串起完整的创作过程。选择下方页面，即可在原型中继续探索。
让尚未成形的想法，有一个起点。
从一个创作目标出发，了解产品的能力，或直接进入工作台开始创作。
问题起点
提示词承担了太多。
大多数生成工具将创意方向压缩进一个文本框。风格、光线、材质、构图与镜头意图混在文字中，用户只能反复改写提示词，猜测模型到底理解了什么。
我重新定义了提示词：它应该是决策过程的最终输出，而不是所有决策的起点。
产品主张「提示词是决策过程的最终输出，而不是入口。」
交互原则
让判断可见的系统。
保留语言的自由度
创作描述承载目的、感受与约束，无需套用僵化的提示词公式。
让决策清晰可见
高确定性的视觉选择转化为可查看的标签，并附上示例、分类与来源。
让 AI 提出建议
AI 可以提出有实质差异的方案，但不能擅自修改当前方向。
保护已确认的选择
每次确认都会保存为可恢复的版本；重新运行时，已确认的选择依然有效。
Direction 与提示词
为什么 Direction 放在提示词上方？
Current direction（当前方向）将视觉决策保留在一个可编辑的区域。下方的提示词则承载主体、目的、感受，以及需要用语言表达的约束。
01当前方向
02提示词 · 自然语言
为春季新品创作一组透明玻璃香水的植物主题广告。保持清新、真实的编辑摄影质感，并为品牌标志留出足够空间。
可查看、可编辑的视觉决策
每个标签代表一个明确的视觉选择。悬停可查看示例、分类、解释及知识库来源；用户可以移除标签或添加知识库决策，无需重写整段描述。
为创作意图保留语言空间
提示词说明要做什么，以及为什么做。在原型中，输入完全匹配的知识库术语后，它会转为可编辑的标签；开放或含糊的描述仍保留在文本框中。
两种模式，共用同一条基线
普通模式根据当前方向直接生成。AI 模式将同一组选择标为「已确认的决策」；AI 提出的候选方向保持独立，直到用户确认新版本。
核心工作流
AI 提出变更，用户确认版本。
AI 模式与直接生成共用同一个工作台。它是辅助探索方向的助手，而不是常驻聊天窗口或自主决策的艺术总监。
- 01 · 建立基线
- 02 · 比较方向
- 03 · 审阅变更
- 04 · 确认版本
建立受保护的基线
参考素材、自然语言描述与已确认的决策共同建立基线，AI 的建议必须尊重这一状态。
方向是变更提案，而非完整快照。
方向卡片下的标签说明它相对当前基线会改变什么。选中只代表正在审阅提案；确认之前，当前方向保持不变。
受保护的选择
日光植物
- 保留
- 编辑摄影 · 透明玻璃
- 添加
- + 植物环境
- 替换
- 自然日光 → 强烈日照
产品居中 → 俯拍静物
新的当前方向
预览与执行
方向预览不等于最终结果。
预览用来演示候选方案的视觉逻辑。确认之后，Mize 才会根据更新后的方向生成新结果，让用户清楚地区分探索与生成。
知识层
知识库提供依据，而不只是灵感图片。
每个条目定义一个可复用的创意决策，并用三到四个示例说明。主体可以变化，但这一决策必须在不同示例中保持清晰。
浏览决策、展开示例，再将它带入当前工作台。
交互始终区分可复用的知识条目与具体示例，让用户能够引用方法，也能引用某一次视觉实现。
Image Library
一个视觉决策，多种示例共同说明。
鼠标移入后，叠放的图片展开为一组示例。通过比较不同主体、光线与构图，辨认其中始终一致的视觉决策。
Video Library
让运动本身，解释动态影像的语言。
同样的悬停动作，将动态示例展开并排呈现。镜头调度、聚焦揭示与过程节奏，让同一个运动决策在不同场景中清晰可见。
同一框架，两种媒介
在同一个工作台，创作图像与动态影像。
图像和视频共用工作台结构，分别提供模型列表与结果集合。视频知识库则将镜头运动、主体运动、节奏和镜头结构整理为描述动态影像的创作词汇。
- 图像
- 光线 · 材质 · 构图 · 色彩
- 视频
- 镜头运动 · 主体运动 · 节奏 · 镜头结构
信息架构
区分知识、素材归属与当前创作上下文。
系统知识
由精选示例与共同词汇支持的可复用视觉决策。
收藏，或添加到工作台用户拥有的素材
上传素材、生成系列、风格参考、角色、产品与视觉系统。
管理、删除或复用知识书签
方便再次找到知识库条目，无需将它们复制进自己的素材库。
始终与知识库同步当前创作上下文
一个任务的创作描述、参考素材、已确认方向、版本、模型设置与结果。
重新运行时依然保留迭代带来的理解
可控性需要状态模型，而不只是一句口号。
01让提议与当前方向的差异可见。
- 为什么调整
- 早期卡片呈现完整方向，与当前方向的差异需要另外比较才能看清。
- 设计选择
- 我将每项提议改为 Keep / Add / Replace 对比，明确哪些选择保持不变、哪些被替换，以及会新增什么。
- 取舍
- 卡片需要承载更多信息，也增加了阅读量。我接受这部分成本，让用户在确认前看清变更范围。
02先查看一个方向，再决定是否采用。
- 为什么调整
- 选择一个感兴趣的方向，可能只是想进一步查看，不应因此自动替换当前方向。
- 设计选择
- 选择只是选中待评估的提议；只有确认才更新当前方向，并形成可恢复的版本。
- 取舍
- 这让生成前多了一次确认操作。不需要 AI 探索时，普通模式仍保留直接生成的路径。
当前成果
用于验证产品逻辑的可运行前端原型。
原型覆盖首页、图像与视频工作台、AI 方向探索、直接生成、知识库示例、素材库、收藏、近期工作台、恢复与模型选择。模型调用和持久化仍为模拟实现，用于在投入后端开发之前验证交互模型。
返回精选作品