我在其他一些增量游戏子版块发布了我的游戏，结果被严厉批评为“AI垃圾”。前端代码和图片是AI生成的，但都是精心挑选的，颜色、形状和图像经过多次生成和设计，而游戏设计完全没有使用AI，所以这让我很受伤。

于是我决定彻底翻新前端，给UI应有的关注，并让ChatGPT改进UI，让它看起来不那么像AI。以下是我的一些提示词和结果。

我的提示词：“重新设计战斗页面，侧边栏保持在左侧，其他所有内容你都可以更改” + “只需给我生成一个重新构思的UI，或者是多个不同设计的图片，不要改动实际代码”。

旧UI

ChatGPT输出

我构建的：

我注意到ChatGPT添加了暗角效果，于是我尝试用椭圆渐变来实现。然后从生成的图片中裁剪出开始按钮图像，清理像素，以便在应用里作为图片按钮使用。它把我的地图显示替换成一个带有地图图片的滑块，看起来酷多了。把主动效果和战利品容器分开并缩小，让地图艺术更显眼，还有很多小改动。我让Claude尽可能还原，但不得不找出我的UI和输出图片之间的细微差别。就像玩“找7处不同”游戏一样，我发现了是什么让AI图片更具视觉吸引力，并将它们应用到我的UI上。桌面版之后，我也尝试了移动端UI，我相信移动端的UI比桌面端更好。

我的提示词：“重新设计战斗移动页面，顶部栏必须保留，除了背景图片外，其他所有内容你都可以更改” + “我想把自动战斗按钮移到上方，把战斗角色和模仿者稍微下移，因为它们现在看起来在飘。更自由地改动吧。”

原始UI

输出

我构建的：

从ChatGPT图片中，我裁剪了战斗开始按钮边框和地图容器边框。让它尽可能清理干净，然后在画图中继续清理像素。我裁剪了小六边形，清理并转换成可复用的动态资源来承载地图。然后我让GPT为每张地图生成纹理，应用到UI上，这样切换地图时，山谷显示绿色UI，熔岩湖显示红色UI。我还更新了战斗奖励和主动效果的容器，用“九宫格”技术创建了更复杂的新div容器。

战斗页面效果出来后，我决定在其他页面也采用同样的方法：让UI更好、更不像AI。我原本有独立的宠物、坐骑和萨满页面，我想把它们整合到一个“队伍/伙伴”页面里会不错。

我的提示词：“对于这些宠物、坐骑和萨满系统，我们能把它们整合到一个页面里吗？它们功能不多：萨满充能并激活增益，宠物重刷、升级技能，坐骑升级、类型附魔和技能” + “只需创建替代的UI图片，大胆发挥”，但生成的太丑了，于是我提示：“这些看起来像屎，再试一次，把这个页面叫做‘队伍’，做成队伍视图”，终于有点进展了。

原始页面：

宠物页面
坐骑页面

输出

我构建的：

我重新生成了宠物和坐骑的图片，让它们更暗一些。人们说蓝色看起来像AI，不知道为什么。我还生成了宠物和坐骑的不同阶段，从小到完全成长。让GPT分别生成平台、图片和背景，然后调整了文字、按钮图片的位置，最终效果如此。

现在游戏确实有点像其他游戏，可能变得更普通了，少了些我的特色，但绝对看起来更专业，不再是拼贴杂志的感觉。

我只是想分享一些想法。最近几个月，我感觉自己更像一个产品所有者而不是程序员，决定颜色主题、布局、设计等等。尽管后端和游戏机制没有改变，UI和实际游戏却在慢慢演变成别的东西——我部分控制着，但它不断在被生成。

如果你想看看游戏和最终效果，请访问 https://play.mimic2.com/guest

请随意分享你的想法。现在看起来不那么AI了吗？还是所有努力都徒劳，反而让它更有AI的廉价感？