AI FantasAI Fantas 编辑团队 · 更新于
电商详情页 6 屏结构拆解：如何用 AI 分步制作整套视觉素材？
先梳理每一屏要回答的购买问题，再准备场景图与真实商品信息。本文用六屏示例讲清如何规划分镜、生成素材和核对成稿。
跟着做一次：素材、步骤与可复制提示词
先准备素材
- 商品原图、已核实的规格和卖点清单。
- 品牌主色与目标页面尺寸；规格表和功效信息单独整理。
在 AI Fantas 中操作
- 先把详情页拆为首屏、使用场景、材质细节、规格配色、尺寸参照与包装售后六个模块。
- 用下面的提示词在 Studio Chat 生成分镜方案，核对每屏是否有真实素材与参数支撑。
- 按屏分别生成配图，用同一商品图和已确认的色彩参考控制一致性。
- 最后在排版工具中加入真实文案与规格表，逐屏检查商品、文字、尺寸和售后承诺。
打开 Studio Chat · 打开节点画布 · 查看操作文档
复制后按你的商品调整
将方括号内容换成自己的商品信息。参考图数量、画幅、分辨率和费用以所选模型界面为准。
先生成六屏分镜方案
带入工作台试试 →统一风格、逐屏出图
带入工作台试试 →生成后检查这几项
- 将真实规格表作为文字排版，避免直接使用模型猜出的尺寸。
- 同款不同颜色、配件和包装必须对应实际 SKU。
- 六屏是可调整的内容组织方式，转化率是否改善需要真实用户或投放数据。
高转化详情页必配的「黄金 6 屏」视觉清单
在动手出图前，先按以下 6 屏列出你需要的画面，在 AI Fantas 中一次建好对应分支：
- 第 1 屏（首屏 KV 视觉锤）：主体占画面 55%，上方留白放一句核心承诺大标题，瞬间定调品质感。
- 第 2 屏（核心使用场景代入）：把产品放进买家最向往的真实高频使用时刻（如通勤包放在精致咖啡厅桌面）。
- 第 3 屏（材质/成分可视化）：微距特写面料透气孔、金属氧化工艺或核心天然原料伴侣图。
- 第 4 屏（多规格/多配色全家福）：统一柔光背景下整齐陈列全系颜色，引导多件加购。
- 第 5 屏（尺寸比例直观参照）：通过模特手持或与日常熟悉物品同框，打消“买回来大小不符预期”的退货顾虑。
- 第 6 屏（品质礼盒与售后信任背书）：精致开箱仪式感画面，促成临门一脚下单。
常见问题答疑
做好的 6 屏背景色调不一致怎么办？
在 AI Fantas 画布中，将第 1 屏定稿的 KV 海报同时作为后续几屏的色彩氛围参考输入，即可确保从头到尾色调高度统一。