我去,终于找到解决 AI 做网站一股“AI 味” 的办法了 😂
以前我让 AI 做网站:
“高级一点、科技一点、简洁一点。”
结果做出来永远是:
紫色渐变 + 玻璃拟态 + 巨大圆角……
看着没毛病,但就是一眼 AI。
后来发现,最简单的办法根本不是教 AI 审美。
而是先找到你喜欢的网站,再让 AI 学它。
最近挖到 3 个特别适合找 UI 灵感的网站👇
1️⃣ Awwwards网页链接
全球优秀网页设计案例库。
不知道自己网站该长什么样,就进去刷。
---
2️⃣ Web Aesthetics Field Guide网页链接
这个更爽,直接按照 UI 风格分类:
Minimalism、Brutalism、Bento、Y2K、Cyberpunk、Glassmorphism……
不知道自己喜欢什么风格,进去扫一遍基本就有答案。
---
3️⃣ Design Styles Showcase网页链接
几十种网页设计风格放在一起展示。
相当于一本 UI 风格字典。
---
找到喜欢的网站之后,也别直接跟 Codex 说:
❌“照这个网站给我做一个。”
更好的方法是:
① 把参考网站丢给 AI,先拆 UI
配色 / 字体 / 留白 / 卡片 / 按钮 / 边框 / 动效 / 响应式……
② 学设计语言,而不是硬抄
甚至可以:
A 网站拿布局B 网站拿配色C 网站拿动效PostHog 拿那股骚气 😂
③ 最后让 AI 整理成 "UI_SPEC.md"
再交给 Codex:
«严格按照 UI_SPEC.md 开发,不要自己发挥审美。»
这样做出来的网站,至少不会再是一眼 AI 模板味。
而且我越来越觉得:
AI 时代,代码越来越便宜,审美反而越来越值钱。
先把这 3 个网站收藏起来 ⭐
等你下次准备 Vibe Coding 做网站的时候,再回来翻,绝对比临时让 AI “自由发挥”靠谱得多。
建议直接收藏,不然等真要用的时候,大概率又找不到了 😂ChatGPT开源项目免费资源分享分享设计灵感
