Genvizu
返回博客

AI 电商详情页教程:卖点图、细节图与长图结构怎么生成

学习如何有效利用AI创建引人注目的电商详情页。本教程专注于生成卖点图、细节图和结构化长图内容,将流程分解为可管理的、逐一回答问题的屏幕。

约 2 分钟读完
AI 电商详情页教程:卖点图、细节图与长图结构怎么生成

制作 AI 电商详情页,不要先要求模型“生成一张完整长图”。更可靠的方法是先把购买者的问题排成顺序,再让每一屏只回答一个问题:这是什么、解决什么、为什么可信、细节如何、规格是什么、收到什么。最后再把各屏组合成详情页。

先规划详情页的信息顺序

一套通用结构可以这样安排:

  1. 首屏主视觉:商品名称、核心利益点和清楚商品图;

  2. 痛点或情境:说明目标用户在何时遇到什么问题;

  3. 核心卖点:三至五个利益点,避免一次列十项;

  4. 使用场景:展示商品如何进入真实生活;

  5. 细节与材质:放大接口、纹理、结构、做工或包装;

  6. 参数与尺寸:使用准确数据和单位;

  7. 包装清单与提醒:说明实际包含内容、适用范围和限制。

不是每个商品都需要七屏。低决策成本商品可以缩短,高客单或功能复杂商品则应增加证据、对比和售后信息。

卖点图先写事实,再设计视觉

把每个卖点拆成“事实—利益—证据”:

事实:杯体为双层结构
利益:握持时更舒适
证据:结构剖面或实际测试数据

如果只有营销形容词,没有可核对事实,AI 只会把“专业、高效、健康”排得更漂亮。功效、参数、认证和对比结果必须来自真实资料。

Luxury Wellness Drink Ad 用两只透明瓶作为中心,左侧解释原料,右侧列出利益点,人物负责传达使用结果。这种结构适合饮品、护肤和功能产品的卖点图,但示例中的成分与健康表述只是生成内容,发布前必须按真实配方和合规要求重新核对。

两瓶黄色果昔居中,左侧标注水果原料,右侧列出卖点并搭配人物

商品、原料和卖点各有固定区域,信息线不穿过主体。 查看 Gallery 完整提示词

每一屏单独写提示词

为[商品名称]设计电商详情页第[序号]屏,画幅为[比例]。
本屏只解释:[一个购买问题或卖点]。

【商品】
严格参考上传图片,保持[结构、颜色、材质、标签]一致;
商品位于[位置],占画面[主要 / 次要]视觉层级。

【信息】
主标题:[已核对文案]
辅助说明:[一句已核对事实]
证据形式:[细节放大 / 结构标注 / 数据 / 使用动作]
文字统一放在[留白区域],不遮挡商品。

【视觉】
背景:[颜色与材质]
光线:[方向与质感]
图形系统:[标注线 / 图标 / 色块],保持简洁一致。

【限制】
不要新增功能、认证、参数、成分或配件;
不要自动改写数字和单位;无随机 logo、无水印。

精确中文、尺寸表和法规信息建议在视觉底图确认后再排版。模型生成的字即使看起来完整,也可能出现错字、错误单位或前后不一致。

细节图与参数图要分开

细节图回答“做工和材质看起来怎样”,参数图回答“尺寸、容量和兼容性是什么”。前者可以使用微距、局部放大和材质光线;后者应使用干净正视图、明确标注线和人工核对的数据。把两类信息塞在同一屏,会让视觉证据和准确数据互相干扰。

如果需要进一步设计卖点标注、结构拆解和信息层级,可以继续阅读 AI 信息图提示词指南。

组合前做一次跨屏检查

确认每屏只承担一个任务,商品颜色与结构没有漂移,标题层级一致,卖点没有重复,数据和单位全部可追溯,手机端文字仍可读。还要检查主图、场景图和详情页是否说的是同一个销售变体。

从一张商品事实表开始

先把商品资料拆成首屏、卖点、场景、细节和参数五个节点,再逐屏生成与验收,并保留每张图与商品母版的参考关系。现在开始组织整套详情页素材:打开 Genvizu AI 无限画布