企业官网建设流程全解析

章节十八：Coze案例—营销海报生成

一、项目概述

了解营销海报生成项目的整体架构和功能目标。

营销海报生成：利用AI自动生成商品宣传海报。用户只需提供商品信息和设计要求，系统就能通过工作流自动生成专业海报。

工作流：在Coze平台中，通过拖拽节点搭建的自动化流程。每个节点执行特定任务，数据在节点之间流动和处理。

第一步：用户输入提示词、上传Logo和二维码
第二步：工作流判断生成类型（文生图/图生图）
第三步：AI生成或修改海报图片
第四步：叠加Logo和二维码，保存到数据库
第五步：返回最终海报给用户

二、核心功能模块

掌握海报生成系统的功能组成。

文生图：通过文字描述直接生成图片。AI根据提示词创作出对应的画面，就像请了一个AI画师帮你画画。

图生图：在已有图片基础上修改优化。比如上传一张草图，AI帮你完善成精美海报。

叠图：把Logo和二维码叠加到海报上，类似Photoshop的图层叠加。

画质提升：对图片进行清晰化处理，让画面更锐利、细节更丰富。

第一步：文生图节点根据提示词生成基础海报
第二步：如需修改，改图节点根据文字描述调整画面
第三步：画质提升节点提高图片清晰度
第四步：叠图节点添加Logo和二维码

三、工作流核心节点

理解海报工作流中各节点的作用。

开始节点：定义工作流的输入参数，包括提示词（prompt）、原图（img）、Logo图片（logo_img）、二维码图片（qr_img）、位置参数和尺寸比例。

选择器节点：根据条件判断走不同分支。比如判断是文生图还是图生图，判断用户是否上传了Logo。

图像生成节点：调用AI绘画模型生成图片，支持多种尺寸比例（1:1、2:3、4:3、9:16、16:9）。

改图节点：用自然语言描述来修改已有图片，比如"把背景换成森林"。

叠图节点：将Logo和二维码叠加到海报上，可指定位置、缩放比例和边距。

数据库节点：执行SQL语句，将生成的图片链接和提示词保存到数据库。

第一步：开始节点接收所有输入参数
第二步：选择器判断是文生图还是图生图链路
第三步：根据比例选择对应的图像生成节点
第四步：如果用户上传了Logo/二维码，调整尺寸后叠加
第五步：数据库保存记录，结束节点返回结果

四、应用界面（主页面）

了解海报生成应用的用户界面设计。

主页面：采用左右布局，左侧展示历史记录，右侧是生成控制区。用户在这里输入参数、生成海报、查看历史。

左侧历史记录：列表展示所有生成记录，按时间倒序排列。每条记录显示缩略图、提示词和生成时间。点击可加载到编辑区继续修改。

右侧生成控制区：包含提示词输入框、图片上传组件、Logo/二维码上传、位置选择器和生成按钮。生成过程中按钮显示加载状态，防止重复点击。

第一步：界面加载时显示历史记录和生成区域
第二步：用户输入提示词，上传Logo和二维码
第三步：选择Logo和二维码的位置（左上/中上/右上/左下/中下/右下）
第四步：点击生成按钮，调用工作流
第五步：生成完成后，海报展示在右侧，同时保存到历史记录

五、应用界面（画面调整页）

了解海报生成应用的画面调整功能。

画面调整页：二级页面，用于对已生成的海报进行优化调整。用户可通过自然语言描述修改画面，或提升图片清晰度。

修改画面：在输入框描述修改要求（如"把背景换成森林"），点击按钮后AI按描述修改图片。

变清晰按钮：一键提升画质，让画面细节更锐利。

导出海报区域：最终导出带Logo和二维码的成品海报。上传Logo和二维码，选择位置，点击导出按钮生成最终版本。

第一步：从主页面点击进入画面调整页
第二步：在文本框中输入修改描述
第三步：点击修改画面或变清晰按钮
第四步：上传Logo和二维码，选择位置
第五步：点击导出按钮，生成最终成品海报

名词解释

文生图：输入文字描述，AI自动生成对应图片，就像请AI画师帮你画画。
图生图：在已有图片基础上修改，AI根据描述调整画面内容。
叠图：把多张图片叠加在一起，类似Photoshop的图层功能。
选择器节点：根据条件判断走哪条分支，类似编程中的if-else语句。
数据库节点：工作流中执行SQL语句的节点，用于保存和查询数据。