为设计注入灵魂：如何让你的 Vibe-coding 网站摆脱“AI 味”
我不是平面设计师，但和很多设计师合作过，也对设计有 15 年的浓厚兴趣。我曾在一家超过 5 万人的公司里带过 UX（用户体验）团队，自己也创过 6 次业，做过数不清的网站。
下面是我的做法——不是说“必须这样做”，只是分享“我是怎么做的”。
1）白板
老老实实坐下来，放点能激发灵感的音乐，然后想象你希望用户访问网站时有什么感受。这个网站应该营造哪种“氛围”？充满活力、宁静、有趣、还是严肃认真？选 1～2 个作为核心情感锚点。
2）原则
这些原则得刻进骨头里：少即是多。如果你什么都想做，最后什么都做不成。设计就是一场无情的取舍练习。平时多读设计相关的资料，慢慢积累属于自己的直觉判断库。
3）心里要有画面
一旦有感觉、定了方向（后面可以调整，但清晰很重要），就把它变成一幅具体的画面。比如我在做现在这个项目 AISA（AI Fluency，AI 素养）时，脑海里浮现的是一杯奶油甜青柠酒的样子、味道和香气。这个阶段只有你自己能懂也没关系，说不出来也不要紧，只要心里有那个画面就行。
4）颜色和色调
颜色是网站的灵魂。去搜一下“colour pickers”（取色器），这类工具很多，能给你一组搭配协调的颜色。慢慢翻，直到找到最符合第 3 步那个画面的配色。保存好，这就是你的品牌色。
5）主视觉
对 AISA 来说，主视觉就是一个色彩鲜艳的糖橙。它是 AI 生成加手工修出来的，不是像素级完美，但对我来说它抓住了想要的情绪基调。接下来要看它和选好的配色放在一起是否协调。
6）设计语言
是暗色玻璃拟态？扁平设计？还是复古风格？去了解各种设计语言和方法，比如便当盒布局（bento-box）等。多读多学，补上自己的盲区（顺便说一句，这是我最薄弱的地方，也很想继续提升）。
7）主设计简报（Master Design Brief）
这一步是把前面攒下的所有颜色、感觉、设计语言、字体、图片，统一汇总到一份演示文稿或 HTML 页面里。我也会在这里开始起草第一批文案（比如 H1 标题），先把有冲击力的文字元素定下来，好让所有东西放在一起看整体效果。你要不断摆弄这些要素，直到整体「感觉对了」。这一步很适合借助 AI，它能帮你快速尝试不同的组合方案。
8）AI 登场
把上面所有内容整理成一份 markdown 格式的设计文件。这份文件就是 AI 智能体的「圣经」——以后网站或应用里任何设计决策，都得先参考它、照它执行。可以把它设成 Claude 的规则（或类似的约束机制），要求 AI 永远优先查这份文件，复用相同组件，保持整体一致性。
9）写代码，持续迭代
到这一步，前七步已经给项目注入了灵魂，而且每一步你都越来越多地借助 AI。现在轮到和 AI 一起迭代的阶段：让它干重活，批量生成设计稿和不同版本。
10）让它活起来
你需要真实用户——真实的人来访问、使用，并给你反馈。你需要带着它过夜，醒来接着想它，和它共处一段时间，然后不断回来打磨。这个过程往往要几周甚至几个月，直到它真正「沉淀下来」。反复玩味，直到你自己满意为止。