AI 商品详情页:先把商品讲对,再把页面做完整
最后更新:
详情页不只是长图。把客户确认的事实、图片和文字对应起来,才方便修改、复用与验收。
先确定交付的是长图,还是可维护的页面
电商店铺、独立商品页和社群介绍图,虽然都叫详情页,交付方式却不同。店铺可能要求多段图片,独立站需要可选择的文字和结构化参数,社群可能只需要一张产品说明卡。拿到需求后,先问清使用位置、页面宽度、图片数量、文案是否可改,以及谁负责日后的价格更新。
不要一开始就把全部资料压成一张超长位图。这样改一个数字就要重新导出,手机上还可能看不清。先按独立模块制作,再按投放位置导出,既方便校对,也能把一次设计服务变成后续上新和改版的明确交付,而不是无限改稿。
建立商品事实表,把未知和禁止推断分开
让客户确认型号、容量、尺寸、材质、适用范围、包装清单与售后说明,每项保存资料来源和确认时间。没有检测依据的保温时长、承重、食品接触、功效和认证不能从图片推断。看到一个钢色瓶盖,不等于知道它的材质等级。
下面是教学用字段设计,不是一款真实在售商品的规格。绿色水瓶图片只是合成参考,只能支持外观练习,不能反向制造商品参数。GS1 的商品图片规范将图像与商品描述、识别信息作为需要对应管理的数据;这里借用的是对应关系,不宣称页面符合某商家的全部上架规范。

| 字段 | 教学填法 | 页面用途 | 确认人 |
|---|---|---|---|
| sku | BOTTLE-DEMO-01 | 文件命名与素材关联 | 商品负责人 |
| 颜色 | 深绿色,来自原图 | 主视觉与颜色选择 | 商品负责人 |
| 容量 | 待提供 | 参数区暂不发布该字段 | 商品负责人 |
| 保温时长 | 没有资料 | 不生成相关卖点 | 商品负责人 |
| 配件 | 按确认的包装清单填写 | 清单模块 | 仓库或产品负责人 |
五个模块各回答一个购买问题
主视觉回答是什么;核心说明回答适合怎样的使用方式;细节图解释可见结构;参数表回答可核实的数据;包装与使用说明消除交付误解。模块顺序不必照搬热门店铺,要跟着用户最容易误解的点走。
对于没有性能报告的商品,展示可见细节比写“超长保温、全面升级”更稳妥。主图上的装饰也不要让人以为杯子附送笔记本或托盘。制作场景图时登记哪些物品是布景,必要时用文字解释,避免一张漂亮图片扩大了实际出售范围。
| 模块 | 输入 | 输出 | 校验 |
|---|---|---|---|
| 主视觉 | 确认原图 | 一张清楚的商品图 | 颜色、数量、型号一致 |
| 使用场景 | 已确认用途 | 场景图与短说明 | 不新增未经确认的性能 |
| 细节 | 对应角度实拍 | 局部图和标注 | 标注箭头指向真实部位 |
| 参数 | 事实表 | 可编辑表格 | 每项有来源 |
| 包装与使用 | 清单和说明 | 文字模块 | 配件不多写也不漏写 |
先让模型组织内容,不让它补齐不存在的事实
把规格字段和缺失项一起提交,让模型输出结构化模块,并为每句具体陈述附上字段名。未知字段留在待确认清单,不能用“约”“通常”包装成事实。模型的任务是把已有资料组织成读者能理解的说明,不是替商品负责人签字。
先审核文字再生成配图。若第一轮发现容量未确认,只需补字段;若先做成五张含容量字样的图片,修改就变成五次返工。下方提示词是可替换的编辑模板,示例字段需要由你补充。
根据已确认的商品事实表,生成主视觉说明、使用场景、细节、参数、包装清单五个模块。
每条具体陈述附 source_field。没有来源的事实放入 pending,不得猜测。
图片可见颜色只能支持颜色描述,不能推断容量、材质等级、认证或性能。
输出字段:module_id、headline、body、source_fields、image_requirement、pending。
价格与活动不写进模型生成图片,留作独立可编辑文字。图片、文案、参数使用同一个版本号
为商品资料、页面文案和图像分别编号,交付清单再把它们绑定。例如事实表 v3 修正了配件数量,引用包装清单的模块必须重审,纯背景图则不一定要重做。不是所有变更都值得重新调用模型。
导出之前再检查文件真实像素和正文可读性。参数表尽量保留为文字或独立图层,别让生成模型画复杂表格;用现有排版工具把正确内容放进去。手机端先看最小文字、折行和模块间距,再看整张图是否好看。

用一张变更表验收整页
把旧值、新值、受影响模块、图片版本和复核状态列到同一张表。第一遍只查事实,第二遍查图片,第三遍查手机呈现。颜色不同、配件多出来和一个价格数字错误,严重程度不等于普通标点问题,不能混成一个“已检查”。
客户审核意见也要具体到模块。要求“更有高级感”时先确认哪张图和哪种构图,不要让整页盲目重生成。交付时保留可编辑文字、原始素材和最终导出文件,方便后续上新沿用结构,而不是再复制一份无法维护的长图。
详情页服务怎么计算工作量
将工作量拆成资料整理、文案编排、素材制作、页面排版、审核与修改。模型调用费用只占其中一部分,缺资料时的反复沟通也是真实工作。报价前明确模块数、每个模块的图片数量、修改轮数与可编辑文件范围,额外增加型号或功能说明应单独确认。
比较收益时应看验收通过的一整页,而不是首张背景的生成费用。当前模型价格放在价格页统一维护;本教程不提供未经实跑的“整页成本”。整理好首份事实表后,可先完成一个参数模块和一张场景图,再决定是否扩大到整店。
常见问题
能把竞争对手详情页直接改成自己的产品吗?
不要照搬文字、图片与未经确认的卖点。可以分析它回答了哪些购买问题,再用自己的商品事实和授权素材重做。
没有规格表,只有商品图可以做吗?
可以先制作视觉草稿和待补资料清单;容量、性能、材质和配件等信息必须得到确认后才能进入正式详情页。
用一张长图还是多段图片?
按实际投放位置决定。制作阶段保留独立模块和文字层,再按页面要求导出,避免修改一个字段重做全部。
模型生成的参数表能直接使用吗?
先按字段逐项核对,金额和规格最好通过独立排版输入。字形看起来正确不等于数值正确。
可以把这张绿色水瓶图当真实商品案例吗?
不可以。它是无品牌合成教学参考,仅用于展示制作方法,没有对应真实在售商品的完整规格。