本文由 莫潇羽@无忆研习社(www.wuyi.wiki)撰写,转载请注明出处。

快速摘要

这是一套我自己跑通、可复制的 AI 详情页工作流。核心做法是把"做一份详情页"拆成六步:需求拆解 → 智能体策划 → 竞品分析 → 分屏出图 → 产品替换与融图 → 动图制作。涉及的主要工具有豆包智能体、DeepSeek、即梦 AI 3.x、Photoshop 与一个在线融图工作流。最关键的两件事是:第一,先用豆包搭好两个智能体(一个负责详情页文案策划,一个负责把策划稿翻译成 AI 出图提示词),把原本需要四五个小时的策划阶段压缩到二十分钟以内;第二,出图阶段不要指望一次成图,而是用"抽卡 + 关键词迭代 + PS 换产品 + 工作流补光影"的组合拳,让 AI 出的图只承担排版骨架,具体产品和品牌信息由你自己掌控。本文把我跑通十款产品(智能摄像头、扫地机器人、精华液、猫粮、护肤水乳、家用投影仪、香薰、音箱、空气炸锅、沐浴露)的全部经验拆开讲清楚,包括两套智能体的提示词模板、即梦的参数设置、PS 抠图换图的快捷流程、融图工作流的原理,以及十几条容易被忽略的踩坑细节。想看完整拆解,往下翻。

一、为什么我要折腾这套 AI 详情页工作流

很长一段时间里,我自己做详情页的节奏是这样的:接到产品图、对着空白的画布发呆十分钟,找参考找到犯困,然后开始扣头图、调色、码字、堆模块,一屏一屏往下推。十屏的详情页,从前期沟通到交稿,一个人两到三天是常态。

后来我开始把 AI 引进工作流。一开始是只用 AI 写文案,效果一般,因为文案和视觉是要互相迁就的;再后来是只用 AI 出图,问题更明显,因为缺了策划环节,AI 不知道你这个详情页"要传递什么"。直到我把整条链路全部串起来——从拆需求、写提示词、出图、换产品到生成动图——才发现效率提升不只是一倍两倍,而是结构性的变化。

简单说,这套工作流能帮我解决三件事。第一件是降低重复性劳动。详情页有大量套路化的工作:卖点提炼、版式排布、图标搭配、参数表格。这些不是创意活,是体力活,AI 接管之后,我可以把脑力留给真正需要判断的环节,比如品牌调性、客户偏好、动效节奏。第二件是拉平基础能力线。哪怕你不是科班出身,只要愿意花点时间调智能体,你出的稿子至少能在结构和文案上达到行业平均水平,客户讨论起来会顺畅很多。第三件是腾出对外沟通的时间。我自己的体会是,做详情页这件事,真正卡时间的从来不是动手,是反复跟客户对齐——"这个色调你喜欢吗""第三屏的卖点要不要换"。AI 把第一稿拉出来的速度变快了,沟通效率也跟着上来。

这套工作流适合谁?坦白说,它不挑人。如果你是电商美工、自由设计师或者刚转行做视觉的新人,跟着跑一遍立刻能用;如果你是产品经理、运营,需要快速验证一个新品的视觉表达,这套流程同样能给你一份能拿出手的初稿;甚至如果你是个体卖家,自己上架自己的产品,这套流程也能让你在不雇人的情况下,把详情页做到不丢分。我把它整理出来,不是为了卖什么"AI 培训",而是希望无忆研习社(www.wuyi.wiki)的读者能少走一些我已经走过的弯路。

要先打个预防针:AI 工具的能力还在快速变化,本文里写的所有参数、版本号、界面位置,都是基于我使用时的最新版本整理的。一两个月之后,具体按钮的位置可能会动,但底层的方法论——把任务拆细、用智能体接管套路活、用迭代代替一次成图——这套东西不会过时。读完之后,请你不要把它当成"傻瓜教程",而是当成一份可以套用、可以改造的脚手架。

二、整体工作流概览:把详情页拆成六个动作

在动手之前,我习惯先把整条链路画出来。这样做的好处是:每一步的产出物是什么、用什么工具、上下游怎么衔接,一眼能看清。我自己跑这套流程的时候,脑子里其实是这样一张图:

flowchart LR
    A[需求文档] --> B[智能体策划<br/>详情页十屏文案]
    B --> C[竞品分析<br/>+ 产品外观描述]
    C --> D[智能体翻译<br/>分屏提示词]
    D --> E[即梦 AI 出图<br/>抽卡迭代]
    E --> F[PS 换产品<br/>+ 工作流融图]
    F --> G[图生视频<br/>动图制作]
    G --> H[详情页交付]

这张图分六个主要动作,我把它们命名为 Step 1 到 Step 6。每一步的目标都很简单,不重叠,也不能跳。

Step 1 · 需求拆解,产出物是一份十屏左右的详情页结构文档,告诉自己每一屏要展示什么。这一步看起来最虚,但实际上是整个工作流的地基。

Step 2 · 智能体搭建,产出物是两个豆包智能体,一个我叫它"详情页策划师",负责把产品信息变成完整的十屏文案表格;另一个我叫它"详情页提示词工程师",负责把策划稿翻译成 AI 出图能听懂的关键词。

Step 3 · 竞品分析与产品外观提取,这一步是给智能体喂料。竞品图我会找三张,产品外观我会让豆包先帮我描述一遍,确保 AI 知道"我要做的是什么形态的东西"。

Step 4 · 即梦 AI 出图,这是最耗时间但也最有意思的一步。模型版本、画面比例、文字增强模式、抽卡次数,每一项都会影响出图质量。我一般是一次出两屏,边出边改提示词,直到风格被锁住。

Step 5 · PS 换产品 + 融图,因为 AI 出的产品几乎一定不是你客户的产品,所以这一步是把客户的真实产品图替换上去,再通过一个在线融图工作流把光影合到一起,让换上去的产品不显得"贴上去"。

Step 6 · 图生视频,最后用即梦的视频生成功能,把静态图变成动图,放在详情页的关键卖点屏里,瞬间提升专业感。

如果你之前没接触过这套链路,可能会觉得每一步都很复杂。实际跑下来你会发现,真正复杂的只有 Step 4——出图阶段需要不断调整。其他几步,只要模板搭好了,执行起来都很机械。莫潇羽我自己的体会是,新人花 70% 的时间在 Step 4,熟手花 70% 的时间在 Step 1。也就是说,做久了之后你会发现,需求拆得越清楚,后面越省力。

接下来,我们一个一个动作过。

三、Step 1 · 需求拆解:把"做一张图"翻译成可执行的十屏脚本

很多新手做详情页,拿到产品图第一反应就是打开 PS 开始排版。我以前也这样。结果就是做到第三屏就开始卡壳——不知道下一屏放什么,只能临时凑。后来我学会了一件事:详情页不是一张图,是一个结构,是一个可以被拆成模块的脚本。

3.1 详情页的底层逻辑:IDCMA 与 FABE

电商设计圈有两套被反复验证的逻辑框架,绕不开 IDCMA 和 FABE。我在策划阶段一直在用,所以这里展开讲一下。

IDCMA 是一个完整的销售路径,从消费者打开页面到下单,大致是这五个阶段:吸引注意(Interest)—— 激发欲望(Desire)—— 建立可信度(Credibility)—— 强化记忆(Memory)—— 促成行动(Action)。详情页的每一屏其实都在对应其中某一个阶段。首屏要"勾",中间几屏要"信",后几屏要"推"。

FABE 是更微观的卖点表达模型,讲的是一个卖点要怎么写才有说服力:特征(Feature)—— 优势(Advantage)—— 利益(Benefit)—— 证据(Evidence)。比如一款扫地机器人主打"激光导航",你不能只说"激光导航",你要写"激光导航(特征)→ 定位更精准(优势)→ 清扫不漏缝(利益)→ 实测覆盖率 99.8%(证据)"。

这两套框架我都让 AI 替我背着,在智能体里写死了。新人不用强行记忆,只要在生成的稿子里观察 AI 的产出符不符合这个套路就行。

3.2 前三屏决定一切

业内有一句老话:用户决定要不要继续往下滑,只需要看前三屏。这句话被各种数据反复验证过,我自己跑下来也认同。所以策划阶段我会把最重的卖点全部放在前三屏,具体怎么分配:

• 第一屏:品牌 + 主视觉 + 一句核心承诺(给用户一个"我要看下去"的理由)
• 第二屏:核心卖点的高度提炼,通常是数字 + 反差(让用户产生"哦?"的反应)
• 第三屏:卖点的展开,把承诺翻译成具体的功能或体验

中间几屏(四到八屏)我会铺细节、场景、技术原理、对比;倒数两屏放参数表和品牌信息,完成最后的临门一脚。

3.3 我自己用的需求拆解模板

下面这张表是我每次接到产品都会先填的模板,填完它,后面的智能体只要拿到这张表就能跑起来。

这张表是后面所有动作的起点。我自己接活的时候,会先把这张表跟客户对齐一遍,客户拍板了再进入下一步。先策划、再出图,这八个字看起来废话,但 90% 的新手是反着来的——先出一堆图,再去回答"这是干嘛的"。结果就是图很多,但卖不动产品。

四、Step 2 · 智能体搭建:让 AI 替你当策划

这一节是整套工作流的核心。如果你只能学一个动作,我建议就学这个。智能体搭好之后,后面的所有事情都是顺水推舟。

4.1 智能体到底是什么

很多人以为智能体是什么高深的东西。其实它就是一个预设好"角色 + 技能 + 流程"的对话窗口。你每次和它对话,它都会按照你预设的人设和规则来回答,而不是像通用聊天助手那样想到哪说到哪。

把它想象成一个新员工。你第一次入职时,会被告知你的岗位是什么、要做哪些事、按什么流程做、产出什么。智能体就是把这套岗位说明书提前写好,以后这个"员工"就一直按这套规则上岗。

豆包的智能体创建入口,在 App 的"发现智能体"页面右上角,有一个"创建 AI 智能体"按钮。点进去之后,有名称、头像、设定描述、权限四项要填。我建议把权限设成"私密",这样别人看不到,你的提示词也不会被人复制走。

4.2 详情页策划师智能体的提示词模板

下面这段是我自己用了很久、迭代了大概十几个版本之后的提示词。直接复制,改改产品类目就能用。

# 角色设定
你是一名资深的电商详情页策划师,拥有十年以上的详情页设计经验,
精通竞品拆解、卖点提炼、IDCMA 销售逻辑与 FABE 卖点表达模型。
你的语言风格简洁、克制、专业,不堆砌华丽辞藻。

# 工作目标
帮助用户完成一份十屏左右的电商详情页文案策划。
最终产出物是一份结构化表格,包含:屏号、主标题、副标题、画面描述。

# 工作流程(请严格按以下流程执行)
1. 等用户上传一到三张竞品图片,逐张分析,提炼竞品的核心卖点与视觉风格。
2. 等用户上传自己的产品图片和产品信息,结合竞品分析,提炼差异化卖点。
3. 输出十屏详情页结构表格,每一屏包含主标题、副标题、画面描述三项。
4. 等用户确认或修改后,进入下一轮迭代。

# 输出格式
表格化,Markdown 语法,字段固定为:屏号 | 主标题 | 副标题 | 画面描述。

# 注意事项
- 主标题不超过 12 字,副标题不超过 20 字。
- 前三屏必须包含产品核心卖点。
- 倒数两屏分别是包装/服务与产品参数。
- 文案口语化、可读性强,避免空洞修饰词。

把这段话粘到豆包智能体的"设定描述"框里,头像可以随便选一个,权限私密,确认创建。审核大概一分钟,通过之后就能开始对话了。

4.3 提示词工程师智能体的提示词模板

第一个智能体负责"想清楚每屏放什么",第二个智能体负责"把想清楚的事翻译成 AI 出图能听懂的提示词"。这两个角色一定要分开,不要试图让一个智能体干两件事——我试过,效果一塌糊涂,因为它会顾此失彼。

# 角色设定
你是一名 AI 文生图提示词工程师,同时拥有电商详情页设计的视觉素养。
你精通即梦 AI、Midjourney、Stable Diffusion 等主流文生图模型的提示词写法。

# 工作目标
将用户提供的详情页文案策划表格,翻译成可以直接输入即梦 AI 的分屏提示词。

# 工作流程
1. 等用户上传详情页策划表格与产品外观描述。
2. 询问用户的目标风格(可上传参考图或文字描述)。
3. 按屏号顺序输出提示词,每条提示词包含:
   - 文案及排版规则(主文案 + 副文案 + 字体粗细 + 位置)
   - 画面主体与构图
   - 色调与氛围
   - 产品外观描述

# 输出格式
每屏一段提示词,中文,逗号分隔,不超过 30