AI如何重构电商设计流程：从产品资料到可交付页面

适用场景 多型号产品的电商页面策划

开始前准备 主推型号、产品资料、客户问题与使用渠道

如何使用 整理产品关系、页面结构和执行稿，并用检查表逐项核对生成结果。

这不是一篇AI工具介绍，而是我在真实电商项目中，如何用AI完成资料整理、卖点提炼、页面策划、场景生成、修改检查和最终交付的完整过程。

分享对象：市场部门核心案例：GMF100 / GMF200 / GMF400 补充案例：GUF100、GTS系列

我想分享的重点不是“AI能不能画图”，而是设计师怎样把AI接进真实工作流程。从拿到一堆产品资料，到形成主图、详情页和可上架内容，中间每一步具体怎么做、AI解决了什么、人又必须检查什么。

01｜原来最耗时间的是什么 02｜我现在的完整工作流 03｜三款电磁流量计实战 04｜可直接复用的提示词 05｜AI最常犯的错误 06｜实际效率和协作价值

一、原来最耗时间的，不是排版，而是前面的“整理和判断”

做一款工业产品的主图和详情页，真正耗时间的环节通常不是最后在Photoshop里排版，而是前期需要自己把零散资料重新组织成一套能卖货的内容。

资料散

参数表、说明书、实拍图、运营需求和应用资料分开放，信息容易遗漏。

素材少

很多产品只有白底图，没有完整角度，也没有真实应用场景。

修改多

产品主次、卖点顺序和场景方向一旦没定清楚，后面会反复返工。

以前的实际流程：自己读资料 → 自己整理参数 → 自己判断卖点 → 自己规划页面 → 自己找素材 → 自己合成 → 反复修改。
现在的变化：AI先协助我完成信息拆解、分类和初版策划，我把时间集中到判断、修正和最终视觉质量上。

二、我现在实际使用的AI电商设计工作流

我现在不会拿到产品以后直接让AI“生成一张详情页”。我会把工作拆成七步，每一步都有明确输入和输出。

第一步：整理输入资料 输入产品图片、参数表、说明书、应用场景、客户问题、运营需求和参考页面。
第二步：让AI先做产品分析 输出产品定位、核心卖点、目标客户、应用场景、产品差异和风险点。
第三步：规划页面结构 确定主图数量、详情页屏数、每一屏只解决什么问题，以及信息出现顺序。
第四步：写每一屏的执行稿 明确主标题、副标题、辅助文案、产品位置、场景、构图和需要展示的参数。
第五步：生成场景和视觉草图 AI用于场景、背景、构图、人物、局部特写和不同方向测试，不直接当最终成品。
第六步：人工检查和PS精修 替换真实产品、修正结构、统一排版、字体、品牌色、透视和光影。
第七步：整套检查后交付 检查参数、产品型号、场景逻辑、字号、重复文案和整套页面统一性。

三、实战案例：三款电磁流量计详情页如何从无到有

这个案例的难点不是“做得好看”，而是三款产品要放在同一套详情中，但主次、结构和应用完全不同。

GMF100

主推产品
通用工业法兰型，页面和视觉权重最高。

GMF200

卫生型辅助产品
用于食品、饮料、乳品和制药管路。

GMF400

插入式辅助产品
用于大口径管道和改造项目。

1. 先解决产品关系，而不是先做页面

我先用AI整理三款产品差异，再人工确认主次关系。最后确定：GMF100承担约70%的内容和视觉权重，另外两款只解决特殊应用问题。

2. 把详情页拆成“一屏一个问题”

AI最容易输出一大堆信息，但详情页不能把所有内容都堆在一起。我会先要求AI规划页面，再逐屏删减。

页面	这一屏只解决什么问题	需要的视觉内容
首屏	这是一套什么解决方案，主推哪款产品	三产品组合，GMF100最大
核心优势	为什么通用工业管道优先选GMF100	产品主体＋3个短卖点
输出通讯	能接入哪些控制和采集系统	4–20mA、RS485、Pulse、HART图标
安装	法兰型和插入式分别怎么安装	真实管道安装示意
应用	三款产品分别适合什么场景	GMF100主场景，另外两款各2个场景
选型对比	客户应该选择哪一个型号	精简对比表，不展示无关参数

3. AI出图前，我会先写“逐屏执行稿”

执行稿不是一句“做一张高级工业详情页”，而是把画面要求写到可检查的程度。

示例：应用场景页执行稿
画布790×1150px；白色和浅灰背景；品牌蓝局部强调。GMF100占应用内容约70%，只使用灰色款，展示污水处理和工业过程液体两个主场景。GMF200放在右下小模块，只展示食品或制药卫生管路。GMF400放在左下小模块，展示大口径市政管道。每个场景只保留一个标题和一句说明，最小字号不低于24px。

这样做的好处是，生成结果可以逐条检查：主次对不对、产品颜色对不对、场景有没有混用、字号够不够大。

4. AI初稿不能直接交付，必须做“错误清单”

在这个项目中，AI初稿出现过以下问题：

GMF100被生成成错误颜色

三款产品比例和主次不正确

接口、线缆和表头结构变化

GMF200被放进污水场景

GMF400被用于小口径卫生管

页面文字过密、字号过小

产品悬浮，未真实安装在管道中

参数和型号在不同页面中不一致

5. 最后在Photoshop中完成的工作

替换为真实产品图，保证型号和结构正确；
调整产品比例、透视、光影和管道接触关系；
重新排版主标题、副标题和参数；
统一品牌蓝、深蓝标题色和页面留白；
删除AI生成的无效小字和重复卖点；
检查每一屏只保留一个核心主题；
整套页面统一字体、字号和模块样式。

四、两个补充案例：AI不是只适合做详情页

案例A：GUF100——把有限产品图扩展为完整素材库

原始素材角度有限，设计主图时经常缺少俯视、侧面、接口特写和悬浮组合。AI可以先帮助扩展视角和画面方向，再由人工修正产品屏幕、按键、接口和机身结构。

解决的问题：减少反复寻找相近素材的时间，让同一款产品可以形成白底图、深色主图、角度图、细节图和场景图。

案例B：GTS100 / GTS200——把复杂参数变成可阅读页面

温度传感器的问题不是没有内容，而是内容太多：探头结构、线材、尾端、阻值、B值、温区和接线方式都需要说明。

我会先让AI把参数按“客户选型逻辑”重新分类，再做成探头、线材、尾端、参数和应用几个模块，而不是把整张参数表直接搬进详情页。

五、我在项目中实际使用的四类提示词

真正提高效率的不是一个万能提示词，而是每个阶段使用不同的提示词。

1. 产品分析提示词

你是一名工业产品电商策划，请根据我提供的产品资料完成分析。

请输出：
1. 产品类型和核心功能；
2. 主要客户与采购场景；
3. 客户最关心的5个问题；
4. 可用于主图的核心卖点；
5. 适合详情页展开的技术信息；
6. 与同系列产品的差异；
7. 容易出现的产品理解错误；
8. 需要向产品或运营再次确认的信息。

要求：
- 不虚构参数；
- 不把所有参数都当卖点；
- 优先按照客户选型和使用逻辑整理；
- 不确定的信息单独标注。

2. 详情页结构提示词

基于已经确认的产品信息，规划一套电商详情页。

要求：
- 一屏只讲一个核心问题；
- 每屏输出：页面目的、主标题、副标题、核心文案、画面内容、产品位置；
- 页面顺序按照：理解产品 → 核心优势 → 使用场景 → 安装选型 → 参数FAQ；
- 控制信息密度；
- 不重复卖点；
- 不把完整参数表拆成多张小字页面；
- 标出哪些页面必须使用真实产品图。

3. 单屏视觉执行提示词

请为这一屏输出可直接执行的视觉方案。

需要明确：
1. 画布尺寸；
2. 整体色彩；
3. 产品型号、颜色、结构和视觉占比；
4. 场景类型与安装位置；
5. 主标题、副标题和辅助文案；
6. 信息层级与最小字号；
7. 禁止出现的错误；
8. 最终需要人工替换或精修的位置。

原则：
- 产品真实性优先于画面效果；
- 不改变产品结构；
- 不生成包装上不存在的文字；
- 不使用错误应用场景；
- 不允许小字堆砌。

4. 交付前检查提示词

请以“产品经理 + 电商设计总监”的角度检查这套页面。

逐项检查：
- 产品型号是否一致；
- 颜色、接口、结构是否正确；
- 应用场景是否符合真实使用逻辑；
- 参数是否前后一致；
- 是否存在文案重复；
- 页面是否一屏一主题；
- 最小字号是否适合电商阅读；
- 主推产品是否足够突出；
- 品牌色和字体是否统一；
- 哪些内容应该删除而不是继续缩小字号。

最后按“必须修改 / 建议优化 / 可以保留”分类输出。

使用重点：提示词里必须写“禁止项”和“检查项”。只写想要什么，AI很容易自由发挥；同时写清楚不能出现什么，结果会更可控。

六、AI最容易犯的错误，以及我现在怎么避免

常见错误	为什么会发生	我的处理方式
产品结构被改	AI把产品当成相似工业设备重新设计	先生成场景，再替换真实产品；关键结构使用实拍图
包装文字错误	AI不擅长稳定生成准确文字	包装保持原图，文字统一在PS中排版
应用场景混用	AI只根据外观联想，没有真实产品知识	执行稿中明确每个型号允许和禁止的场景
页面信息过密	AI倾向于把“完整”理解为“全部放上去”	先规定一屏一主题，再要求删除次要信息
方案很多但无法选	生成成本低，容易无止境尝试	先确定产品目标和判断标准，再做有限方向验证

AI擅长快速生成“可能性”，设计师负责判断哪一种可能性是正确、真实并且能够交付的。

七、实际带来的结果，不只是“出图更快”

前期更快

资料整理、产品差异分析和页面结构可以更早形成，减少边做边想。

方向更容易验证

先测试场景、构图和内容结构，再进入精修，减少在错误方向上投入。

素材更完整

有限产品图片可以扩展成多角度、细节图、场景图和组合图。

系列更统一

同一产品线可以共用页面逻辑、字体、色彩、图标和检查标准。

目前真实的工作结果：
部分工业产品从资料整理、策划、主图和详情页设计，到修改、交付和配合上架，整体周期可以控制在约2—2.5天；部分项目可以控制在约2天左右。这个提升并不是单纯因为AI生成图片，而是因为前期分析、页面策划、素材生产和修改检查被重新组织成了一条清晰流程。

八、这套流程对市场部门有什么直接价值

AI电商设计不是设计部门内部单独使用工具，它也能改善市场、运营和设计之间的协作。

需求更容易说清

市场提供产品目标、目标客户、主推型号和重点场景，设计可以更快转成页面结构。

修改更容易定位

反馈可以具体到“产品信息、页面逻辑、场景、文案或视觉”，而不是只说“不够高级”。

内容可以复用

同一套产品分析可以继续用于主图、详情页、短视频脚本、宣传册和销售资料。

减少信息错误

通过统一资料、禁用项和检查表，可以减少型号、参数和应用场景混乱。

市场部门提供资料时，最有帮助的5项内容

这次最希望主推哪一个产品或型号；
客户最常问的3—5个问题；
产品最常见的真实应用场景；
哪些参数是必须准确展示的；
这套页面最终用于国际站、国内电商、广告还是销售沟通。

结语

我现在理解的AI电商设计，不是输入一句提示词以后等待成品，而是把AI放进一个完整的工作流程中：

先理解产品，再规划内容；先生成可能性，再人工判断；最后通过专业设计完成交付。

AI确实提高了效率，但真正决定页面质量的，仍然是产品理解、信息取舍、视觉判断和最后的细节控制。

对我来说，AI最大的价值不是替我做设计，而是让我能够更快完成重复工作，把更多时间放在解决问题和提高最终质量上。

交流与反馈

有项目需求，或想交流文中的方法，欢迎写信给我。

邮件联系 ↗