cmbot/docs/06-ui-mockup-prompt.md

UI 效果图生成提示词

文档定位

本文档用于向 Claude 或其他具备设计能力的 AI 生成 UI 效果图。提示词目标是产出 Windows 桌面软件的高保真 UI mockup，用于后续整理 UI 设计文档和指导 PySide6 实现。

提示词

你是一名资深桌面软件 UI/UX 设计师，请为一个 Windows 桌面软件设计高保真 UI 效果图。

软件名称：
自动合成印花服饰效果图工具

软件用途：
用户加载衣服底图和印花图片，把印花叠加到衣服图片上，并通过拖动、缩放、旋转调整印花位置，最后导出单张或批量合成效果图。

目标用户：
服饰定制、印花打样、商品上架、批量制图人员。用户不一定是专业设计师，所以界面要清晰、直观、效率优先。

设计目标：
1. 保留旧版软件的核心工作流，但界面更现代、更清晰。
2. 重点突出中间的大预览区，让用户能直接拖动、缩放、旋转印花。
3. 适合 Windows 桌面端，分辨率优先按 1920x1080 设计。
4. UI 风格专业、简洁、偏工具软件，不要做成网页落地页。
5. 不要使用花哨渐变、大面积插画、营销风格卡片。
6. 布局应适合长时间批量操作。

核心功能区：
- 衣服图片列表：选择衣服文件夹后，自动导入文件夹及所有子文件夹里的图片；列表支持缩略图、全选、取消全选、单张勾选/取消勾选
- 印花图片列表：选择印花文件夹后，自动导入文件夹及所有子文件夹里的图片；列表支持缩略图、全选、取消全选、单张勾选/取消勾选
- 合成预览区
- 模板选择
- 批量合成模式：
  - 多个衣服图片使用同一个印花图片合成
  - 一个衣服图片轮流使用多个印花图片合成
  - 多个衣服图片和多个印花图片一一匹配合成
  - 多个衣服图片和多个印花图片全组合合成
- 坐标参数：X、Y
- 尺寸参数：宽度、高度，支持锁定比例
- 旋转参数：角度、左旋、右旋
- 输出设置：输出目录、格式、质量
- 操作按钮：单张导出、批量导出、保存模板、重置参数
- 批量进度显示

建议布局：
1. 顶部工具栏：
   - 软件名称
   - 当前版本号，放在软件名称右侧，例如 v1.0.0，使用低调的小字号
   - 打开衣服文件夹
   - 打开印花文件夹
   - 保存模板
   - 设置
2. 左侧素材栏：
   - 上半部分：衣服图片列表，包含选择文件夹、全选、取消全选、缩略图列表、单张勾选框
   - 下半部分：印花图片列表，包含选择文件夹、全选、取消全选、缩略图列表、单张勾选框
   - 文件夹导入需要表达“包含子文件夹图片”的能力
3. 中间主区域：
   - 大尺寸合成预览画布
   - 画布里显示衣服底图
   - 印花图层有选中边框、四角缩放控制点、顶部旋转控制点
   - 支持拖动、缩放、旋转的视觉暗示
4. 右侧参数栏：
   - 模板选择
   - 批量模式选择：同一印花应用到多件衣服、同一衣服应用多个印花、一一匹配、全组合
   - 位置：X、Y
   - 尺寸：宽、高、锁定比例
   - 旋转：角度输入、左旋、右旋
   - 输出设置：目录、格式、质量
   - 操作按钮
5. 底部状态栏：
   - 当前选中衣服图
   - 当前选中印花图
   - 当前模板
   - 当前批量模式
   - 批量进度
   - 日志/错误提示简要信息

请输出：
1. 一张高保真 UI 效果图设计说明。
2. 页面布局结构。
3. 每个区域包含哪些控件。
4. 推荐的颜色、字体、间距、按钮样式。
5. 交互状态说明，包括：
   - 未加载图片
   - 已加载衣服但未加载印花
   - 选中印花图层
   - 正在批量导出
   - 导出失败
6. 如果可以生成图片，请生成一张 1920x1080 的桌面软件 UI mockup。
7. 不要生成网页落地页，不要生成移动端界面，不要使用营销宣传风格。

如果你支持直接生成图片，请直接生成一张 1920x1080 的高保真桌面软件 UI 效果图，界面文字使用中文。