AI把设计干成白菜价后,品味成了唯一涨价的东西:42条正则规则给AI生成页面去AI味

前言:AI生成的网页工整却千篇一律,一眼AI。本文介绍一套用42条正则表达式给landing page做静态QA的开源skill,从纯黑纯白检测到三等分卡片检查,把设计师品味规则化,再配30套真实品牌官网风格语料,解决AI生成网页千篇一律的痛点,帮AI设计去AI味,下限焊死,上限才腾得出来。

AI把设计干成了白菜价,然后品味涨价了

前两天一个朋友丢给我一个链接,说他花了一下午让AI给自己公司做了个官网,让我帮忙把把关。

我点开,看了三秒。

然后我跟他说,你先坐稳,我要说一句不太好听的了。

这页面,一眼AI。

不是做得差。恰恰相反,排版工整,配色和谐,hero区、feature区、CTA按钮一个不少,放三年前你敢说这是哪家刚融到B轮的创业公司。

但就是一股味。

那种紫不拉几的渐变,Inter字体,三张一模一样的卡片整整齐齐排成一排,标题里还优雅地躺着一条破折号。就像你去相亲,对方条件栏全钩上,但全程用播音腔跟你说话,你立马就知道,这人没走心。

工整,但没有体温
工整,但没有体温

更有意思的事在后面。

前几天我刷到一个仓库,一个深耕了很多年的前端老哥,把自己压箱底的三个自用skill开源了,私信回复就免费领。我本来没抱期待,这种「免费领取」十个里有九个是引流钩子。结果点进去看了十分钟,我人直接定在那了。

因为他干的这件事,把我上面说的那股「AI味」,写成了42条正则表达式。

对,。正则表达式。

这个skill里有个脚本叫 check-landing.py,专门给你的landing page做静态QA。纯Python标准库,不依赖任何外部包,不需要开浏览器,一行命令跑完,42项检查。

我第一次看到这个的时候,第一反应是玄学,第二反应是细节控,第三反应,是哲学。

为啥这么说,听我一个个讲。

它的检查分三层。第一层是17条regex,专门抓那些「一眼AI」的特征。第二层是19项计数,管的是密度和克制。第三层是6项结构检查,看的是骨架。

先说第一层,这里面每一条都值得单独拎出来聊。

比如em-dash禁令。AI写英文文案特别爱用破折号,人类早就不用了,这一条regex下去,AI文案当场现形。再比如Inter默认字体检测,AI做页面十次有八次给你怼个Inter上去,因为训练数据里它出现得太多了。

把玄学写成regex
把玄学写成regex

然后是那条我觉得最妙的,纯黑纯白检测。

做过设计的都知道,真正的黑不是#000000,是带一点点暖的、一点点灰的黑。纯黑放在屏幕上会「发光」,压得住画面但没有呼吸感。这个知识点,设计师要用眼睛吃几年饭才能长出来,AI不知道,AI就给你怼纯黑。

现在,一条正则就能把它逮住。

你品品这个事。一个设计师的「我觉得这里不对劲」,被翻译成了机器能执行的规则。这已经不是工具了,这是把品味做成了可分发的资产。

第二层的计数检查也很有意思,eyebrow计数、marquee上限、CTA去重、长列表检测。AI有个毛病,就是不会克制,好用的元素可劲儿用,三个CTA按钮恨不得全塞首屏。这一层就是在替你踩刹车。

第三层查结构,hero stack、导航高度、bento多样性,还有那条经典的三等分卡片检测。AI特别爱把任何东西分成三份,三张卡、三个icon、三行字,跟条件反射似的。

这套东西不是拍脑袋写的。41/42项经过7个测试文件验证,31套成品全量压力测试,0崩溃,0 JSON错误,还有2个干净页面专门确认0误报。我看到这个验证状态的时候,说实话有点肃然起敬,这是拿做基础设施的标准在做一个小脚本。

说完检查,再说这个skill更狠的部分。

它内置了30套真实品牌官网的风格素材,然后每套素材都对应一套做好的成品页面,30套素材,30套成品,每套配预览截图,点开就能看。

我给你挨个形容一下,你就明白这30套的跨度有多野。

Air,纯黑画布上浮着白色幽灵按钮,图像主导,安静得像暗夜里的玻璃雕塑,Linear和Vercel的语感,做开发者工具正合适。

Anthropic,象牙纸面配编辑衬线标题,粘土色全页只在必须行动的地方出现一次,像暖纸上的科学田野日志,权威但不冰凉。

FRANKY’S,奶油底、8-bit像素字、黑白棋盘格面板,凑出来的是滑板店柜台上那台复古游戏机,Palace那个邻域的街头味。

MotherDuck,奶油纸上的一台蜡笔终端,等宽字体唱全部角色,按钮带硬偏移阴影,官方原话我特别喜欢,叫「开发者工具拒绝像开发者工具」。

滑板店柜台上的复古游戏机
滑板店柜台上的复古游戏机

最后压轴的是Lamanna。橙色满版,星爆徽章,海报能量开到最大,像那不勒斯人行道上支起来的霓虹马戏帐篷。

从暗夜玻璃雕塑,到暖纸田野日志,再到那不勒斯霓虹马戏帐篷。

一轮比一轮离谱,但每一套都是真实存在的品牌语感,不是AI瞎编的「高级感」。

而且它不只有素材,是一整套工程。风格选型有manifest,程序化生成可复跑。成品有四道QA gate,值层校验、行高安全区、结构反趋同、landing pre-flight,一道一道过。连字体都是自托管的woff2,不依赖Google,怕的就是哪天加载不出来整个页面垮掉。

我看到这里的时候就在想,这跟网上那些「10个高级感Prompt模板」完全不是一个物种。那些是给你一条鱼,这个是给你一片渔场,连渔场的质检体系都建好了。

我自己也踩过这方面的坑。

之前让AI帮我做过页面,改了八轮,越改越平庸。后来我想明白了,AI每次修改都在往「平均」的方向收敛,它见过太多页面,所以它给你的永远是所有页面的最大公约数。你跟它说「再高级一点」,它就加渐变,你跟它说「再简洁一点」,它就删内容,来回拉扯,最后得到一个哪儿都能放、哪儿都不惊艳的东西。

这个skill的思路是反过来的。先把品味定义成可执行的规则和经过验证的风格语料,把下限焊死,然后让AI在这个框架里去发挥。

下限焊死了,上限才腾得出来。

说到这里,我想聊一个更大的事。

19世纪摄影术刚出来的时候,所有人都说画家要玩了。肖像画确实被干成了白菜价,原来只有贵族请得起的画师,被一台机器替掉了。但画家这个职业死了吗,没有。恰恰相反,画家们被逼着去回答一个机器回答不了的问题,画到底是为了记录,还是为了表达。然后有了印象派,有了梵高,艺术品的价格不降反升。

执行变便宜的时候,判断就变贵了。

AI做设计也是一模一样的逻辑。生成一个页面,现在几乎不要钱了,所以「能做出一个页面」不再是本事,「知道哪个页面是对的」变成了本事。品味这个东西,以前藏在设计师的脑子里,是你得花十年才能长出来的直觉,现在有人把它掏出来,写成规则,做成语料,让它可以被学习、被复用、被分发。

机器接管记录之后,人负责表达
机器接管记录之后,人负责表达

当然,我知道有人会不舒服。

有设计师朋友可能会想,你把我们的活儿规则化、模板化,这不就是在加速设计被干死吗。我非常理解这种感受,换我是我也会膈应。

但我的看法恰恰相反。这42条规则守住的只是下限,是「别一眼AI」的及格线。真正的上限,那个让Linear是Linear、让Anthropic是Anthropic的东西,规则给不了,还是得靠人。规则把及格线抬高了,反而逼着所有人往上限去够,这不是设计被干死,这是设计的水位被抬起来了。

就像摄影没有杀死绘画,是杀死了绘画里的摄影。

这个老哥的三个skill,私信回复就能免费领,连领取方式都简单得不像这个时代的操作。我一开始还纳闷,这么个东西为啥不拿去卖,后来想通了,人家是吃前端这碗饭的,skill是顺手磨的刀,分享出来换的是同行的连接。

我觉得这才是对的做法。这种压箱底的东西,藏是藏不住的,与其让它烂在硬盘里,不如扔出来磨平一些信息差。

毕竟AI已经把做设计的门槛踩到了地上,接下来比的东西,是谁站得更高。

而品味,是唯一涨价的那件东西。


【粉丝福利:免费领取3个付费网页设计Skill】
AI让设计越来越便宜,也让有品位的设计越来越贵。分享三个资深前端工程师自用skill,想尝鲜,私信回复获取免费体验码

/ 注意,本项目仅在 SyncMein 的500人小群分享。
/ 谢谢你看完了我的文章,我们下次再见吧。
/ 作者:明察
/ 投稿或爆料,请联系邮箱:mingcha@gqmg.com

© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容