你用 AI 生成过网页吗?

不管你用的是 Claude Code、Codex,还是别的什么工具,生成出来的东西,大概率长这样:

蓝紫色渐变背景,三个圆角卡片并排站,每张卡片顶上顶一个 emoji,底下一个"了解更多"按钮,hover 上去还要放大一下。

换个工具再试?换个 prompt 再来?结果还是差不多,一眼 AI。

这不是代码水平的问题,AI 写的代码结构清晰,命名规范,甚至比很多人写得好。

问题出在审美上。AI 有一套自己的"审美制服",不管谁来用,穿出来都是同一个样子。

今天不聊设计理论,就聊两个实操思路,帮你把这身制服脱掉。


一、截图复刻

去 AI 味最直接的办法,不是学设计,而是学"抄"。

你不需要自己懂设计,你只需要知道自己觉得什么好看。

找到一个你喜欢的网页,截个图,网页比较长的话就截长图,扔给 AI,告诉它"照这个风格来"。就这么简单。

为什么截图比给网址好用?

因为你给 AI 一个 URL,它拿到的是源代码,不是视觉画面。

它看到的是一堆 HTML 标签和 CSS 属性,不是你眼里那个"好看的页面"。

而截图是直接把你看到的东西给它看,AI 能从图里读出配色、排版、间距、字体风格这些视觉信息,还原度高得多。

截图要截完整页面

不要只截一小块局部。

AI 需要看到整体的设计语言——上下怎么排列、模块之间怎么衔接、留白在哪里,而不是一个孤立的按钮或卡片。

可以多张截图混搭

你喜欢 A 网站的排版,但更喜欢 B 网站的配色?

两张截图都扔进去,告诉 AI “排版结构参考 A,配色参考 B”。

AI 能理解这种混搭指令。

截图之外,加一句话点出你最在意的

比如"我最喜欢这个页面的留白感"或者"主要参考它的配色克制"。

一句话就够了,帮 AI 抓住你的审美重点,而不是让它自己猜。

如果你能用文字描述,效果更好

截图是基础,但如果你还能拆解出"它为什么好看",写进 prompt 里,AI 的还原度会更上一层。

比如:“通栏布局,大面积留白,配色以黑白为主搭配一个橙色强调色,字体大小对比强烈,标题极大正文极小,动效克制。”

能描述到这个程度,AI 基本没有空间启动它的默认审美了。

去哪里找好的参考?

比如,QODEinteractive、Godly等,或者直接去你喜欢的品牌官网。

养成一个习惯——日常浏览时看到好看的网页就截图存下来,慢慢积累自己的"审美素材库"。等到你需要让 AI 做页面的时候,从素材库里挑一张扔过去就行。

这个思路的本质是:你用自己的审美判断,替换掉 AI 的审美判断。AI 只负责执行。


二、给 AI 一张"禁止清单"

第一个思路是告诉 AI “要什么”。第二个思路反过来,告诉它"不要什么"。

AI 的审美制服有固定的零件。你把这些零件一个个禁掉,它就没法穿制服了。

直接在 prompt 里加一段禁止清单:

以下元素请勿使用:蓝紫色渐变、emoji 或纯装饰性图标、三列等宽卡片并排的布局、大圆角(圆角不超过 8px)、大面积投影和阴影装饰、hover 放大的交互效果、hero 区域的"大标题+副标题+按钮"三件套。

你会发现一个有意思的现象:AI 被逼着跳出舒适区之后,反而能做出更有意思的东西。

因为你把它的"默认答案"堵住了,它就不得不去找别的解法。

这张禁止清单不是一次性的,你可以持续养它。

每次看到 AI 输出里有让你觉得"又来了"的东西,就把它加进去。

用得越久,清单越精准,你的 AI 出品就越不像 AI 出品。

你甚至可以把这张清单做成一个固定的 prompt 模板,每次生成页面的时候自动带上。

禁止清单和截图复刻,可以叠加使用。

截图告诉 AI 方向在哪里,禁止清单告诉 AI 边界在哪里。一个是油门,一个是刹车,一起用效果最好。


说到底,审美是你的活儿

两个思路说完了。你会发现它们有一个共同前提:你得有自己的审美判断。

截图复刻——你得知道什么是好看的,挑得出好的参考。

写禁止清单——你得看得出什么是 AI 味,知道该禁什么。

AI 能给你速度,能帮你几秒钟做出一个完整的页面。但"好不好看"这件事,它替你决定不了。

或者说,它替你决定的结果,就是那个蓝紫渐变+三个卡片+五个 emoji 的"制服"。

想脱掉这身制服,你得自己上手。

去看好的设计,训练自己的眼睛,积累自己的审美素材库。

AI 负责执行,你负责判断。

这个分工在 AI 时代只会越来越重要。

不只是做网页,做内容、做产品、做营销,都是同一个逻辑——当执行变得廉价,判断力才是真正稀缺的东西。