商品详情页怎么设计
详情页的黄金结构、6 种常用版式、文案怎么写、细节图怎么配，以及用 AI 一次出整套详情图的做法。
详情页的任务不是「把所有信息都放上去」，而是按买家的阅读顺序，一屏讲清一件事。
这篇给一套可以直接照着排的结构：从第一屏到最后屏的顺序、常用的 6 种版式、文案的红线，以及细节图怎么配。
详情页的黄金结构：一屏一个卖点
手机端的详情页是「滑动阅读」：买家一次只能看到一屏，一屏里只能接收一个信息。所以判断详情页好坏的标准很简单 —— 把每一屏单独截图出来看，能不能一句话说清它在讲什么。
推荐顺序：产品全貌 + 一句话定位 → 核心卖点逐个展开 → 细节特写 → 参数规格 → 使用场景 → 售后与信任信息。
- 第一屏：产品全貌 + 一句话说明它是什么（不要在这一屏堆满文字）
- 第二到第四屏：核心卖点，一个卖点一屏，配一张能说明它的图
- 第五六屏：细节特写，把材质、工艺、做工放大给买家看
- 第七屏：参数规格表，让买家核对尺寸和型号
- 倒数第二屏：使用场景，帮买家想象拥有之后的样子
- 最后一屏：包装清单、售后、发货说明这类信任信息
最常见的错误是「第一屏就想说完全部」：五种字体、十个卖点、一堆图标徽章堆在一起，买家一滑而过，什么都没记住。
6 种常用版式，按卖点选
| 版式 | 适合讲什么 | 注意 |
|---|---|---|
| 大图 + 短标题 | 外观主导的品类（服饰、箱包、家居摆件） | 标题不超过一行，别压住产品 |
| 左图右文 | 功能需要解释的产品（小家电、工具） | 文字和图片要在同一视觉高度 |
| 细节放大 + 标注线 | 材质、工艺、做工卖点 | 一张图只标 1-2 个点，标多了看不清 |
| 参数表 | 规格化产品（数码、家电、耗材） | 单位写清楚，别只写数字 |
| 场景沉浸 | 家居、食品、母婴 | 场景要贴合真实使用场合 |
| 对比式 | 升级款 vs 老款、使用前 vs 使用后 | 对比要真实，不能伪造效果 |
文案怎么写：三条原则和两条红线
详情页文案不需要文采，需要清楚。三条原则：
- 一句话一个卖点：句子短，读起来不费劲，手机上尤其明显
- 说具体的：不说「质量好」，说「304 不锈钢」「厚度 2 毫米」「容量 500 毫升」
- 说买家的话：把「高硼硅玻璃」翻译成「能直接倒开水不炸」，把参数翻译成使用体验
两条红线一定要守住。一是广告法禁用词：「最」「第一」「国家级」「绝无仅有」这类绝对化用语不能用，违了会被平台处罚甚至罚款。二是无法验证的承诺：不说「永久」「终身质保」除非真的能兑现，不写没有依据的「销量第一」「行业领先」。
涉及功效的产品（美妆、保健、母婴）还有额外要求，写之前先查一遍自己类目的广告规范。这条比排版重要得多 —— 排版不好只影响转化，文案违规会影响店铺。
详情页图的尺寸与规范
手机端详情页的常见做法是：图片宽度控制在 750px 左右（这是手机端的常规显示宽度），单张高度建议不超过 1500px，整页总高度控制在 10 屏以内。
之所以要控高度，是因为详情页加载慢会直接掉转化。很多买家在详情页放弃，是因为图片加载到一半就滑不动了。
导出时用 JPG，质量 80%~90%，单张尽量压在 300KB 以内。这些是常见做法和通用的性能经验，具体到自己的类目和平台，以平台卖家帮助中心的说明为准。
细节图怎么配：一张图讲一个点
细节图的用处是把「看不见的做工」变成「看得见的证据」。三条经验：
第一，一张图只讲一个点。一张图里同时标材质、厚度、防水、印花，等于什么都没讲。
第二，用白底 + 标注线 + 一行说明的组合最清楚。白底让注意力集中在产品上，标注线指位置，文字只说结论。
第三，3-5 张就够。细节图多了没人看完，反而稀释了重点。挑最有说服力的那几个点：材质、工艺、关键结构、易损部位。
用 AI 一键生成详情图
一键生成详情图 一次输出 2 张详情素材：一张以文字排版为主的产品详情文案图，一张白底细节特写加文字标注的细节解说图。文案图的排版有 8 种版式轮换，细节图有 7 种标注样式，同一款产品多生成几张不会长得一样。
有一个省事的地方：「产品参数规格图」是本地模板生成的，不消耗生成次数，所以参数表这类规整的内容不需要额外付费去生成。
常见问题
如果款少、预算足，设计师能把版式和文案打磨得更细。但如果款式多、更新快，找设计反而会成为瓶颈。
更实际的判断标准是：这套详情页多久需要改一次。改得越频繁，越应该用能自己动手的方式（模板或 AI），把设计师留给主推款。
常见做法是控制在 10 屏以内（手机端约 15000px 高）。超过之后，越往下的内容越少人看，投入产出比很低。
与其把详情页拉长，不如把最前面的三屏做扎实 —— 那是绝大多数买家的实际阅读范围。
能，前提是图和文案都核对过：产品外观和实物一致、文案没有绝对化用语、没有出现别的品牌信息。
另外要逐张检查文字 —— 生成的中文偶发错字，交付前通读一遍是必要步骤，不是可选项。
最主要的是广告法：不能使用「最」「第一」「国家级」这类绝对化用语，不能做无法验证的承诺。
其次是真实性：材质、产地、认证、功效都要和实际一致，不能为了好看编数据。