如何让我的网站告别那股AI 味？

紫色渐变、蓝紫混搭、大圆角、玻璃态……

你肯定也见过这种“一眼 AI”的网站。

不瞒你说，我最近也搭了好几个网站。刚开始的时候，哪怕我用了 AI 辅助，做出来的东西还是一股浓浓的模板感。

后来我复盘了一下：不是 AI 不能用，而是我让它替我做了太多审美上的决定。

为什么 AI 那么喜欢紫色和蓝色渐变？

说白了，AI 没有审美，它只有“概率”。

在过去几年里，网上流传的 UI 示例、代码片段、设计稿里，Tailwind + 紫色/蓝色渐变这套组合拳出现得太频繁了。AI 训练时看得多了，自然就觉得：“哦，原来这是最稳妥、最好看的方案。” 于是你只要说“帮我做一个漂亮的落地页”，它大概率还你一个——你懂的，紫到发光的背景，加上几个大圆角卡片。

这不是 AI 的错，而是我们把风格的选择权拱手让给了它。

我的三件套：摆脱 AI 风，但不放弃效率

我现在的做法是：让 AI 干它擅长的（搭结构、写组件），我自己来干审美该干的事（定风格、调细节）。

这三样工具是我最近用得最顺手的：

1. Stitch（谷歌出品 + Gemini 3）

Stitch 是谷歌开发的 UI 生成器。你可以用它配合 Gemini 3 快速生成 Web 或移动端的界面代码。

亮点是它支持 MCP（Model Context Protocol），能让你更精细地控制输出，而不是被动接受一个“默认模板”。

我的小技巧：不要在提示词里只说“漂亮页面”，要给它具体的方向**——比如“参考 Linear 的暗色工业风，去除所有紫色渐变

2. Design.md —— 大厂风格灵感库

网址：https://getdesign.md/

这个网站我几乎是逢人必推。它整理了大量真实大厂（以及优秀独立产品）的 UI 风格，不是那种 Dribbble 花架子，而是真正可落地的颜色、字体、间距、交互细节。

我一般用它来做两件事：

• 找到适合我产品气质的方向（比如工具类、内容类、社区类）
• 直接复制或参考它的设计 token，而不是从零瞎猜

别自己苦想“什么颜色好看”，站在好作品的基础上做选择。

3. Astro —— 最后的组装轮子

结构有了，风格方向也定了，下一步就是落地。

我选择 Astro 来组装最终网站。理由很简单：

• 快：默认零 JS runtime，页面性能爆表
• 灵活：支持组件岛屿架构，不绑定任何框架
• 可控：你可以手写最终样式，彻底干掉 AI 那种“一键生成”的廉价感

用 Astro 的好处是：AI 帮你搭骨架，但每一个颜色、每一个圆角、每一处间距，都由你来拍板。

三步走，告别 AI 风

做什么	用什么	目的
生成页面结构	Stitch + Gemini 3	快速得到可用的骨架
确定设计方向	Design.md	参考真实的好设计
最终实现	Astro	高性能 + 完全可控

写在最后

AI 是一个很好的执行者，但不应该成为你的艺术总监。

如果你发现自己做出来的网站总是逃不开紫色渐变、大圆角、玻璃态那几样，不妨试试上面这套流程。把审美决策权拿回自己手里，

你会发现：原来网站是可以不像 AI 做的。