上个月，运营直接丢给我 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。
- 第一步：给 AI 喂一份“产品说明书”
别急着去想画面。先想想买家最怕什么，把这些顾虑翻译成 8 个页面任务，规划好每一屏的视觉重点。
- 第二步：把痛点翻译成页面任务
确保每一屏画面都有看得见的物理证据（比如近景材质、受力结构、使用动作），而不是只靠文案硬说。
- 第三步：别逼逼，直接给特写
使用同一套产品主描述（Master Prompt）锁死产品的基础外观，再根据每屏的具体任务，微调镜头角度和场景描述。
- 第四步：用 Master Prompt 锁死外观
掌握了这套方法，你会发现，产品变了，SOP 不用变；类目换了，拆解逻辑不用变。这才是 AI 时代真正带给电商设计的效率红利。
