先说一个让我有点意外的抱怨
前两天刷到一条帖子,一个做 Vibe coding 的人吐槽:用 Codex 做了几个 App 和页面,还上了 apple-design 之类的 skill,结果原型图依然很 low,交互、字体、样式全是土味,问大家原型怎么才能做出炫酷效果。
底下回复更有意思,有人说干脆另开一个 Claude 账号专门做原型,有人说 Codex 落后主流审美至少两年,还有人甩了句"你需要某个 style 来拯救 AI 的审美"。
我盯着这条看了半天。说实话,第一反应是"换个模型"这个思路,可能从一开始就走偏了。
为什么我说界面土比功能缺失更要命
换个角度想。如果你做的是自用脚本,界面土不土根本无所谓,能跑就行。
但只要你的东西是要交付出去的、要别人掏钱或者留下来用的,情况就完全反过来了。
一个真实用户打开你的页面,前三秒决定走不走。这三秒里他根本看不到你的功能有多强,他看到的是字体挤在一起、按钮歪着、配色像十年前的后台管理系统。
然后他就关掉了。
也就是说,界面土是漏在转化漏斗最顶端的事。功能缺一块,用户可能还会反馈"要是有 XX 就好了";但界面土,用户连反馈都懒得给,直接用脚投票。
你辛辛苦苦调的逻辑、接的模型,一个都没机会展示。
从生意角度看,这是最亏的一种亏法:成本都花了,门口就把人劝退了。
土的真正根因:你让它一次性全做完了
那帖子里大家都在找"哪个模型审美好",但我觉得这问题的根子不在模型。
你回想一下自己是怎么用 AI 做界面的。大概率是:描述需求、让它一口气把 HTML/样式/交互全生成出来,然后看一眼截图或者本地跑一下,觉得丑,再回去让它"改好看点"。
改两轮,烦了,就凑合用了。
问题就在"一口气全做完"。设计这东西,本质是在真实渲染结果上反复微调出来的——字号大两号还是小两号、间距要不要再松一点、这个蓝色在真机上会不会刺眼。
这些判断,人盯着静态截图都未必看得准,更别说让模型凭空想象。
有个做 AI 知识视频工作台的分享就点破了这层。那位把流程拆成一块块"画布",每个阶段 agent 直接改工作区文件,人在旁边看着结果继续提要求,改满意了再定稿进下一步。
他原来的痛点就是"AI 一口气生成,前面的毛病要到下一步才暴露,返工成本很高"。界面也是一样的道理。
还有个人更直接,他给 NanaAI 改版时的说法是:和工具"不断交流,打磨细节",自己看着舒服才有维护动力。注意,是"不断",不是"一次"。
把『改到不土』变成一个能复现的循环
所以我的判断是:别再纠结换哪个模型了,先把工作流改成"改一版、看一版、再改一版"的循环。模型审美差两年,靠多调几轮是能补回来一大半的。
这个循环要跑起来,核心就一件事——每改一版,你得立刻在真实渲染环境里看到效果,而不是看代码脑补。这里可以用HTML在线运行把每一版视觉即时跑出来,改一句样式刷新一下就见真章,不用来回切编辑器、起本地服务、等编译。
这个即时反馈的间隔越短,你一个下午能过的版本就越多,调出来的东西自然就越不土。
我自己的习惯是,别一上来就追求"炫酷"。先用这种即时预览的方式,把字体、间距、层级这些基础的东西调顺——很多时候界面显土,不是因为不够花哨,恰恰是基础没做干净。
基础对了,再谈风格。
光自己看不够,得让别人在真机上看
这里有个我踩过的坑,拿出来说一下。
你在自己电脑的大屏上调得挺满意,结果发给朋友,他手机一打开,字大得离谱、按钮点不准、整个布局错位。真实设备和你的调试环境,差着十万八千里。
所以循环还得加一环:调到一个阶段,就用Web应用托管把这一版发成一个链接,直接甩给几个人,让他们用自己的真机打开看。手机、平板、不同浏览器,一圈下来你会发现一堆自己永远看不到的问题。
这一步特别关键,因为"土不土"从来不是你一个人说了算,是你的目标用户在他的设备上说了算。把链接发出去收反馈,成本极低,但省下的是你闭门造车好几天的功夫。
整个循环连起来其实很简单:改一版、即时预览看效果、觉得差不多了就发链接让真人在真机上看、收集问题、再改下一版。土,就是在这个循环里一点点被磨掉的。
把话说清楚:平台能帮你的和帮不了的
得诚实讲边界,免得你有不切实际的期待。
能帮你的是把这个"改一版看一版"的循环跑顺:HTML 页面即时跑起来看渲染、发成链接让别人在真机上验证、页面要调模型能力就接模型中心 API,这些是实打实能落地的。如果你的工具还需要存点数据、做个后端逻辑,Python 在线运行和 SQLite 这类也能接上。
帮不了的也说明白:模型本身的审美水平,不会因为换了个运行环境就突然开窍。它该落后两年还是落后两年。
平台给你的是"快速试错、快速看真实结果"的能力,让你用迭代次数去补模型审美的短板,而不是替你把审美直接拉满。这两件事别混为一谈。
另外,"炫酷"这个词我建议你先放一放。那位抱怨的朋友想要炫酷,但对交付型工具来说,"不土、清爽、用户看得懂"远比炫酷重要。
炫酷是加分项,不土是及格线,先过及格线。
今天就能做的一件小事
不用大动干戈。挑一个你手上觉得"做出来有点丑"的页面,就改一处——比如把正文字号和行距调一下,或者把那个最刺眼的配色换掉。
然后用VicroCode跑了一下看看真实渲染效果,再发个链接给一个朋友,问他一句"第一眼觉得土吗"。
就这一轮,你大概就能体会到,差距真的不在模型,在你愿不愿意多走这几步。