首页

投稿

AI设计页面太丑了，我尝试了6种方法，终于让我找到了正解

Name: AI设计页面太丑了，我尝试了6种方法，终于让我找到了正解
Uploaded: 2026-08-03T11:53:10.000Z
Duration: 22 min 16 s
Channel: xhyovo

7607

2026-08-03 19:53:10

未经作者授权，禁止转载

vibe coding 写页面，功能都能跑，但你一打开，就是那股 AI 味。为了解决这件事我前后试了六条路：v0、stitch、gpt-image-2 出设计稿再转代码、Codex 官方的 Product Design 插件、直接 clone 一个产品、先调研一圈再让 AI 模仿。话先说前面，我不是设计也不是产品，我不会做好看的页面，这期没有教程。能给你的是每条路卡在哪，还有走完之后想明白的一件事——"好看"根本没有客观标准。同一个页面拿去问不同的模型，这个说好看那个说难看，人和人也对不齐，最要命的是我自己也说不出好看该长什么样，只能看到结果之后说一句"不对劲"。所以"给我做个好看的页面"这句话，它连个标准都没有，AI 拿什么给你做。几个能直接拿走的点：图转代码就一句话——「还原我的设计稿截图，使用 html5 + tailwind css（通过 cdn）和原生 js 来实现」。同一张 gpt-image-2 出的设计稿丢给三家：Gemini 把 YouTube、TikTok、抖音、B站这些平台原生 icon 都还原出来了，提示词里压根没提 icon，gpt5.6-sol 和 claude fable 5 都丢了。这条路能走通，但模型得选对。第六条路那段调研提示词放在置顶评论，直接抄，把品类换成你自己的就能用。审美是减法，不是加法。前五条路全在做加法，给一句描述让 AI 加东西出来，加得越多越乱，只有调研那条是减法，看三十几个站一个个否决，否决剩下的就是我的标准。但我们不是设计师、不是产品经理，只是个开发，所以更根上的事，平时得多看好看的产品，把它们记下来，脑袋里先得知道什么叫好看。设计师为什么能把要什么说清楚？因为他们心里有一套标准，我们没有。我到现在也不会设计，这期确实给不了你"一键好看"。你要是走通过更好的路子，评论区告诉我，我是真想知道。时间轴 00:00 先把预期打掉：这期没有教程 00:21 "好看"根本没有客观标准 02:34 但 AI 味不主观 03:50 v0：唯一挑不出毛病的，但它收费（现场看它接了哪些模型） 06:44 stitch：免费又快，但出品不能用 09:02 同一张设计稿，三家模型各还原一遍 11:39 我能挑了，可我挑的时候不也是在抽奖 12:24 clone 和调研：不抽奖了 16:29 差的不是模型，是那套 Prompt 19:36 审美是减法，不是加法相关视频 Codex Skills 工具箱（BV1XsNJ6xEjv）——六条路里有两条要用 skill，我每天在用的那 19 个都在这期，7 大场景直接抄 Claude Code 30 分钟（BV1fiubzXEji）——刚开始用 AI 写代码的，从这期入门敲鸭社区：code.xhyovo.cn GitHub：github.com/xhyqaq

自建gpt中转站：xhyapi.com，不降智，不掺水，不惨假，不投毒，不记录信息，pro号池，0.35倍率

AI 时代真别逮着技术死学了！大学生须知