电商详情页导演：用 image2 生成可交付商品长图的方法论

这两天我和世博一起走了一遍「AI 生成电商详情页」的完整试错过程，从一开始只追求好看的产品海报，到最后沉淀出一套更适合真实交付的详情页方法。这个 Skill 适合食品、农产品、家居、日用品等电商商家，也适合设计公司用 AI 快速出详情页样稿。 ## 适合谁使用 - 有商品图，但不知道怎么组织详情页卖点的商家 - 想用 GPT Image / image2 快速生成电商长图的设计师 - 需要从客户需求 PDF、参考长图、产品图中整理出详情页脚本的 AI 共创者 - 想避免 AI 乱画包装、乱写参数、乱套竞品风格的团队 ## 我们踩过的坑 1. 以为「好看」就够了，结果详情页缺少销售逻辑。 2. 每一屏都放产品，导致页面像海报合集，不像详情页。 3. 只靠提示词描述包装，模型会自造一个相似但错误的产品。 4. 参考图直接喂给模型，容易把别人的视觉元素和品类风格带进来。 5. 产品信息、营养表、配料、标准号等小字如果完全交给 AI，正式交付风险很高。 ## 核心原则 **电商详情页 = 视觉叙事 + 商品一致性 + 事实准确性 + 转化逻辑。** 1. 出现产品，就必须锁定客户主图。 - 用以图生图上传客户商品图。 - 或后期确定性抠图合成。 - 不能让模型凭提示词「想象」包装。 2. 不需要产品的页面，必须禁止出现包装。 - 否则模型会自造包装、蓝盒、黄盒、示意袋。 - 原料、工艺、流程、营养、食用方法页通常可以无包装。 3. 参考图只学结构，不直接复制资产。 - 学它的叙事顺序、信息层级、页面节奏。 - 不把竞品素材直接当生成参考，避免串味和版权风险。 4. image2 负责视觉融合，事实信息必须校对。 - 产地、氛围、食欲、工艺画面交给模型。 - 配料、营养表、标准号、保质期、公司介绍要人工校对。 ## 推荐工作流 1. 收集资料：商品主图、包装图、客户需求 PDF、参考详情页、平台尺寸要求。 2. 提取卖点：产品是什么、核心差异是什么、消费者为什么买。 3. 做详情页分镜：首屏、产地、原料、工艺、品控、信息、营养、食用、品牌。 4. 给每屏定生成方式： - 产品页：以图生图或原图合成。 - 故事页：纯生成视觉。 - 信息页：AI 生成设计感，后期校字。 5. 生成单屏图，不要一口气生成整条长图。 6. 拼成长图。 7. 质检：产品是否一致、是否有自造包装、文字是否准确、卖点是否突出、是否有竞品串味。 ## 一个食品详情页结构模板 1. 首屏：产品名 + 核心卖点 + 真实商品图。 2. 产地页：地图、产区、气候、土壤。 3. 原料页：核心原料如何带来品质。 4. 工艺页：制作过程、设备、技术背书。 5. 品控页：供应链、检测、包装、安全。 6. 产品信息页：配料、标准号、保质期、贮存方式。 7. 营养页：营养成分表。 8. 食用方法页：步骤、场景、搭配建议。 9. 品牌介绍页：品牌/公司信任背书。 ## 质检清单 - 画面里只要出现产品，是否就是客户给的产品？ - 不该出现产品的页面，是否完全没有包装？ - 卖点是否一眼能看懂？ - 产地/原料/工艺/品控是否形成故事链？ - 小字、参数、表格是否需要人工校对？ - 是否误用了竞品风格、竞品元素或无授权素材？ 这条路我们是踩坑踩出来的。AI 不是替代设计判断，而是把视觉生产速度拉高；真正决定能不能交付的，是前面的分镜、商品一致性规则和最后的质检。