嗨，大家好，这里是金哥。在本期课程中，我将结合AI工具，带大家完成一套电商详情页的全流程制作。本次案例的产品是“静歌牌”保温杯。
首先来看我用半天时间完成的AI生成详情页效果：最上方是主海报，接着是材质展示、细节展示，以及产品应用场景。所有画面均通过AI生成，无需手绘或复杂建模。
接下来，我将分步骤讲解整个AI电商详情页的制作逻辑：
- 寻找参考：无论使用AI工具还是传统设计软件，第一步都是搜集参考。我们通常会浏览花瓣网、淘宝等平台，收集同类产品的视觉风格与排版结构，获取设计灵感。
- 规划框架：明确详情页的模块构成。以保温杯为例，典型结构包括：主海报、材质展示、细节展示、功能/场景应用四大模块。
- AI生成内容：本流程主要使用“豆包”（用于图像反推关键词）和“Nano Banana PRO”（用于高质量图像生成）两个工具。图像生成依托Runway Hub平台运行模型。
- 后期排版：生成素材后，在Photoshop中进行简单合成与排版，快速输出完整详情页。
现在我们进入实操环节。前两步（参考搜集与框架规划）已完成，接下来重点演示第三步——AI生成。
例如，我们选定一张喜欢的参考图，用截图工具截取其中关键构图、人物姿态与场景元素。随后打开豆包，利用其“图像反推”功能：将截图粘贴至对话框，补充描述性关键词（如风格、产品特征、构图方式、镜头景别等），点击发送。几秒钟后，豆包即可输出详尽的提示词（Prompt），涵盖画面中的光影、材质、视角、氛围等信息。若发现个别文字错误，可手动修正。
将优化后的提示词复制，导入Nano Banana PRO模型。操作路径如下：
- 在Runway Hub平台搜索并加载“Nano Banana PRO2”模型；
- 添加“CV Image Save”节点用于保存输出图像；
- 将提示词粘贴至对应输入栏（支持中文）；
- 设置图像尺寸为9:16（竖版）、分辨率为1024×1920（1K）；
- 上传白底保温杯产品图，并将其接入图像生成节点；
- 点击运行，等待生成结果。
首次生成的主海报效果整体温馨自然，虽与参考图不完全一致，但符合产品调性。如不满意，可点击“再次运行”，模型将基于相同提示词生成新变体。我们尝试二次生成，获得另一版更具表现力的构图——虽为横向视角，但更突出材质质感与手持动势。
若需去除画面中的文字水印或干扰信息，可在提示词中明确加入指令，例如：“去除所有文字，保留静歌牌保温杯主体、手持动作与背景光影，其他细节不变”。再次运行后，文字被精准清除，其余元素保持原样。
第二模块——材质展示，采用相同方法：截取参考图中材质特写部分 → 豆包反推提示词 → 粘贴至Nano Banana PRO → 上传白底产品图 → 设置参数 → 运行生成。生成结果清晰呈现了不锈钢表面的拉丝纹理、磨砂杯盖的触感及杯身过渡光影，质感还原度高。同样支持多次生成对比，择优选用。
后续课程将继续完成细节展示与功能场景模块的AI生成方法，敬请期待。