一个案例告诉你怎么用AI画板做商品详情页海报

https://appstore.lazycat.cloud/#/shop/detail/cloud.lazycat.app.aitu # 一个案例告诉你怎么用AI画板做商品详情页海报 ## 为什么选择爱图AI画板管理生图流程？ AI画板相比传统的文本提示词方式，具有以下显著优势： - **信息容量大**：画板提供了更大的视觉空间，可以同时展示多个提示词和生成结果 - **直观对应**：通过合理排版，让提示词与生成图片一一对应，便于查看和对比 - **精准修改**：利用画笔工具可以对图片进行局部精准编辑 - **专业工作流**：整体操作逻辑更接近传统图像编辑软件，符合设计师的工作习惯 本教程将通过一个在推特上广受欢迎的经典案例，演示如何使用AI画板制作完整的商品详情页海报系列。 --- ## 一、案例资料准备 ### 案例来源 - **原作者**：推特用户 hanfeer @feelfeelhan - **原始提示词文档**：https://djpebti7u6ik.jp.larksuite.com/wiki/VKSEwf2dUi4Szikvdzbj7jLVpob - **GitHub备份版本**：https://github.com/vito01111/AI- - （由于原始提示词仅支持国际版飞书访问，已复刻至GitHub供参考） - **AI画板API配置**：https://lazycat.cloud/playground/guideline/1486 - **本次演示文件**：https://github.com/vito01111/AI- （可导入爱图查看实际提示词和图片细节） ### 提示词结构说明 本案例的提示词体系分为三个层级： **1. 基础素材层** - Logo生成提示词 **2. 品牌规范层** - 品牌与统一KV母版（适用于所有海报的通用规范） **3. 海报生成层**（共10张海报） - 海报01｜主KV·自然套装（Hero） - 海报02｜干净棚拍·全身正面（Studio Full Look） - 海报03｜周末穿搭拼贴（Rounded Collage） - 海报04｜细节01·刺绣（Macro Embroidery） - 海报05｜细节02·面料肌理（Fabric Texture） - 海报06｜细节03·毛边下摆（Fringe Hem） - 海报07｜细节04·裤脚刺绣+毛边（Pants Hem Detail） - 海报08｜风格灵感·配色物料板（Moodboard） - 海报09｜尺码表（Size Guide，干净排版） - 海报10｜洗护说明（Care） --- ## 二、操作流程详解 ### 步骤1：生成高清白底产品图 很重要，直接影响后续所有海报的质量，要确保图片的产品细节一致。 **操作要点**：对于细节丰富的产品，建议生成多角度白底图（正面、侧面、细节特写等） **参考提示词**：请提取{模特上衣和裤子}的高保真高清白底图  --- ### 步骤2：生成或优化品牌Logo **适用场景：** - 如果已有Logo，可跳过此步骤 - 如果现有Logo风格与整体设计不协调，可在此环节进行风格化处理，使其与海报系列保持一致 -  --- ### 步骤3：搭建画板布局并批量生图 **布局规划：** 1. **左侧参考区**：将以下素材放置在画板左侧，便于后续引用 - 高清白底产品图 - 品牌Logo - 品牌与统一KV母版  小技巧：框选左侧图片后，按住 `Shift` 键，用鼠标点击其他需要选中的提示词，即可实现多选 2. **右侧生成区**：纵向排列各海报的提示词 - 每个提示词同时引用左侧的白底图、Logo和品牌母版 - 按顺序生成10张海报  --- ### 步骤4：优化与精修 这是最终生成的10张海报图片：  从初次生成的10张海报来看，通常会存在以下问题： **常见问题清单：** 1. **排版一致性问题** - 主标题字体大小不统一 - 排版栅格不规范：Logo位置、标题起始线、按钮位置等未对齐 - 页面留白不均衡：部分页面左侧留白过大，部分页面底部内容过于拥挤 - 圆角卡片的尺寸和阴影厚度不一致 2. **文字排版问题** - 中英文排版比例不稳定，有时中文字号更大，有时英文字号更大 - 中文文字出现乱码 3. **视觉表现问题** - 模特表现力较弱，姿态单一，缺乏场景变化 - 产品卖点表达不够突出，影响营销效果 **优化方法：** 1. **整体调整**：针对不满意的部分，修改提示词后重新生图 2. **局部修改**：使用圈选编辑功能，对局部细节进行精准调整 3. **Logo和排版**：如果具备基础PS技能，建议手动添加Logo，效果更精准可控 4. **一致性提升**：增加参考图的使用，可显著提高各海报间的视觉一致性 --- ## 三、成本分析 **本次演示数据：** - 使用模型：nano-banana-2 - 生成次数：27次（1张白底，1张logo，10张海报，共12张图，详见**本次演示文件**：https://github.com/vito01111/AI-） - 总花费：5.3元 **实际商用预估：** 需要注意的是，本次演示仅达到了"大致可用"的效果。若要达到真正的商用标准，需要： - 反复调整提示词，优化细节 - 确保所有海报具备强一致性 - 预计生成次数需增加数倍 - **预估成本**：20-30元左右 **总结：** 虽然成本会有所增加,但相比传统设计流程，AI画板的效率优势明显，且具有很大的优化潜力。建议多尝试不同的提示词组合和参数设置，找到最适合自己产品的生图方案。

告别混乱！用画板管理你的 AI 生图过程，提示词迭代效率翻倍

https://appstore.lazycat.cloud/#/shop/detail/cloud.lazycat.app.aitu ## 一、工具简介 爱图（Aitu）是一款由兔子 API 开发的 AI 画板工具。它既可以作为常规画板使用，支持 Markdown 转思维导图、Mermaid 转流程图等功能；也可以配合 AI 工作流进行图片和视频生成。 **核心特点**：用画板的形式管理 AI 生图，提示词和图片始终在一起。 ## 二、为什么用画板管理 AI 生图？ ### 传统方式的问题 使用普通 AI 生图工具时，通常的流程是： 1.在生图工具输入提示词 2.生成图片后下载保存 3.想调整时，需要重新找提示词或凭记忆修改 4.做套图时，多张图分散在不同位置，难以对比 **核心问题**：提示词和图片是分离的，管理起来很混乱。 ### 画板方式的优势 爱图用画板的形式解决了这个问题： **1. 提示词和图片关联在一起** - 在画板上，提示词文本框和生成的图片紧挨着 - 想知道某张图是怎么生成的，直接看旁边的文字就行 - 不需要额外记录或管理文件 **2. 多版本对比一目了然** - 可以在画板上并排放置多个版本 - 同时看到不同提示词的效果差异 - 快速找到最佳方案  **3. 套图管理更方便** - 把一套图排列在画板上 - 可以用相同的参考图 + 不同的提示词 - 实时对比风格一致性 **4. 支持图片参考** - 可以框选画板上的图片作为参考 - 配合提示词进行精准修改 - 适合迭代优化  **简单来说**：画板让 AI 生图的工作流程更直观、更有序。 ## 三、AI 生图功能 爱图（Aitu）默认调用兔子 API 进行 AI 生图。如果您是新手用户，建议直接充值使用兔子 API 作为中转，价格实惠且稳定。如果您有一定开发经验，也可以自行下载开源代码进行接口适配。 > **GitHub 地址**：https://github.com/ljquan/aitu > > **注意**：其他 API 平台（如 OpenRouter）因调用格式不同可能出现报错，需要自行适配接口。 ### 1. 基础配置  #### 申请 API Key 1. 充值任意金额：https://api.tu-zi.com/topup 2. 生成 Key：https://api.tu-zi.com/token（令牌渠道分组选择默认全选即可） 3. 将获得的 Key 填入「设置」→「API Key」中 #### 配置图片模型  **默认模型**：`gemini-2.5-flash-image`（老版本 nanobanana 1 代） - 推理能力较弱，但价格便宜 - 兔子 API 价格：**0.028 元/张** - 目前较少使用 **推荐模型**：`nano-banana-2`（主流生图模型） - 当前最主流的生图模型 - 兔子 API 价格：**0.196 元/张** **高清模型**： - `nano-banana-2-2k`：**0.21 元/张** - `nano-banana-2-4k`：**0.21 元/张**（推荐，价格相近直接选 4K） **ChatGPT 最新模型**：`gpt-image-1.5` - 兔子 API 价格：**0.28 元/张** #### VIP 稳定版本 高峰期时，平价模型可能无法正常使用。在模型名称后缀加上 `-vip` 可使用稳定版本，价格略高： | 模型 | 价格 | |------|------| | `nano-banana-2-vip` | **0.42 元/张** | | `nano-banana-2-2k-vip` | **0.42 元/张** | | `nano-banana-2-4k-vip` | **0.56 元/张** | > **价格参考**：https://api.tu-zi.com/pricing > > **计算公式**：实付金额 = 标价 × 充值汇率 ### 2. 使用方法 #### 选中生成 在鼠标模式下，可以同时选中图片和文字进行生图，省去单独添加图片的步骤。支持以下操作： - 选择原图和画笔修改的草稿，实现精准修改 - 快速对比不同版本的生成结果 - 方便排列套图，批量对比和修改提示词  > **重要提示**：图片比例需要通过提示词说明，如 `1:1`、`9:16`（竖屏）、`16:9`（横屏）。生图功能没有显式的比例参数设置。 ## 四、AI 生视频功能 AI 视频生成与 AI 生图类似，同样需要配置相应的模型。 ### Veo 系列模型 **默认模型**：`veo3`（老版本） - 兔子 API 价格：**0.7 元/个** - 仅支持横屏，时长默认 8 秒 - 目前较少使用 **推荐模型**：`veo3.1` - 兔子 API 价格：**0.7 元/个** - 时长默认 8 秒 - 支持通过提示词控制横竖屏：`9:16`（竖屏）、`16:9`（横屏） - 支持引用两张图片进行首尾帧创作（生成两张图片之间的过渡视频）  **高清版本**：`veo3.1-pro` - 兔子 API 价格：**3.5 元/个** - 画质更高，根据个人需求选择 > **特点**：Veo 系列视频画质普遍较高。 ### Sora 2 系列模型 出于成本考虑，市面上使用更多的是 Sora 2 系列产品。Sora 的优势在于具有真实物理引擎模拟，生成的视频更加真实。 **标准版本**：`sora2` - 兔子 API 价格：**0.07 元/视频** - 支持 10 秒、15 秒（默认 15 秒） - 默认竖屏，可通过提示词 `16:9` 调整为横屏 - 画质较低，仅 480P - 因成本低廉，是最常用的视频模型 > **提示**：熟悉 ComfyUI 的用户，通常会在生成视频后进行高清化处理。 **专业版本**：`sora-2-pro` - 兔子 API 价格：**2.8 元/秒** - 支持 10 秒（720P）、15 秒（720P）、25 秒（480P） - 因成本较高，使用较少，根据需求选择 ## 五、常见问题 ### 使用其他 API 平台 如果想要使用其他 API 平台，需要自行部署项目并进行接口适配。 > **GitHub 地址**：https://github.com/ljquan/aitu > > **提示**：可以让 AI 协助完成接口适配工作。 ### 推荐使用最新版本 如果您愿意使用兔子 API，在熟悉基础操作后，推荐使用最新网页版： > **最新网页版**：https://pr.opentu.ai/ 相比当前版本，最新网页版具有以下优势： - 配置更简单 - 功能更丰富 - 用户体验更流畅 > **注意**：目前懒猫平台上的版本相对较旧，使用体验可能不如最新版。 ## 六、其他实用功能 ### Mermaid 转流程图 爱图还支持将 Mermaid 代码快速转换为可视化流程图。 **操作步骤：** 1. 点击工具栏中的「更多工具」→「Mermaid 到 Drawnix」 2. 粘贴 Mermaid 代码，预览流程图效果 3. 点击「插入」，流程图即可添加到画布中 4. 插入后双击节点可编辑文字内容   **使用场景：** 日常工作中，可以先让 AI 生成 Mermaid 流程图代码，然后通过此功能快速转换为可视化流程图，并进行微调修改。 > **提示**：思维导图生成、手动绘图等功能均为所见即所得，操作直观，此处不再赘述。