从产品资料到整套视觉落地，是怎么一步步做出来的！
本文以 GTS200 为例，记录从资料理解、AI 提炼卖点、主图与详情页策划，到多轮出图、逐张优化和最终统一文案规范的完整落地过程。
最近这段时间，我完成了 GTS200 DS18B20 数字温度传感器的整套视觉内容，包括产品主图、详情页、应用场景图和社媒海报。
整个过程并没有特别复杂，也不是一开始就制定了一套非常完整的标准流程。实际做法更接近：先看资料，再让 AI 帮助提炼和策划，方向确认后出图，最后逐张修改和统一文案。
这篇文章就简单记录一下，这套内容是怎么一步步落地的。
一、先自己看一遍产品资料
拿到 GTS200 的资料以后，我做的第一件事情，是自己先看。最起码你心里有底，后续AI给你的东西到底是正确的还是错误的，你要有一个判断依据！！！
这一阶段不会整理特别复杂的产品档案，主要是先了解几个基本问题：
这是什么产品；
有哪些产品结构；
主要参数是什么；
哪些部分可以定制；
产品图片和资料是否完整；
了解客户的痛点（具体方式可以是销售、工程师、B/C端详情评论区等等多渠道获取）
同一阶段需要整理这个产品多个角度图片，文档等多种资料，后续投喂给AI使用的资料；
当我看完资料以后会发现，发现它并不是只有一种固定规格。探头结构、探头尺寸、线缆材料、线缆长度、尾部端子和连接器，都可以根据客户的需求进行定制。
所以说自己先看资料的作用，就是对产品有一个基本判断和了解，不能让AI牵着你走。
这样在后面 AI 输出策划时，才能知道哪些内容是准确的，哪些内容偏离了产品本身，而不是完全按照 AI 给出的结果继续往下做。
二、让 AI 同时完成卖点提炼和整套策划
自己看完资料以后，就会把产品图片、参数、说明文档和设计要求一起提供给AI。
具体提示词如下：
你现在研读gts200的文件，和分析产品，主要分析产品的探头和端子，分清楚每一个产品的外形，包括探头和端子设计，进行新的产品的策划，然后策划输出GTS200 - DS18B20的主图和详情的设计以及策划，依旧不能是文案太密，文案堆砌，海报堆砌，这款产品主要是走定制方向的，尤其是探头和端子都能够定制具体根据pdf文件进行读取信息，参数一定要正确，参考图和文件我都提供给你，具体产品怎么放，根据实际情况灵活调整；然后分别输出主图的策划方案 ；其次整体设计必须满足以解决方案的方向进行策划，能够解决客户的痛点；其次必须统一字体和字号大小，字体需要是阿里巴巴普惠体，字号大小根据主标题，副标题，和正文进行层次区分，最多就三个字号，不能多了，不然就会乱；你先进行策划，这个策划方案需要详细一点，不出图这时候不是只让 AI 提炼卖点，也不是只让它策划几张主图，而是让它同时完成三件事情：
提炼产品的主要卖点；
根据痛点和解决方案策划整套产品主图；
根据痛点和解决方案策划整套详情页。
这三部分需要放在一起进行。
因为主图和详情页虽然展示方式不同，但表达的是同一款产品。如果分开策划，很容易出现主图强调一个方向，详情页又变成另外一个方向。
例如：在 GTS200 项目中，最终确认的重点主要包括：
DS18B20 数字温度检测；
多种探头结构可定制；
探头直径和长度可定制；
线材类型和长度可定制；
尾部端子和连接器可定制；
可以适配不同设备和应用环境；
关于定制需要客户提供的信息有哪些；
围绕这些重点，AI 会继续规划每一张主图和每一屏详情页分别讲什么。
主图需要快速展示产品的主要特点，所以内容相对集中，例如产品系列、探头定制、尾部定制、尺寸和线材、参数以及应用场景。
详情页则会在这些内容的基础上继续展开，把产品定位、标准参考款、探头、线材、连接器、参数、结构和应用分别讲清楚。
这样从一开始，主图和详情页就是同一套内容逻辑。很快第一稿的策划就会完成；
三、策划出来以后，需要经过多轮修改，得到主图详情提示词
AI 第一次输出的策划一般不能直接使用。
有时主图还是以单个产品为主，没有真正表现出定制能力；
有时产品放得太多，画面看起来比较乱；
有时详情页每一屏内容太多，不同页面之间还会出现重复。
所以策划出来以后，需要把主图和详情页放在一起检查。
主要看几个问题：
有没有准确表现产品的定制特点；
主图和详情页的内容是否统一；
每一张图、每一屏是不是都有明确重点；
不同页面之间有没有重复；
产品数量和信息量是否合适；
整套内容是否符合实际产品资料；
是否符合你的需求和平台规则
发现问题以后，就继续调整策划，这个阶段会经过多轮修改，直到你觉得符合预期。比如看完之后觉得，探头和尾部定制缺少，那就让他把这两部分内容加上即可，重新输出一般新的策划；
需要特别注意的是，在策划的时候，你从来没有说明主图或详情的“统一规范”的前提下，或者你的Agent没有记忆功能的情况下，你在和AI 沟通策划时候，必须要有一套你自己的“统一规范”提示词，包括字体，字号，颜色等等基础信息；
也就是说你在出图之前，必须要告诉你的Agent需要使用什么字体，字体大小等等，这种细节必须要有；你看到的下面这张图，之所以我直接让给我提示词，是因为我从一开始做第一个产品的时候，已经把相关的字体字号统统告诉AI，已经做了智能记忆，所以他会调取我和他之前的对话记录，从而确定具体的字体和字号大小；
这个时候把所有主图和详情的提示词得到之后，就能进行出图，提示词中会详细展示每张主图和每一屏详情页应该展示什么、产品如何组合、主要文案是什么，基本确认以后，就可以进入正式出图阶段。
我是如何检查提示词是否符合我的需求：
如果提示词是中文，直接看语义，没有问题直接出图；
如果提示词是英文的，直接是输出一张或两张图进行判断，没有问题继续输出
四、方向确认以后，提示词输出完毕，开始分别出图
策划和提示词确认以后，就可以按照主图和详情页的方案及提示词分别生成图片。这边以主图为例，你看我是直接复制提示词，然后让他直接输出主图的，一次性输出多张，你想要几张就让他给你生几张，（注意：但是目前GPT最多一次只能输出10张，Gemini只能输出一条，Flow同样也是直接能输出5+张，具体不同的Agent所生产的数量不一定，目前不用纠结这个，有什么用什么；）
虽然两部分使用的是同一套产品定位和视觉方向，但每张图的任务不一样，所以出图时需要单独处理。
比如：
产品系列图需要表现多种定制组合；
探头定制图需要保证不同探头的结构准确；
尾部定制图需要保证线芯、端子和连接器正确；
参数页需要保证数字清楚；
应用场景图需要考虑产品实际安装位置。
图片出来以后，首先检查的不是背景够不够高级，而是产品是否正确，文案是否正确。
工业产品设计和普通宣传海报不太一样。
探头形状、线缆数量、接线颜色和连接器结构，都不能因为画面效果而随意变化。
只要产品出现明显错误，即使画面本身不错，也需要重新调整。
好的，上面看明白之后，可以看看出图的效果；
五、针对每一张图反复调整——Agent持续修改
第一轮图片生成完成以后，你以为就结束了吗，NO其实才刚刚开始，最折磨人的其实就从这开始，还需要针对每一张主图和每一屏详情页单独检查矫正，尤其是文案部分，特别是小字。
这一阶段也是整个项目中调整次数比较多的部分，也是最重要的部分，一定要经过多次矫正。
常见问题包括：
1、产品结构错误
比如探头发生变形、不同产品结构被混合、连接器针脚不对，或者尾部线材颜色发生变化。
这种情况需要重新生成，或者使用正确的产品图进行替换。
2、产品太多，画面比较乱
为了突出定制能力，AI 有时会在一张图中放入过多产品。结果每个产品都很小，画面也没有重点。
遇到这种情况，就需要减少产品数量，或者重新调整产品之间的大小和前后关系。
3、页面太空
有些图片产品数量少，背景又比较简单，最后会显得画面不完整。这时候需要重新调整产品比例、标题位置和信息模块，而不是随意增加装饰。
4、文案太小
AI 会自动生成很多小字和说明。
放大以后看起来内容很多，但真正上传到平台以后根本看不清。
所以需要减少无效文字，把真正重要的标题和参数放大。
5、应用场景不合理
场景图中，AI 容易把温度传感器直接摆在设备外部。
但产品实际一般安装在设备内部，或者真正需要检测温度的位置。
如果场景安装关系不合理，就需要重新生成，不能只考虑画面是否好看。
整个过程基本就是：出图 → 检查 → 发现问题 → 继续修改 → 再次出图直到所有主图和详情页都完成。
六、最后统一重新处理整套文案——ps人工校准
全部图片完成以后，必须经过人工校准，要对整套文案重新处理。
因为 AI 生成图片时，文字通常会出现不少问题，尤其是小文案：
字体不统一；
同级标题大小不同；
英文大小写不规范；
参数或单词出现错误；
注释文字太小；
不同页面的颜色和排版不一致。
所以最终使用的文案，不能完全依赖 AI 在图片中直接生成。
我会重新编写和检查主标题、副标题、参数、标签和说明，再统一字体、字号、颜色和排版。
此项目中，GTS200 整套内容统一使用阿里巴巴普惠体，英文标题采用 Title Case，品牌蓝色也保持一致。
这一步主要解决的是整套内容的规范性。
单独看一张图时，字体或颜色稍有不同可能不明显，但主图和详情页放在一起以后，只要规范不统一，整套内容就会显得比较零散。
所以最终的文字，基本都会重新排版，而不是直接使用 AI 生成的内容。
下面是部分成品，可以瞅瞅：
总结
GTS200 的整个制作过程，可以概括为：
先自己查看资料，对产品建立基本认识；然后让 AI 在同一个阶段完成卖点提炼、主图策划和详情页策划；策划经过多轮调整确认以后，再按照每张图的要求分别生成；图片出来后逐张检查，有问题的继续修改或者重新出图；最后统一重新编写文案，规范字体、字号、颜色和排版。
整个流程并不是让 AI 一次完成所有内容。
AI 主要帮助完成内容提炼、整体策划和视觉方案生成，而设计师需要判断产品是否准确、策划是否合理、画面是否清楚，并完成最后的统一和落地。
简单来说就是：
先自己了解产品，再让 AI 同时完成内容提炼和整体策划；方案确认以后逐张出图，最后统一完成文案和视觉规范。
这就是 GTS200 从产品资料变成完整主图、详情页和宣传内容的实际过程。
发表讨论 (0 条)