教程 · 更新于 2026-10-07
电商详情页怎么做：结构、尺寸和 AI 生成方法
主图负责点击，详情页负责成交。一条有效的详情页不是把所有信息堆上去，而是按买家的决策顺序，一屏解决一个顾虑。下面给出 7 个模块的结构、每屏的文案公式、尺寸规范，以及怎么用 AI 从一张图生成整条详情页。
详情页的任务：按顺序解决买家的顾虑
买家进详情页时脑子里的问题是固定的：这是什么 → 对我有什么好处 → 质量怎么样 → 用起来什么样 → 尺寸参数合不合适 → 靠不靠谱 → 买了有问题怎么办。详情页的模块顺序就按这个来。
7 个模块结构
| 模块 | 解决的问题 | 内容要点 |
|---|---|---|
| ① 首屏主视觉 | 这是什么、为什么好 | 产品大图 + 一句话核心利益点（不是产品名），颜色定调 |
| ② 卖点图（3~5 屏） | 对我有什么好处 | 一屏一个卖点：标题 + 一句解释 + 对应的图；按重要性排序 |
| ③ 细节特写 | 质量怎么样 | 材质、工艺、接口、切面、标签的放大图，配一行说明 |
| ④ 场景 / 使用方法 | 用起来什么样 | 真实使用场景、步骤图、搭配建议 |
| ⑤ 规格参数 / 尺码表 | 合不合适 | 尺寸示意图、参数表、包装清单、颜色选项 |
| ⑥ 信任背书 | 靠不靠谱 | 工厂 / 资质 / 检测报告 / 销量评价 / 品牌故事（有什么放什么，不编） |
| ⑦ 售后保障 + 促单 | 买了有问题怎么办 | 退换承诺、发货时效、客服方式；最后一屏再放一次主推卖点 |
不是每款产品都要 7 屏齐全：低客单价日用品 4~5 屏足够；高客单价、功能复杂的产品再加对比和资质。
每屏文案公式
- 标题 = 利益点，不是功能点：“加厚 300g 牛奶绒” 是功能，“裹上就不想下床” 是利益；标题写利益，副标写功能。
- 一屏只说一件事：字数控制在 20 字标题 + 30 字说明以内，手机上一眼能读完。
- 证据跟着主张走：说“不掉色”，旁边就放水洗对比图。
- 避开极限词：“最”“第一”“100%” 等会被平台判违规。
尺寸规范
| 项目 | 常见要求（以平台后台为准） |
|---|---|
| 宽度 | 无线端 750 像素（淘宝 PC 端 790）；拼多多、1688 也以 750 为主 |
| 单张高度 | ≤1500 像素，长图按此切片 |
| 总长度 | 建议 10~20 屏（约 10000~20000 像素），太长读不完 |
| 格式与大小 | JPG / PNG，单张通常 ≤3MB；大多数上传工具会自动切片压缩 |
| 文字大小 | 手机上正文不小于 24 像素（按 750 宽算），标题 40 像素以上 |
版式统一的 3 个要点
- 一套配色：主色 + 一个强调色 + 中性底色，和主图一致。
- 一套字体字号：标题、副标、正文各一个规格，全页复用。
- 同样的留白与对齐：左对齐就全页左对齐，图和字的间距保持一致。
用 AI 从一张图生成整条详情页
以上这些，AI 详情页生成 会替你做：上传 1~5 张产品图，AI 识别产品后按上面的结构规划模块、写每屏文案、统一配色和版式，逐张生成后自动拼成长图；哪个模块不满意单独重出；可保留你的品牌 logo。首页案例里的猕猴桃、枕套（含尺码表）、眼镜框（含模特与售后）都是用户只传一张原图生成的。
常见问题
详情页做多长合适？
建议 10~20 屏。低客单价日用品 4~5 个模块足够，高客单价或功能复杂的产品再加对比、资质和使用方法。
淘宝详情页尺寸是多少？
无线端宽 750 像素（PC 端 790），单张高度不超过 1500 像素，长图按此切片上传；以淘宝后台最新提示为准。
详情页第一屏放什么？
产品大图加一句核心利益点（买家得到什么），而不是产品名或参数；它决定买家会不会继续往下滑。
没有资质和检测报告，信任模块怎么做？
放真实的工厂 / 仓库 / 打包实拍、已有的销量评价截图、发货时效和退换承诺即可；不要编造资质。
AI 生成的详情页能改吗？
可以。每个模块单独生成，文字、配色、内容都能一句话修改并单独重出，最后重新拼接。