这篇解决什么问题
你手上已有十几张 AI 生成的产品图，要拼成一条手机端详情页。卡住人的通常不是图好不好看，而是三件事：哪张放第一屏、一屏放多少字、字做多大在手机上还算看得清。
这篇交付一套能直接照做的排法：按人看图顺序切成五屏，每屏写清“放什么、放几个字、验收标准”，最后给一张发布前打勾的清单。
这篇不解决三件事。主图怎么生成不在范围内，那一步在AI 电商主图六步流程里已拆过；平台搜索权重与投放不谈；图片与实物不符属于拍摄与质检环节，排版救不了。
先看失败样本
下面七条是最常见的返工点。根因往往不在“图丑”，而在顺序与信息量。
| 现象 | 真正根因 | 改法 |
|---|---|---|
| 首屏塞满卖点文字和角标 | 第一眼要回答“这是什么” | 首屏只留品类与一句卖点 |
| 卖点列了六条，一条没记住 | 单屏超载，视线没落点 | 一屏一个卖点，正文不超 15 字 |
| 电脑清楚，手机上糊成一片 | 按 PC 画幅定字号，被缩到 375px | 按 750px 画幅出图，正文 ≥28px |
| 细节图排在卖点前面 | 顺序反了，应先结论后证据 | 细节与材质固定放第三屏 |
| 尺寸只在最后一张小图出现 | 尺寸被当补充，实为退货源头 | 尺寸与场景同屏，标出比例 |
| 材质图被柔光磨得没有纹理 | 顺手磨皮，材质证据被抹掉 | 材质屏只校色，不做磨皮 |
| 检测报告堆在顶部，底部空荡 | 用户还没兴趣，信任信息没人看 | 信任信息统一放第五屏 |
一条能交付的流程（5 步）
第 1 步：先钉死五屏骨架
顺序排定：主视觉、核心卖点、细节与材质、场景与尺寸、信任信息。这一步不碰图，只把骨架参数写死。
画幅宽度：750px（出图宽度，非显示宽度）
单屏高度：900–1400px，超过则拆两屏
字号下限：标题 ≥40px，正文 ≥28px，标注 ≥20px
单屏文字总量：≤30 字（不含数字与单位）
单屏卖点数量：1 个验收：五屏缩略图并排，任意两屏信息类型不重复，任意一屏文字不超 30 字。字号下限来自第三方设计经验文章（2026-10-04 检索），非平台官方强制值，以所投平台当前规范为准。
第 2 步：第一屏只做主视觉
第一屏的任务是让用户一秒认出品类，卖点全让给第二屏。生成时把留白当参数写进去。
主体占画面高度 55%–65%，居中偏上
背景纯色或极简场景，元素不超过 2 个
上方留 15% 空白，下方留 20% 给文字
不带任何文字、角标、价格标签
光源单一，方向固定左上 45°验收：缩到手机首屏大小，单手握持、距眼 30 厘米，能立刻说出这是什么品类；没有需要眯眼才认得出的细节。
第 3 步：第二屏只讲一个卖点
卖点不是形容词堆砌，按“用户的问题—凭什么解决—拿什么证明”三句写完，占满一屏。第一句不超 8 字，第二句不超 15 字，第三句不超 12 字且必须写数字或可核对的事实，配图只展示与该卖点相关的部位。
验收：遮住配图只读文字能看懂，遮住文字只看图能猜到方向，两边单独成立才算过。
第 4 步：第三、四屏给证据与尺寸
第三屏放细节与材质，第四屏放场景与尺寸，这两屏最容易被带偏：细节被磨平，尺寸被自由发挥。
细节屏：微距视角，单一材质占满画面，保留纹理与边缘
材质屏：不加柔光滤镜，不做磨皮，只校色
场景屏：真人手部或常见参照物与产品同框
尺寸屏：长宽高用引线标明量的是哪一段验收：细节图放大到 100% 仍看得清纹理；场景图里参照物与产品大小关系无失真；尺寸数值与参数表逐项对得上。
第 5 步：第五屏收信任与售后
第五屏放检测报告、成分、售后政策、品牌信息。文字密度可以高，但须分区：证书单独一行，售后用小字，联系方式最后。报告编号、执行标准、成分含量须与真实材料一致，AI 图只负责排布。
验收：随机抽一条承诺，能在真实材料里找到出处；找不到就删掉。
发布前质检清单
□ 五屏顺序为：主视觉 / 核心卖点 / 细节材质 / 场景尺寸 / 信任信息
□ 每屏高度在 900–1400px 之间
□ 标题 ≥40px、正文 ≥28px、标注 ≥20px
□ 每屏文字 ≤30 字，只有一个卖点
□ 已在真机（一台 iOS、一台安卓）上逐屏看过
□ 细节图放大到 100% 仍有纹理，未被磨平
□ 尺寸数值与商品参数表逐项一致
□ 场景图有参照物，比例无失真
□ 信任屏每条承诺都能找到真实出处时间与成本的真实账
下表为估算值，按一名熟练运营配一个生图工具、单条五屏详情页计算，非实测。
| 环节 | 第一次做 | 熟练后 | 主要成本项 | 性质 |
|---|---|---|---|---|
| 定骨架与字号 | 30–60 分钟 | 10 分钟 | 人力，可复用模板 | 估算 |
| 生成主视觉与场景图 | 1–2 小时 | 30–45 分钟 | 生图额度、反复重刷 | 估算 |
| 细节与材质图 | 1 小时 | 20–30 分钟 | 生图额度 | 估算 |
| 拼版、加字、校色 | 1–2 小时 | 40 分钟 | 人力，设计软件 | 估算 |
| 真机质检与返工 | 30–60 分钟 | 15 分钟 | 人力 | 估算 |
吃时间的不是生图，是细节屏的反复重刷。
5 种翻车与补救
| 翻车 | 怎么发现 | 补法 |
|---|---|---|
| 图好看但没人读完 | 跳失集中在第二屏 | 第一屏砍到一句，卖点屏改三句式 |
| 手机上字看不清 | 真机截图放大后边缘发虚 | 回 750px 画幅重做，正文提到 28px |
| 尺寸退货率偏高 | 售后里“与预期不符”占比高 | 第四屏加参照物同框，数值引线标出 |
| 材质被投诉不符 | 评价反复出现“和图片不一样” | 细节屏取消磨皮，补微距纹理图 |
| 信任屏没人信 | 客服被反复问同一类资质问题 | 报告编号放到证书图旁 |
下一步
先拿现有的一条详情页按五屏拆开重排，只改顺序和字数、不重做图，看真机节奏有没有变化。跑通后把骨架参数存成模板，换品时只替换图片与文案。
数据来源与整理日期
五屏结构与参数为本篇整理方法，非引用数据。字号下限与单屏高度区间来自 2026-10-04 检索的第三方电商设计经验文章，属第三方建议、非平台官方强制规范，本人未实测，以所投平台当前规范为准。时间成本表为估算。整理日期：2026-10-04。