最近一时兴起，我用WorkBuddy尝试为公众号打造了一套完整的视觉物料——包括封面图、海报和欢迎图。从最初那个类似PPT模板的封面，到最终呈现品牌级视觉成品，整个过程都在对话窗口内完成，全程未打开Photoshop。与WorkBuddy协作下来，我最大的体会是：AI辅助设计的关键不在于让它“画图”，而在于如何与它高效对话。

这篇文章将详细分享这套完整的协作流程——途中踩过哪些坑，最终又总结出哪些高效对话技巧。所有内容均基于真实迭代经验，希望能为你提供切实可行的参考。

一、我的工作流概述

整个流程完全在WorkBuddy中串联成一条线，无需切换任何工具：

用自然语言描述需求 → WorkBuddy生成HTML/CSS模板 → WorkBuddy调用Bash运行Python脚本，自动渲染出PNG图片 → 查看效果并给出反馈 → WorkBuddy利用Edit工具修改HTML参数 → 重复迭代直至满意。

关键点在于：无需编写代码，只需做两件事——查看效果、提供反馈。代码编写、图片渲染、错误排查，全部由WorkBuddy完成。

二、从V1到V12：迭代实录

V1：模糊需求≈模糊结果

最初的指令带有模糊性：“帮我做一个公众号封面图，品牌色是金色，风格要高级感。”

结果WorkBuddy给出了一个信息堆满的封面——品牌名、slogan、简介、二维码全部塞了进去。高级感？完全没有，看起来像PPT模板。问题其实很典型：像“高级感”“更有质感”这类模糊表述，对AI来说几乎等于没有约束。它会把所有能放的内容都放上，因为指令中没有明确告诉它“什么不该放”。

V3：添加暗纹——被Edge截图“吞”了

需求进一步细化：要求“添加代码暗纹背景”。WorkBuddy在HTML中通过opacity:0.08的div实现，浏览器预览效果很好。但当它用Python的html2image库渲染PNG时，暗纹几乎看不见——Edge浏览器截图对低透明度元素存在精度损失，0.08的透明度在截图时直接被“吞”掉了。

WorkBuddy如何解决？反馈“暗纹不够明显”后，它将透明度调整为0.22，同时把暗纹文字颜色从白色换成绿色#00CC66。这样一来，即使透明度提高，视觉上依然保持暗纹质感，不会抢夺主体注意力。

V5：给出精确参数，少走弯路

经历V3的暗纹问题后，策略发生了转变：不再说“更明显一点”，而是直接给出精确参数。这一轮的效果已经接近终稿。事实一再证明——参数越精确，迭代轮数越少。

V8：安全区裁剪方向搞反了

公众号封面图在朋友圈分享时会裁剪成1:1正方形。最初告诉WorkBuddy“右侧是裁剪死区”，但实际操作后发现裁剪的是左侧。纠正后，WorkBuddy把内容推到左侧，横版图又严重失衡。

WorkBuddy的处理方式是：针对“不能打破原图平衡感”的需求，给出两个方案——缩小字号腾出空间，同时在右侧添加极淡的装饰线条来撑住平衡。最终通过右侧5条递减的横线解决了问题。

V12：终稿

最后一步的核心改动只剩一处：从“主体字偏左了”调整为“居中较好看”。WorkBuddy把CSS从left:18px改成left:50% translateX(-50%)，一版定稿。

三、5个高效对话技巧

技巧1：不要说“更好看”，要说“金色#D4AF37、110px、letter-spacing:0.05em”

AI不理解“好看”，但它理解font-size:110px。你给出的参数越精确，AI输出就越接近你的预期。模糊描述与精确参数的对比，一目了然：

技巧2：一次只修改一个变量

迭代过程中发现，如果一次修改两个以上的东西（比如同时调整字号和位置），出图后很难判断是哪个改动导致了效果变化。正确的做法是：每轮对话只提出一个改动。“暗纹不够明显”→只调整暗纹；“主体偏左”→只调整位置。这样每轮反馈都有明确的因果关系。

技巧3：先预览，再渲染PNG

WorkBuddy有两种视觉输出方式：preview_url（浏览器内预览）和Bash运行Python渲染PNG。预览效果和最终PNG有时存在差异——特别是低透明度元素。因此正确的流程是：先预览确认大方向，再渲染PNG验证最终效果。PNG渲染这一步绝不能省略。

技巧4：将品牌规范一次性告知WorkBuddy

一个常见的低效错误：每轮对话都重复“品牌色是金色”“底色是纯黑”。真正高效的做法是，把品牌规范整理成一份文档让WorkBuddy记住，后续直接引用。具体操作：在项目目录下创建一个品牌规范文件，WorkBuddy通过Read工具随时读取，省去了大量重复沟通。

技巧5：善用Edit工具进行增量修改

WorkBuddy有三种文件操作方式：Write（全部重写）、Edit（局部替换）、Read（读取）。进行视觉迭代时，使用Edit而非Write——Write会重写整个文件，之前的修改可能丢失；Edit只修改指定的一行，其他内容原样保留。这12轮迭代全部依赖Edit完成，从V1到V12文件始终是同一个，只是参数在逐步演进。

四、踩坑总结

五、效率对比

总结

使用WorkBuddy进行视觉设计的核心，并非“让AI画图”，而是学会如何与AI高效对话。用精确参数替代模糊描述、一次只改一个变量、利用Edit进行增量修改、预览与PNG双重验证——这5个技巧，让12轮迭代中没有一轮是无效的。WorkBuddy最大的优势在于：代码编写、参数调整、图片渲染、错误排查——这些机械性工作全部交给它，人只需要负责查看效果和做出决策。人机分工明确，效率比纯手动操作高出整整一个量级。

如果你也在使用WorkBuddy处理设计类任务，不妨试试上述对话技巧，迭代效率会有显著提升。