用 WorkBuddy 多轮对话做品牌视觉设计：12轮迭代踩坑与技巧总结

前言

最近在用 WorkBuddy 做品牌视觉体系——公众号封面图、星球海报、欢迎图，一套完整视觉物料。跟 WorkBuddy 协作下来，最大的感受是：AI 辅助设计的关键不是"帮我画个图"，而是怎么跟它对话。

我从第一版像PPT模板的封面，经过12轮对话迭代，最终拿到了品牌级视觉成品。整个过程全部在 WorkBuddy 对话窗口内完成，没打开过 PS。

这篇文章分享我的完整协作流程、踩过的坑、以及总结出的高效对话技巧。

一、我的工作流概述

整个流程在 WorkBuddy 里串成一条线，不需要切换任何工具：

1. 用自然语言描述需求 → WorkBuddy 生成 HTML/CSS 模板
2. WorkBuddy 调用 Bash 工具运行 Python 脚本 → 自动渲染出 PNG 图片
3. 我看了效果，给出反馈 → WorkBuddy 用 Edit 工具修改 HTML 参数
4. 重复 2-3，直到满意

关键点：我不写代码，我只做两件事——看效果、给反馈。 写代码、渲染图片、排错全是 WorkBuddy 的活。

二、从 V1 到 V12：我的真实迭代过程

V1：模糊需求 = 模糊结果

我一开始给的指令是："帮我做一个公众号封面图，品牌色是金色，风格要高级感。"

WorkBuddy 给了我一个信息堆满的封面——品牌名、slogan、简介、二维码全塞进去了。高级感？完全没有，像 PPT 模板。

踩坑： 模糊描述（"高级感""更有质感"）对 AI 来说等于没说。它会把能放的都放上去，因为你没告诉它什么不要放。

V3：加暗纹——但 Edge 截图把它吞了

我明确要求"加代码暗纹背景"，WorkBuddy 在 HTML 里用 opacity:0.08 的 div 实现了。浏览器预览看着很好，但 WorkBuddy 调用 Python 的 html2image 库渲染 PNG 时，暗纹几乎看不见。

踩坑： Edge 浏览器截图对低透明度元素有精度损失。0.08 的透明度在截图时会被"吞掉"。

WorkBuddy 怎么帮我解决的： 我反馈"暗纹不够明显"，WorkBuddy 把透明度调到 0.22，同时把暗纹文字颜色从白色换成绿色 #00CC66。这样即使透明度提高了，视觉上依然有暗纹质感，不会抢主体注意力。

V5：我学会了给精确参数

经历了 V3 的暗纹问题后，我改变了对策略——不再说"更明显一点"，而是直接给精确参数：

"纯黑底 #0B0C10、白色衬线宋体、金色粗体 #D4AF37 110px、灰色小字 letter-spacing:0.4em、1px 金线分隔"

这一轮效果接近终稿。参数越精确，迭代轮数越少。

V8：1:1 裁剪安全区——我搞反了方向

公众号封面图在朋友圈分享时会裁剪成 1:1 正方形。我一开始告诉 WorkBuddy "右侧是裁剪死区"，结果裁的是左侧！我纠正后，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 输出越接近你的预期。

模糊描述 vs 精确参数的对比：

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

我在迭代中发现，如果一次改两个以上的东西（比如同时调字号和位置），出图后分不清是哪个改动导致了效果变化。

正确做法：每轮对话只提一个改动。 "暗纹不够明显"→只调暗纹。"主体偏左"→只调位置。这样每轮反馈都有明确的因果关系。

技巧3：让 WorkBuddy 用 preview_url 先预览，再用 Bash 渲染 PNG

WorkBuddy 有两个视觉输出方式：preview_url（浏览器内预览）和 Bash 运行 Python 渲染 PNG。

我发现预览效果和最终 PNG 有时不一样——特别是低透明度元素。所以正确的流程是：先预览确认大方向，再渲染 PNG 验证最终效果。不要省掉 PNG 渲染这一步。

技巧4：把品牌规范一次性告诉 WorkBuddy

我犯过最大的低效错误是：每轮对话都要重复"品牌色是金色""底色是纯黑"。后来我把品牌规范写成一份文档让 WorkBuddy 记住，后续所有对话直接引用，省了大量重复沟通。

具体做法：在项目目录下建一个品牌规范文件，WorkBuddy 通过 Read 工具随时读取，不用每次重新描述。

技巧5：善用 WorkBuddy 的 Edit 工具做增量修改

WorkBuddy 有三种文件操作：Write（全部重写）、Edit（局部替换）、Read（读取）。

做视觉迭代时，用 Edit 而不是 Write。因为 Write 会重写整个文件，之前的修改可能丢失；Edit 只改你指定的那一行，其他内容原样保留。我的12轮迭代全是 Edit，从 V1 到 V12 文件始终是同一个，只是参数在逐步演进。

四、踩坑总结

五、效率对比

总结

用 WorkBuddy 做视觉设计的核心不是"让AI画图"，而是学会怎么跟AI对话。精确参数代替模糊描述、一次一变量、Edit增量修改、预览+PNG双验证——这5个技巧让我的12轮迭代没有一轮是无效的。

WorkBuddy 的优势在于：写代码、调参数、渲染图片、排错——这些机械活全交给它，我只负责看效果和做决策。人机分工明确，效率比纯手动高了一个量级。

如果你也在用 WorkBuddy 做设计类任务，试试上面这些对话技巧，迭代效率会有明显提升。