公司推行全栈开发后，我们都得跨界。开发要懂点设计，设计要懂点代码，所有人都在用 AI——但结果呢？AI 做的页面，总透着一种“努力了但没完全努力”的气质。

今天我就分享三招，怎么让 AI 从“丑八怪”变成“高级脸”。

第一招：给 AI 建个“样板间”：animation-playground

以前我说“做个高级的登录页”，AI 给我整出一堆光污染。现在我不这么玩了。

我让 AI 先给我做了个 特效样板间 —— 把所有它能实现的效果，文字动画、悬浮卡片、流动背景…全摆在一起，像乐高零件那样分门别类。

“现在我会说：‘样板间第三排第二个，那种轻轻浮起来的卡片，但速度调慢一半。’” 演示图一切换，“看，它立刻就懂了。”

“咱们现在全栈协作，这个样板间就是通用语言。设计知道前端能实现什么，开发不用猜设计想要什么——AI 成了咱们的翻译官。”

第二招：把审美选择题，扔回给 AI：让它采访你

玩具一多，容易搭得乱七八糟。后来我发现，得先定“游戏规则”。

我让 AI 对我进行灵魂采访，正式开工前问我一遍：

“Q1：这个页面首要传递什么气质？ A. 冷静专业 B. 年轻活力 C. 前沿科技 D. 亲切温暖”

“Q2：你希望信息的排布是？ A. 呼吸感强，大量留白 B. 紧凑高效 C. 图文穿插均衡 D. 以数据图表为主导”

AI 根据我的答案，生成一份“设计宪法”：“本页面采用冷静风格，信息密度低，动效仅用于状态切换。”

“这就好比，”我比喻道，“你先告诉 AI‘我要穿西装’，它就不会给你递来花衬衫。高级感的第一步，是学会说‘不要什么’。”

第三招：颜色，你得亲自管：huemint

AI 在配色上，简直是个色盲艺术家。让它自由发挥，它能给你配出“赛博朋克农家乐”。

现在我用 huemint.com，输入“高级感”、“冷静”、“科技”，生成三组配色。然后直接告诉 AI：“用第一组，主色做背景，对比色做按钮，中间那个灰做文字。”

“这就好比画画，”我展示前后对比，“你先把调色盘定死，AI 再怎么画，也不会飞出这个色调。现在我们组的色卡库，就是 AI 的‘色彩宪法’。”

最后

以前我觉得，AI 做的页面见光死。现在明白了，灯其实握在我们自己手里。

“高级感不是 AI 自动生成的，是我们用清晰的规则‘管’出来的。当我们知道怎么给 AI 发指令，它就不再是那个审美跑偏的‘丑八怪’。”

“在全栈时代，懂一点设计逻辑的开发，和懂一点实现逻辑的设计——再加上一个被我们训明白了的 AI，”我笑着说，“才是真正的王炸组合。”

散会后，隔壁工位的开发小哥凑过来：“你那个‘样板间’…能共享一下不？”

你看，融合，这不就开始了吗？