教程
一张商品图派生完整详情页：从主图到详情切片
很多中小卖家的情况是：手上有 1-2 张还不错的商品图，但详情页要做 8-10 屏，请人设计一屏几十块，整页下来比货还贵。其实一张信息充分的主图，完全可以作为"母素材"，通过 AI 切片、扩展、重组，派生出结构完整的详情页。
关键不是"一张图硬撑"，而是用一张图触发整页的信息骨架，再在关键位置补切片。这篇指南给你一套可直接套用的详情页规划方法。
一、先规划详情页的信息结构
做图之前先定结构，不要边做边想。一个转化稳定的服饰/日用详情页，建议按这个顺序排：
- 首屏主图 + 一句话卖点：3 秒内让买家知道这是什么、强在哪。
- 核心卖点三连：3 个最打动人的点，图文各一屏。
- 使用场景：商品在什么情况下被用、被谁用。
- 细节特写：材质、工艺、接口、印花等。
- 尺寸与规格：尺码表、容量、参数。
- 对比与背书：和旧款/竞品对比、认证、评价截取。
- 购买引导：促销信息、服务保障、呼单。
顺序的逻辑是"先勾兴趣、再给证据、最后推一把"，不要上来就甩参数表。
二、每屏承担什么信息
- 首屏：主图 + 主标题，不建议堆文字，留白多反而显高级。
- 卖点屏：一屏一个卖点，左图右文或上图下文，文字控制在 20 字以内一句。
- 场景屏：用 AI 换场景工具 把商品放进使用环境，比白底更有代入感。
- 细节屏：用 商品精修 放大局部，配简短标注，不要无字大图。
- 尺寸屏：表格化呈现，移动端尤其要清晰，模糊的尺码表是退货主因之一。
- 对比屏：同框对比，突出升级点，注意不要贬低竞品引发合规风险。
三、分步操作流程
第一步，选好母素材主图。 选那张信息最全、构图最稳的图作为首页主图，主体清晰、背景干净。如果只有带背景的图，先 AI 白底图工具 抠底。
第二步，生成卖点切片。 把主图导入 Pixmarta 的 AI 电商详情页生成器，填写卖点和目标类目，让工具按上面结构生成多屏切片草稿。
第三步，扩展场景屏。 对生成的场景屏逐张检查：商品形态是否和实物一致、光影是否合理。需要换环境的，用 AI 换场景工具 单独调整。
第四步，补齐细节与尺寸屏。 细节图从母图局部放大或用实拍补充；尺寸屏建议手填表格，AI 生成的数字务必人工核对，尺寸错会直接引发退货。
第五步，统一视觉风格。 全页字体、配色、边距统一，避免一屏一个风格。用精修工具统一色温和清晰度。
第六步，切移动端适配。 把每屏按手机宽度（通常 750px 或 1242px 宽）重排，长图模式还是分页模式，按平台习惯定。
四、切片与尺寸建议
| 屏类型 | 建议尺寸（移动端宽） | 格式 |
|---|---|---|
| 首屏主图 | 750×750 或 1242×1242 | 1:1 |
| 卖点屏 | 750×1000 左右 | 3:4 |
| 场景屏 | 750×1000 / 750×1334 | 3:4 或长图 |
| 细节屏 | 750×750 | 1:1 |
| 尺寸屏 | 750×宽自适应 | 表格长图 |
| 整页长图 | 宽度 750，高度随内容 | 竖长图 |
桌面端常见 790px 或 990px 宽，比例可保持 1:1 与 3:4 并存。导出时统一 72-150dpi 视平台要求，文件体积控制在单屏 200KB 内，过大会拖慢加载。
五、图文节奏的把握
- 图多字少但字要准：每屏一句核心文案，宁少勿滥，避免满屏小字降低质感。
- 节奏交替：卖点屏（图文）→ 场景屏（大图）→ 细节屏（特写）→ 数据屏（表格），交替出现比连续同类型更耐看。
- 首屏留白、尾屏促单：开头建立信任，结尾给行动理由，中间层层递进。
- 不要每屏都加 logo：频繁水印显廉价，建议只在首屏和尾屏放品牌标识，需要时可 去水印工具 反向清理冗余标识。
六、常见错误清单
- 没规划就出图：想到哪做到哪，整页逻辑散，买家看完不知道卖点。
- 尺寸屏用 AI 编造数据：AI 写的尺码表不可信，必须人工填真实数据。
- 忽视移动端适配：按 PC 宽做的图在手机上字小图糊，跳失率高。
- 场景屏商品变形：只换背景不核对商品形态，出现"货不对板"。
- 全页风格不统一：字体配色各屏不同，像拼凑而非设计。
- 长图过长不分段：单张长图超过 10 屏，加载慢且难定位信息。