详情页图丑没人看？AI 出图全流程拆解：任务表→Brief→提示词→750px 拼接，零基础也能上手

我有个做美妆品牌的朋友，去年为了详情页图片光摄影师就约了 3 次，每次出图等一周，修图来回磨半个月。最后一组 8 张主图花了 6000 块，效果还没达到预期。

后来他换思路——用 AI 出图，第一个月稳定出了 200 多张图，质量稳如摄影师出品，单图成本压到 1 毛钱。最关键的转变是：他不再想”我要让摄影师拍啥”，而是先把详情页拆成”画面任务表”，再让 AI 填空。

今天把这一整套流程拆给你——6 步，从啥都不会到能稳定出货。

一、AI 出图最常见的 3 个坑

先把坑讲清楚，避免你跑流程时踩雷：

坑 1：上来就让 AI 自由发挥。“帮我出一张详情页主图”——AI 给你出一张赛博朋克风的塑料瓶子，你说不对，再来，再不对，再来……AI 没目标就靠运气，你没 Brief 就只能瞎试。

坑 2：提示词越详细越好。新手最容易犯的毛病：把提示词写到 200 字，把所有想要的细节都堆上去。结果 AI 顾此失彼，每个细节都画半吊子。提示词不是越细越好，是越准越好——只说决定画面风格的硬约束，别的让 AI 自己补。

坑 3：出图不标准化。今天出的图偏暖，明天偏冷；这批人脸瘦，下批人脸胖。没标准的 AI 出图等于没出——组装成详情页就是大杂烩，用户一眼看出”拼凑感”。

这三个坑的解药就是下面要讲的6 步流程。每一步都对应解决一个坑。

二、第 1 步：画面任务表——把详情页拆成”任务清单”

AI 出图的第一份文档不是提示词，是画面任务表。这张表的本质是：把你要做的详情页，按”屏”和”画面”拆成一张清单。

我那个朋友做的 5 屏详情页，最终拆出来 10 个画面任务：

屏画面任务类型核心卖点
1主图（产品+情绪）主图整体气质
2产品 3 视图产品图真实感
3质地特写细节图工艺
4使用场景 1场景图利益点
5使用场景 2场景图利益点
6使用场景 3场景图利益点
7配方表/配料表信息图信任
8用户口碑截图证据图信任
9创始人/团队品牌图温度
10行动指令CTA 图转化

拆任务表的 3 条原则：

  1. 每屏不超过 3 张图：超过会显得碎，用户读不下去
  2. 类型不超过 5 种：主图/产品图/细节图/场景图/信息图/证据图/品牌图/CTA 图——选 5 种以内
  3. 每张图必须有”核心卖点”这一列：没有卖点=好看没用，AI 出图时不知道画面该强调啥

任务表拆得越清楚，后面 AI 出图就越稳——这不是 AI 的能力问题，是你给 AI 划的边界清不清楚。

三、第 2 步：视觉 Brief——把”风格”钉死

任务表定”画啥”，视觉 Brief 定”咋画”。这一份文档是风格的圣经——所有画面共用同一份，确保整套图视觉统一。

视觉 Brief 包含 6 个维度，每个维度都要写死：

1. 整体色调：暖橙调（友好）/冷蓝调（专业）/中性灰（高级）/马卡龙（年轻）/莫兰迪（温和）。建议一选定一种，别中途换。

2. 光线风格：自然光（生活感）/影棚柔光（产品级）/顶光（高端）/侧光（质感）/逆光（氛围）。

3. 镜头语言：35mm 人文镜头（场景图）/85mm 中焦（人物特写）/微距（细节图）/广角（场景全景）。

4. 构图比例：中心构图（产品图）/三分构图（场景图）/对称构图（仪式感）/对角线（动感）。

5. 后期风格：日系清新/欧美商业/胶片质感/赛博朋克/写实纪录。

6. 模特/人物设定（如有）：年龄段/肤色/体型/表情/穿搭风格——这一项一定要钉死，否则 AI 出的人脸每次都不一样。

我那个朋友给美妆品牌定的视觉 Brief 是这样的：

整体色调：暖橙调，温柔有活力
光线：自然光，下午 3-4 点窗光
镜头：85mm 人像镜头，景深浅
构图：三分构图，人物在左侧
后期：日系清新，低对比
模特：25-30 岁女性，素颜感，皮肤偏黄一白，自然卷发

视觉 Brief 一旦定好，所有 AI 出图都用这套风格——这是详情页”看起来像一套”的关键。

四、第 3 步：写提示词——把 Brief 翻译给 AI

任务表和视觉 Brief 都有了，下一步才是提示词。提示词的活很简单：把第 2 步的 Brief + 第 1 步的画面任务，组合成一段 AI 能懂的话。

提示词模板（直接套用）：

[画面内容描述：参考画面任务表], [光线：参考视觉 Brief], 
[镜头：参考视觉 Brief], [色调：参考视觉 Brief], 
[后期风格：参考视觉 Brief], [画质参数]

画质参数是固定句尾，可以复用：

commercial photography, high detail, sharp focus, 
professional color grading, 8k, --ar 3:4 --style raw

举个例子，“质地特写”那张图的提示词：

A close-up of a serum bottle texture, natural daylight 
from window at 3pm, 85mm portrait lens, shallow depth 
of field, warm orange tone, Japanese fresh style, 
commercial photography, high detail, sharp focus, 
8k, --ar 3:4 --style raw

几个避坑提醒：

  1. 每张图都包含相同的风格句尾——保证视觉统一
  2. 中文写场景、英文写风格——这是上一篇文章 FAQ 提到的
  3. 提示词不超过 80 字——超过 AI 会顾此失彼
  4. 不要写”不要 XX”——AI 听不懂否定句，写”white background”比写”no background”出图更稳

五、第 4-5 步：AI 出图 + 人工校对

提示词有了，开始让 AI 出图。建议流程：

第 4 步：批量出图

每个画面任务出 3-5 张候选图。把所有候选图存进一个”候选”文件夹，按画面任务编号命名（如 P1-01、P1-02、P2-01）。

AI 出图别一上来就追”完美图”——先求数量再求质量。10 个画面任务 × 3 张候选 = 30 张图，大概 30 分钟搞定。

第 5 步：人工校对筛选

从 30 张里挑 10 张最终图。校对有 4 个维度：

  1. 符合任务表：画面是不是任务表里要的内容（产品对不对、场景对不对）
  2. 符合视觉 Brief：色调、光线、镜头、后期是不是定的风格
  3. 细节质量：边缘有没有崩、皮肤纹理是不是塑料感、字体是否清晰
  4. 卖点清晰度：核心卖点能不能在 1 秒内看出来（这一步最容易被忽略）

4 个维度任何一个不过，就换下一张候选。如果所有候选都不过，回到第 3 步调整提示词重来。

我那个朋友 10 个画面任务的校对时间大概 1.5 小时，比传统约摄影师节省 90%。

六、第 6 步：750px 拼接 + 延展物料

10 张图挑出来了，下一步是组装成详情页。

750px 拼接：

淘宝/天猫详情页标准宽度是 750px，这是平台固定死的。所有图都按这个宽度出图（提示词最后加 --ar 3:4 就是这个比例）。

如果 AI 出的图比例不对（比如出了 16:9），用 PS 或美图秀秀裁成 3:4 比例再放大到 750 宽。

延展物料：

详情页用的图不能直接拿去当主图/直通车图。要做 3 类延展：

  1. 主图方图（800×800 或 1080×1080）：把详情页里的产品图重新裁方、加卖点文字
  2. 直通车图（1080×1080）：基于场景图，叠加卖点文案 + 价格信息
  3. 短视频封面图（1080×1920 竖屏）：把场景图竖裁 + 文字

延展的核心思路是：详情页图出一次，主图/直通车/封面都从里面改——不再单独约拍，节省一半工作量。

七、封装成 Skill——下次复用

跑完一轮之后，最值钱的不是这次的图，是把这套流程封装成 Skill（技能模板）。

封装方法：把画面任务表 + 视觉 Brief + 提示词模板 + 校对清单 4 份文档，存进 AI 工具的 Skill 系统。下次做新详情页：

  1. 改画面任务表（10 分钟）
  2. 改视觉 Brief 几个变量（5 分钟）
  3. AI 按 Skill 自动出图（30 分钟）
  4. 人工校对（1.5 小时）

总耗时 2.5 小时——比第一次跑（5-6 小时）快一半。

我那个朋友现在一个月能做 3-4 套详情页，每套 10 张图，第一个月稳定 200+ 张图，还顺手把团队其他项目的图都做了。

想直接抄作业？

我把这套 AI 出图全流程打包好了：画面任务表模板（5 屏/8 屏/12 屏三套）、视觉 Brief 生成 prompt（6 维度填空）、提示词模板（中英混用 + 画质参数尾句）、750px 拼接操作手册、延展物料尺寸速查表。直接拿去就能跑出第一套详情页图。

📦 资料包下载链接：https://v.v8l.cn/s/LeknwmD

AI 出图这事最怕的不是 AI 不行，是你没给它清楚的目标——任务表+Brief 是骨架，AI 是血肉，骨架稳了血肉才能填对地方。

📚 本系列其他文章（AI 电商运营）

#AI电商 #详情页 #AI出图 #视觉生产 #SDXL #电商运营

本文由 AI 辅助创作，配图/排版由人工完成。