上个月，运营直接丢给我 10 个新品，全是户外折叠椅，要求下周全部上架。

按照以前的玩法，光是找参考、抠图、合成场景、调光影，我和助理就能把眼睛熬瞎。

但我用 Codex 跑通了一套视觉 SOP，只花了一天半，10 套详情页全部切图交付。运营看完甚至没提一次改版，直接上架。

做电商设计最怕的不是出图，而是每次拿到新产品，脑子都一片空白。

在用 Codex 连续拆解、生成了 100 多套详情页后，我发现真正能实现批量、高质产出的，从来不是什么“神级提示词”，而是一套被标准化的设计逻辑。

今天不讲大道理，直接上干货，聊聊怎么把这套可复制的实操 SOP 落地。

一、 八大黄金排版模块：每一屏怎么避坑？

01. 第一屏：一秒确认场景与产品定位

详情页的首屏任务不是“炫技”，而是要让买家在滑到的瞬间看懂：这是什么、在什么地方用。

以户外折叠椅为例，我们直接将产品置于草地、湖畔的露营场景中，让“舒适躺平”的氛围感先入为主。

• 实操避坑暗号：做完首屏后，试着遮掉所有文字。如果买家仅凭画面仍能一眼看懂产品和使用场景，这一屏才算合格。如果看不懂，说明场景抢了产品的风头，得重新调弱背景饱和度。

02. 第二屏：动作展示，别让 AI 把结构画成“麻花”

很多详情页喜欢写“快速折叠”，但这种抽象的词汇很难打动人。买家真正担心的是：收纳会不会卡顿？

所以，第二屏直接用视觉呈现三步动作：折叠态、展开态、使用态。

• 实操避坑暗号：AI 最容易在这里翻车，经常把折叠结构画成反物理的“软骨折线”。我的解决办法是在 Prompt 里加入 industrial design blueprint, explode view（工业设计蓝图，爆炸图）来强行约束它的物理结构，别让它瞎发挥。

03. 第三屏：材质卖点，让用户产生“触觉通感”

“透气、高弹、耐磨”是详情页的常用词，但如果画面上没有清晰的材质纹理，买家很难产生信任感。

在这一屏中，我们通过 Codex 将镜头拉近，让面料的微观纹理、头枕走线和边缘支撑细节清晰可见。

• 实操避坑暗号：材质展示页要让用户产生“触觉通感”。在写提示词时，多用 macro shot, texture detail, close-up（微距拍摄，纹理细节，特写），少用空洞的“高品质面料”。

04. 第四屏：人物代入，别让假人毁了画面

户外椅好不好，关键在于人坐上去舒不舒服。躺下时姿态是否自然，这些都需要通过画面来传递。

场景图的核心是“人”，但视觉焦点不能被人物夺走。

• 实操避坑暗号：AI 生成的露营人物，经常假笑得像个纸人，或者手脚比例不对。这里我建议把人物权重降低，或者直接局部重绘，千万别直接用原图，不然买家看着像恐怖片。

05. 第五屏：结构特写，建立安全感

对于折叠类家具，买家最大的顾虑就是“稳不稳、会不会散架”。如果只写一句“超强承重”，说服力极低。

最有效的办法是直接给 X 型支架、加固锁扣一个大特写，让坚固的物理结构成为视觉主角。

• 实操避坑暗号：凡是涉及安全、稳定的卖点，必须给出具体的物理结构证据。提示词里可以加上 reinforced steel frame, stable structure（加固钢架，稳定结构）来强化金属质感。

06. 第六屏：微小功能，放进真实使用瞬间

侧边收纳袋如果只拍一个孤零零的口袋，会显得非常鸡肋。但如果把它放进露营场景中，里面插着手机、水杯，它就立刻变成了“随手拿取”的便利体验。

• 实操避坑暗号：细节功能要和用户的日常行为产生关联。比如在提示词中加入 holding a water bottle, phone in pocket（兜里装着水杯和手机），让画面自己说话。

07. 第七屏：便携性，展示“收”与“带”的双重状态

买家对户外用品的收纳体积非常敏感。只拍一个收纳袋是远远不够的。

这一屏我们需要同时展示三个核心信息：椅子能折叠、袋子能轻松装下、单人可以轻松背走。

• 实操避坑暗号：便携不是一个形容词，而是“收纳后具体有多大、怎么带走”的物理事实。画面里最好有手臂或人体的比例参照，让大小一目了然。

08. 第八屏：终期收束，重组购买理由

最后一屏不需要用力过猛，而是通过层层递进解决完所有疑问后，进行价值收网。将前面提到的舒适、快开、稳固、便携等卖点重新打包呈现。

二、 部署与配置：如何让 Codex 稳定输出？

要实现日产百套，单靠官方网页端是不行的，必须用 Codex 接入 API 进行批量跑图。

为了让教程更接近真实开发环境，本文采用 iThinkAPI 作为 OpenAI Compatible API 的演示环境。它适合用来做多模型聚合调用，在开发过程中可以根据任务需要切换不同的底层推理模型。

在 Codex 或其他支持 OpenAI Compatible API 的工具里，配置时主要关注三个字段：Base URL、API Key 和 Model。

Base URL：https://token.ithinkai.cn/v1
API Key：YOUR_API_KEY
Model：以服务文档为准，最新模型 gpt-5.5、claude-opus-4-8、
gpt-image-2 等可按文档查看；涉及图片生成时，以 0.05¥/图起、2k/4k 支持等服务文档说明为准。

 Codex 或目标工具的 API 配置界面，填入对应的 Base URL、API Key 以及 Model 名称，测试连接成功后再开始使用。

三、 落地实操：可复制的 4 步工作流

理顺了工具和排版逻辑，我们最后把这套 SOP 浓缩为四个大白话步骤：

把产品的所有原始信息（材质、配件、应用场景、绝对不能改的品牌特征）整理成一份固定的文本模版，直接喂给 AI。

1. 第一步：给 AI 喂一份“产品说明书”

别急着去想画面。先想想买家最怕什么，把这些顾虑翻译成 8 个页面任务，规划好每一屏的视觉重点。

1. 第二步：把痛点翻译成页面任务

确保每一屏画面都有看得见的物理证据（比如近景材质、受力结构、使用动作），而不是只靠文案硬说。

1. 第三步：别逼逼，直接给特写

使用同一套产品主描述（Master Prompt）锁死产品的基础外观，再根据每屏的具体任务，微调镜头角度和场景描述。

1. 第四步：用 Master Prompt 锁死外观

掌握了这套方法，你会发现，产品变了，SOP 不用变；类目换了，拆解逻辑不用变。这才是 AI 时代真正带给电商设计的效率红利。