你有没有过这种时刻——AI 一分钟给你生成了一个网页,功能全都有,但你盯着屏幕看了半天,就是觉得哪儿不对?

说"再好看点",它再交一版还是差不多;说"重做",又怕之前对的地方全被推翻。

今天我们接着上一期的「汉字拆解网」,聊聊怎么把一个"能用"的网页,一步步改到"好看"——不靠审美,靠会说话。

先说一个反直觉的事

很多人以为改稿要懂设计,要能说出"色相""对比度""留白"这些词。

其实不是。

AI 改稿,嘴皮子功夫比审美还重要。你说"我想要好看一点",它只会再交一个差不多的版本;你说"卡片底色换成暖色调,和背景呼应但略深",它立刻就能动手。

区别就在这里——你给的信息越精准,它改得越准。

定调靠名词,微调靠形容词。

下面我把自己改的 5 句话拆给大家看。

✅ 第1句:给主题词,别给描述词

我一开始想写一大段需求——什么"古风""水墨""文化底蕴",写了两行自己都觉得像官网文案。

删了。最后就憋出一句:

我的网站主题是汉字,根据主题为我的整个页面设计更美观的 UI。

连颜色带字体的要求都没给。

Gemini 3 转了 287 秒,回来给了一整套风格,它自己管这叫"文人书斋 Scholar's Studio":

  • 宣纸色 #F9F4E8 做背景,温润那种米白

  • 朱砂红 #B22222 用在印章和强调

  • 墨色 #1A1A1A 写文字

  • 古铜色 #9C9478 走装饰线条

顺手还加了红色印章、米字格背景、卷轴样式的字谜模块。

零基础 Vibe Coding原文配图 1

我一个字都没提"宣纸""印章""米字格",它全自己补齐了。

原因很简单:你给一个清晰的主题词,AI 会自动调出这个词背后的整套文化符号。你越啰嗦反而越把它框死。

第1句的用法:主题词一扔,让它先交一版,再谈细节。

零基础 Vibe Coding原文配图 2

✅ 第2句:说感觉,不说参数

文化味是出来了,但背景太花,看文字的时候一直分神。而且整个页面"糊"在一起,卡片和背景没有层次。

我打了一句:

背景有些杂乱,我希望整体的界面更立体。

一句话塞了两个要求,我其实没指望它一次搞定。

但它处理得很干净:

  • 去杂:把蝙蝠纹透明度砍到 5%,再加一层极细的颗粒感模拟宣纸纤维

  • 立体:卡片做成纸张堆叠效果,多层阴影 + 微小偏移;按钮有下沉动画;页头加了投影

    零基础 Vibe Coding原文配图 3

我打的是"杂乱"和"立体"两个形容词,它回我的是"纸张堆叠""多层阴影""位移动画"这些我根本叫不出来的操作。

重点就在这里:我们只管说感觉,AI 负责把感觉翻译成代码。

形容词负责情绪,名词负责精度——情绪你给就行。

✅ 第3句:锁定位置,其它别动

立体感有了,但"笔画"和"部件"两个板块的卡片还是纯白底,跟整页宣纸米黄格格不入,特别扎眼。

这一句我说得很具体:

我希望笔画板块的卡片和部件板块的卡片底色从白色改为其它颜色并增加中国传统花纹。

注意看这句话的结构:

  • 指定了哪两个板块(笔画、部件)

  • 指定了改哪个属性(底色 + 花纹)

  • 其它什么都没提

这是我们改稿最容易踩的坑——说"卡片颜色不好看",AI 可能连导航栏卡片一起改了。必须告诉它:是谁、改什么、其它别动。

它端上来的是青瓷绿 #F0F4F0 加传统云纹。单看挺好看的,放一起……有点问题。

零基础 Vibe Coding原文配图 4

✅ 第4句:给标准,不给答案

青瓷绿偏冷,宣纸背景偏暖,两个放一起视觉上撕裂,不舒服。

这一刀是整轮改稿里我最得意的一次。我没说"换个颜色",也没查色号,我说的是:

颜色要跟背景呼应但不能相同,得有区分。

两句话,一个要求呼应(同色系),一个要求区分(明度或饱和度要差一点)。

AI 换成了古绢色 #F2EAD3——和宣纸同属暖色调,略深一点,配合卡片阴影能清晰地从背景里分出来,又不突兀。

零基础 Vibe Coding原文配图 5

我没告诉它颜色是什么,我告诉它"对"长什么样。

别告诉 AI 答案是什么,告诉它"对"长什么样。

这句话请大家一定记住,用处不止在改稿。

零基础 Vibe Coding原文配图 6

✅ 第5句:哪里不爽说哪里,不用解释

最后一个小毛病:之前为了做纸张质感加的颗粒噪点,放久了看怎么都觉得不干净。

我懒得解释,打了三个字:

去掉斑点。

然后去倒了杯水回来——它精准地把噪点滤镜删了,但保留了纸张堆叠的立体阴影。还顺手把卡片上的云纹换成了水波纹。

零基础 Vibe Coding原文配图 7

它没有一刀切,它在判断"斑点"到底指什么。

第5句的用法:局部有问题就只说那个地方,别顺带解释一大堆。AI 会自己判断影响范围,不会乱动其它地方。

💡 5句话清单,照着用就行

帮大家整理成一张可以直接抄的清单:

  1. 定调:"我的主题是 XX,帮我重新设计整体 UI"——给主题词,让它先跑

  2. 去杂/立体:"背景有些乱,我希望更立体"——说感觉,别管术语

  3. 改细节:"XX 板块的 XX 从 A 改为 B,其它别动"——锁位置 + 锁属性

  4. 找平衡:"颜色要和 XX 呼应,但要有区分"——给标准不给答案

  5. 去瑕疵:"去掉 XX"——哪里不爽说哪里,三个字就够

今日总结

今天最重要的一句话:

一次只改一件事,AI 听得清你的话,但扛不住你的贪心。

网页从"能看"到"好看",不需要懂设计,只需要会把感觉说清楚。

打开你上期做好的网页,找一个最看不顺眼的地方,先改第一句。

AI 出稿只要一分钟,出师全靠改五轮。