企业官网建设流程全解析

做电商详情页的人，应该都经历过这种时刻：产品图片有了，卖点也列了一堆，但要把每个卖点变成一张图、一段文案、再排进一张长图，一晚上就没了。更不要说一次要上十几个SKU，每个SKU还要换背景、换场景、换文案结构。最近很多人开始尝试用GPT Image 2生成产品图，用无限画布来排版，再用Gemini来拆解爆款文案。但大部分人试完之后只有一个感受：工具都会用，组合起来还是乱。

我的判断很简单：这套组合真正有价值的，不是让你省掉一次修图，而是让你把“素材生成、页面组装、文案结构、批量复用”拆成一条可控的流水线。单次跑通谁都能做到，真正难的是让它稳定地为几十个产品重复工作。本文会把这条流水线拆开讲，从工具分工、提示词设计、画布组织，到文案拆解和批量落地，尽量把每个环节的“为什么”也讲清楚。

1. 先搞清楚这三个工具在详情页流程里到底扮演什么角色

很多人一听到“GPT Image 2 + 无限画布 + Gemini”，第一反应是：是不是我输入一个产品名，它就能自动生成一张完整的详情页？这个期待通常都会落空。倒不是工具不行，而是“详情页”本身就不是一个单次生成任务，它至少包含三件完全不同的事：素材生成、页面编排、文案策划。GPT Image 2负责第一件，无限画布负责第二件，Gemini负责第三件。

1.1 不要把AI工具当成“一键出详情页”的按钮

我见过不少朋友第一次尝试时，直接把产品卖点发给GPT，请它生成一张长图。结果要么是图片上出现一堆模糊的中文，要么是整个页面比例完全不对，要么是产品结构被画得极其诡异。原因很简单：图片生成模型擅长生成“单张画面”，但它对“确定数量的文字层级”“阅读顺序”“多个模块的长图构图”并不可靠。

所以先放下“一键生成详情页”的念头。更现实的工作方式，是把详情页拆成一块一块：产品主图、卖点图、场景图、细节图、文案区。每一块由AI生成，再由你放到画布上组织成最终页面。这样每一步都可控，出了问题也能定位到具体模块。

1.2 三个工具的具体分工

我用一个表格来划分它们的职责：

这里要特别强调一下顺序。先有文案结构，再生成图片，最后排版？还是先出图，再分析文案？实际做下来，更顺的顺序是：先用Gemini拆解一个竞品爆款或同品类高分详情页，得到文案骨架；再根据骨架里的每个模块，用GPT Image 2生成对应的视觉素材；最后在无限画布里把素材和文案组合成页面。文案是骨架，图片是肌肉，画布是活动空间。

1.3 和传统PS/模板工具相比，差异在哪里

传统做法里，做详情页通常有两种路径：要么用PS一张张修，要么套电商平台的现成模板。PS的问题是素材生产链路长，拍图、抠图、调色、排版每一步都需要人工干预；模板则受限于固定版式，改一下文案可能就要重新调整一堆元素。

这套AI组合的差异，在于它把素材生产和版面组装拆开了。GPT Image 2解决了“没有好看素材”的问题，Gemini解决了“不知道文案怎么写”的问题，无限画布解决了“不同素材怎么摆”的问题。每一个环节都可以单独替换、单独迭代。你不需要推翻整个页面，只需要替换一个模块，就能快速生成一个新版本。

2. 用GPT Image 2生成“能用的素材”，而不是随手一张图

GPT Image 2确实很擅长生成有质感、有氛围感的图片，但如果你只是给它一句话“生成一张蓝牙耳机的详情页图片”，结果大概率是看起来很美，放进页面里却哪哪都不对。因为“能用的素材”不等于“好看的图片”。电商详情页里的图片，必须服务具体的信息层级：这张图是展示产品外观，还是说明某个功能，还是营造使用场景？不同目的需要不同的构图和提示词。

2.1 先拆出详情页需要的图片模块

一份普通的电商详情页，图片模块大致可以分成几类：

• 产品主图：干净的背景，产品或细节清晰，用于页面顶部。
• 卖点图：用视觉突出某一个核心卖点，比如防水、轻便、大容量。
• 场景图：展示真实使用场景，让买家想象自己用起来的样子。
• 细节图：放大产品某一部分，比如接口、材质、工艺。
• 对比图：如果是升级款，可以用对比方式突出差异，这类图用AI生成时要注意一致性。

批量制作的时候，不是每个产品都要重新“想”一遍图片怎么拍，而是先定一个素材清单模板。比如一个吹风机详情页，永远需要“整机图—出风口细节—负离子卖点—使用场景—包装附件”，换产品时只替换产品名称、颜色、材质描述，结构保持不变。

2.2 一套提示词框架：从“一句话”变成“能落地”

很多人说AI出图不可控，其实多数时候是提示词太模糊。我建议用下面这个结构来写图片生成提示词：

1. 主体：什么产品，型号或者外观特征。
2. 动作/状态：产品是单独展示，还是被手持，或者处于某个动态效果中。
3. 环境：在什么背景下，什么场景，什么桌面材质。
4. 视角：平视、俯视、45度、微距特写。
5. 风格：电商主图/极简/真实产品摄影/暖色氛围。
6. 画幅：1:1、3:4、4:5还是9:16。

举个例子，如果你要做一款无线蓝牙耳机的详情页卖点图，提示词可以写成：

主体：白色半入耳式无线蓝牙耳机，充电仓打开状态 动作：耳机悬浮在充电仓上方，周围有细腻的声波波纹 环境：浅灰色极简背景，顶部有柔和侧光，地面投影很淡 视角：平视45度，产品居中，视觉重心稳定 风格：电商主图，真实产品渲染，高分辨率，干净无杂质 画幅：3:4

这样的提示词比“耳机图片”要可控得多。你可能会说，AI不一定会完全照做。没关系，你只需要把不变的部分固定下来，变的部分留给产品名和卖点。

2.3 生成时最容易翻车的点：文字、手和产品一致性

用GPT Image 2做详情页素材，最容易翻车的三个地方：

第一是画面中的文字。AI生成图片里的中英文文字经常会出现乱码，尤其是中文。所以，尽量不要让AI生成带长句文案的图片。图片里的文字应该是短标签，比如“20小时续航”“IPX5防水”，或者干脆后期在画布上手动添加文字。这个原则很重要。

第二是手部动作。凡是涉及人物手持产品的画面，AI很容易把手画得扭成奇怪形状。如果人物不是核心，就让产品单独出现，或者用支架固定。如果一定要手持，那就多生成几张，在其中挑指节正常的一张。不要指望一次出图就完美。

第三是产品一致性。同一个产品，你生成第一张图和第二张图，外观可能差很多。这在组合成详情页的时候非常致命。解决方法是：如果工具支持上传参考图，优先上传一张产品实拍图或之前生成的正面图；如果不支持，就尽量固定提示词里的颜色、结构描述，减少随机性。

2.4 从单张出图到批量出图的切换思路

批量制作时，不要一次让AI生成大量差异很大的图，而是“同一结构、不同产品”地生成。先选定一个产品，把一组图片全部生成完，确认素材可用，再换下一个产品。每换一个产品，只需要修改提示词里关于产品名称、颜色、材质的关键词。

更稳妥的方式是建一个提示词模板表，把固定部分和变体部分分开。固定部分包括视角、环境、风格、画幅；变体部分包括主体描述、核心卖点文字。这样每次出图前，只需要花一分钟替换变体内容，而不是从零开始写。批量生成的时候，控制节奏比追求数量更重要。先小批量试风格，再决定要不要大量生成，否则很容易浪费大量时间在筛选废图上。

3. 无限画布的正确用法：把详情页当工程来做，而不是当海报来画

很多工具都有“无限画布”模式，比如一些设计协作工具、白板工具，甚至AI工作流工具里也有类似概念。但值得澄清的是，ComfyUI那种“无限画布”主要用于节点编排，不是拿来排版详情页。做电商详情页，你应该选一款支持像素级导出、有页面尺寸概念、能自由拖拽图片和文字的设计工具。这个区别很重要，因为详情页的最终输出是长图，它有具体的像素宽度要求。

3.1 为什么详情页特别适合用无限画布

普通设计页面是固定尺寸的，比如一张海报是750x1000像素，你画到那里就没了。详情页不是这样。电商详情页实际上是一张极长的竖向滚动图，可能750像素宽，高度能到几千甚至上万像素。在普通设计工具里，做这么高的图，界面上已经看不全整体了，只能靠缩放和拖动。

无限画布的价值在于，它给了你一个“大桌面”。你可以把每一屏内容当成一个独立模块，放在桌面的不同区域，先分别调整，再纵向排列成完整页面。同时，你还能在旁边放一个参考区，比如竞品的截图、文案草稿、图片灵感，又不影响主排版区。这种总览和局部自由切换的体验，非常接近真正的“做工程”而不是“画图”。

3.2 把素材拖进画布后的组织方法

拿到GPT Image 2生成的素材后，第一步不是直接排版，而是先建立模块分区。常见的做法是在画布里划分以下几个区域：

• 首屏区：产品全景图 + 核心卖点标题 + 促销标签。
• 痛点区：通过场景图或对比图，展示用户遇到的问题。
• 卖点区：第1个卖点配图、第2个卖点配图，依次排开。
• 背书区：资质、品牌故事、用户评价截图。
• 尺码/规格区：产品参数表，往往用表格展示。
• 促单区：优惠信息、限时价、行动按钮。

你把每一个区的素材分别摆好，不需要一开始就真的“连成一张图”。这样做的好处是：某个卖点图片不行，你只需要替换那一个小位置，不用重新排版整张长图。

3.3 用组件和标注把文案位预留出来

图片素材可以用AI生成，但文案排版最好还是在画布里用真实文字工具完成。原因前面已经说过：AI在长句文字上并不可靠。所以你可以把Gemini生成的文案，复制到画布的文字框里，放在对应图片旁边。

这里推荐一个做法：先不追求最终展示效果，而是像做“线框图”一样，用简单的矩形和文字占位，把每个模块的排列结构画出来。等到结构确认了，再换成正式图片和正式文字。这一步能避免后期反复调整，也是批量化最关键的一步。因为你只要保存好这个“线框图版本”，下一次换产品时，仅仅替换图片和文案，结构完全不动。

3.4 把一张页面沉淀成可复用模板

当某一个详情页做完并走完审核发布流程后，不要急着做下一个。先回到画布，把当前这个页面复制一份，删除产品相关图片和文案，保留布局结构、模块顺序、间距比例，保存为模板。

以后再做同类产品，直接打开这个模板，拖入新产品图片，替换文案，调整局部配色，导出即可。这个做法听起来简单，却是很多团队没做到的。他们每次都是“新建文件→从零排版”，浪费了大量时间。真正的批量生产，靠的不是让AI自动排版，而是你先有一个“不需要思考”的结构。

4. 用Gemini拆解爆款文案，让你不再每天憋文案

详情页的图片解决的是“看起来想买”，文案解决的是“为什么值得买”。很多人的文案都是靠憋，憋不出来就抄同行。抄来的文案最大的问题是：你不知道它的结构为什么有效，换个产品就不一定适用。Gemini在这里的工作，就是帮你把一个爆款详情页的文案拆成可理解的结构，然后你拿着这个结构去写自己的产品。

4.1 先收集样本：竞品详情页和同品类高分内容

Gemini不是凭空生成文案结构，它需要“吃”足够的样本。所以你要先准备2到3个同品类或近品类的高销量详情页截图。可以是用手机截屏，也可以是通过合规途径保存的页面图片。重点不是数量多，而是覆盖不同类型的卖点表达，比如有的侧重价格刺激，有的侧重功能参数，有的侧重场景共鸣。

收集好截图后，如果Gemini支持图片上传，直接把截图丢给它；如果只支持文字输入，你需要先把截图里的文案转成文本。这一步比较麻烦，但很值得，因为转写过程中你会对爆款详情页的信息密度有更直观的感受。

4.2 让Gemini按固定框架拆解

直接问Gemini“这个详情页写得怎么样”，得到的回答往往很空。更好的做法是给它一个明确的拆解框架。我常用的提示词是：

请分析这张电商详情页的文案结构。 1. 先用一句话概括目标用户是谁； 2. 按从上到下的顺序，列出每个文案模块的内容； 3. 标注每个模块的作用：建立信任、解决痛点、功能展示、场景代入、促单行动； 4. 提炼出一套可以复用到其他近似产品的文案骨架； 5. 最后指出这个详情页可能存在的文案漏洞。

Gemini返回的结果通常会有一定参考价值。比如它会告诉你：“开头用用户痛点建立共鸣，然后立刻给出解决方案；中段用分点式描述三项核心卖点；最后用限时优惠制造紧迫感。”这些结构听起来是常识，但Gemini的好处是它会“逼”你按照结构去想自己产品的对应内容，而不是泛泛地说“写得不错”。

4.3 提炼可复用的文案骨架

拆完一两个爆款后，你会得到几个不同的文案骨架。接下来要做的是对比、合并，提炼出一个适合你自己产品的通用骨架。比如：

• 首屏标题：解决用户最关心的问题。
• 第二屏：用一个场景痛点燃起焦虑。
• 第三屏：引出产品，点出核心价值。
• 第四至第六屏：每个卖点一小段，配一张图。
• 第七屏：展示背书，用评价或销量佐证。
• 第八屏：规格参数表。
• 收尾屏：限时优惠，催促下单。

有了这个骨架，每次新产品只需要把每一条写具体。Gemini可以作为你的“陪练”，你把自己写的文案发给它，让它对照拆出来的结构，指出哪里缺失、哪里冗余。这个交互方式，比直接让它代写更能培养你的判断力。

4.4 当Gemini返回结果太虚时，怎么追问

很多人用Gemini时，发现它给出的分析太宏观，比如“传达信任感”“突出品质”，听得懂但用不了。这时不要换问题，而是要加限制条件。比如：“请只保留能直接写进详情页的句子，不要解释原理。”或者“请把每个模块改成具体文案示例，产品是XX，价格是XX元，目标人群是XX。”

另一种追问方式是给它“角色预设”：“请假设你是一个有5年经验的电商详情页策划，现在要为一款XX产品写详情页文案大纲。”当然，角色预设模型不一定真的拥有经验，但它会调整输出风格，让结果更接近执行文案而不是理论分析。

5. 把单次能力组合成批量流水线：路径、参数与避坑

到这一步，你已经分别体验过GPT Image 2出图、无限画布排版、Gemini拆文案。但“批量制作”不是把这三个环节各做一百遍，而是要把流程固化成一套可以反复执行的路径。下面给出一个我验证过思路的流水线框架，你可以按自己的工具版本做调整。

5.1 最小可运行流程：先拿一个产品完整走一遍

不管你想一次做多少个详情页，第一步永远是先拿一个产品，把整条流程走通。

具体步骤是：

1. 用Gemini拆解一个同类爆款详情页，得到文案骨架。
2. 根据骨架列出需要的图片模块清单。
3. 用GPT Image 2逐模块生成图片素材，至少每模块生成2张备选。
4. 把图片放到无限画布上，按照线框图结构排列。
5. 把Gemini生成的文案填入画布，完成首版详情页。
6. 导出为长图，在手机端预览，检查文字清晰度、图片是否变形、卖点顺序是否合理。

这一步做完了，你才可以说自己“会”了这条流程。不要一上来就批量铺开，否则你会发现同样的错误会重复出现几十次。

5.2 建立命名规范、目录结构和输出约定

批量之前，先把“工程规范”定好。比如：

• 图片素材命名：产品名_模块名_序号，例如airpods_pro_主图_01.png
• 文件目录：按产品名建立文件夹，素材、画布源文件、导出长图分开放。
• 画布图层命名建议：首屏区、痛点区、卖点1、卖点2、背书区、参数区、促单区。
• 导出尺寸：确认目标电商平台要求的宽度和文件大小，不要等到导出时才发现不对。

这些看起来像是“流程洁癖”，但批量制作时，你一定会遇到“这张图是哪来的”“这个版本是改前还是改后”的问题。有一个清晰的命名规范，能帮你省掉大量查找时间。

5.3 批量时先小批量验证，再扩大

假设你有20个产品要做，不要分成20个任务同时开始。先按上面的流程做2个产品，一个偏功能型，一个偏情感型，验证文案骨架和图片风格是否都能覆盖。确认没有问题后，再以“2个产品为一组”推进。

GPT Image 2的出图速度通常有波动，如果一次性提交几十张，可能中间存在失败、风格漂移、产品形状变形等问题。我的建议是：每个产品分三轮生成，第一轮生成主图和关键卖点图，一轮控制在6到8张；第二轮补缺图和备选图；第三轮统一检查一致性。只要同一产品内部风格统一，详情页就不会显得拼接感太强。

5.4 人工质检环节不能省

无论AI工具多强，最终发布的详情页代表的是你的品牌。所以在导出之前，一定要安排人工质检，重点检查三件事：

1. 产品外观是否和实物一致，颜色有没有偏差。
2. 文案里的参数是否真实，有没有AI编造的可能性。
3. 图片和文字有没有重叠，文字有没有错别字，间距有没有失控。

这类检查不能完全交给AI。你可以把导出的长图发给同事，让第二个人从“完全没看过这个产品”的视角扫一遍，通常能发现你忽略的问题。

5.5 一条排查链路：当详情页效果不对时，先查哪一层

做批量制作时，最常遇到的几个问题，可以按照下面这个顺序排查：

• 如果图片结构没问题，但文字乱码：检查是否让AI直接生成了长句文字，改成后期画布添加文字。
• 如果图片美感在线，但产品不像实物：检查是否有参考图，提示词里是否缺少材质、颜色、型号描述。
• 如果模板套到第二个产品后排版乱了：检查画布模板是否用了锁定尺寸，图片拖入后是否被拉伸变形。
• 如果Gemini分析结果和你的产品匹配度低：检查你喂给它的样本是否来自同品类，追问是否太宽泛。
• 如果导出长图后字太小：检查画布实际宽度是否与最终输出宽度一致，文案字号是否低于可阅读阈值。

这五条基本覆盖了从素材到文案到排版的常见故障。遇到具体报错，先看是哪个环节出的问题，再针对那一层调整。

6. 这套流程的边界：它适合谁，不适合谁，还缺什么

最后聊聊边界。没有任何一套流程是万能的。这套“GPT Image 2 + 无限画布 + Gemini”的批量制作方案，更适合那些产品相对标准化、素材需求量大、详情页结构相似的品类，比如3C配件、家居百货、美妆工具、小家电。它们需要的详情页模块高度重复，文案结构也有规律可循，批量套模板完全成立。

但它也有明显不适用的情况。如果你的产品客单价极高，比如大家电、家具、高端定制服务，详情页需要大量实拍图、细节工艺、资质证明和品牌故事，靠AI生成素材很容易失真或缺乏说服力。这种情况下，建议把AI用在灵感探索和文案辅助上，不要直接生成最终素材。此外，涉及医疗器械、食品保健品、婴幼儿用品等强监管品类，AI生成的细节图和文案很容易踩到合规风险，必须谨慎。

从长期来看，这套流程还缺三块工程化能力。第一是素材管理：当图片数量到几百张时，需要一个素材库或标签系统来管理，否则找图会变成灾难。第二是版本管理：详情页会经常改版，保留不同版本、记录改动原因，比“复制另存为”更可靠。第三是反馈回收：上线后的点击率、转化率、用户评价，应该返回给流程，反过来指导文案骨架和素材风格的调整。没有这一步，流程只是在“用AI快速制作”，还没达到“让AI帮助做出更好的决策”的层次。

回到开头的问题：一天做几十个详情页，靠的不是一个全能的AI按钮，而是把一个复杂的创意工作拆解成可以重复执行的工程模块。当你不再依赖某一次“神来之笔”，而是依赖一套稳定、可检查、可替换的流程时，批量制作才有真正的意义。GPT Image 2负责把视觉素材变成效率，Gemini负责把爆款文案变成结构，无限画布负责把两者组装成页面，而你是那个制定规则、把控质量、决定边界的人。工具会迭代，提示词会过时，但只要流程的骨架足够清晰，换工具只是换一层皮而已。