别让 AI 把你的产品设计成流水线货色

Mon, 16 Mar 2026 19:46:00 +0800

最近用 AI 辅助写了几个前端项目，效果嘛…能用，但总觉得哪里不对。

后来发现一个问题：它们长得太像了。

一样的卡片式布局，一样的圆角按钮，一样的渐变色，一样的"现代感"。把几个 AI 生成的页面放在一起，你会以为它们来自同一个模板网站。

这不是 AI 的错，AI 只是在执行指令。问题在于——不知道怎么描述想要的效果。

只会说"做一个登录页面"、“做一个仪表盘”、“做一个商品列表”。然后 AI 就给了一个最"标准"的版本。标准到毫无个性。

真相时刻

此时突然意识到一个残酷的事实：不会设计。

会写代码，知道组件怎么封装，API 怎么对接。但让我决定一个按钮应该多大、间距多少、用什么配色——就抓瞎了。

以前这不是问题，产品经理给设计稿，照着写就行。但现在 AI 时代，能直接让 AI 生成代码了，却发现自己缺少"设计语言"——不知道怎么用 AI 听得懂的话，告诉它想要什么样的设计。

所以决定学 UI/UX 设计。但不是要成为专业设计师，目标很明确：

面向 AI 学设计。

什么意思？不需要达到能独立做整套设计稿的水平，需要的是:

够用就行。目标不是取代设计师，而是 让 AI 协作更高效。

这就像以前学 Git。不需要成为 Git 专家，但知道 commit、branch、merge、rebase 这些核心概念，就能高效地管理代码。

设计也一样。不需要掌握 Figma 的所有功能，但知道设计的基本原理后，就能:

设计知识让自己从"被动接受 AI 的标准答案"变成"主动指导 AI 做出想要的方案"。

接下来一段时间系统地学 UI/UX 设计基础，不是为了转行当设计师，而是为了在 AI 时代做一个更合格的产品创造者。

学习笔记和心得会记录在这里。如果你也面临类似的困境——会写代码但不会设计，想用 AI 但不知道怎么描述需求——欢迎一起学习。

设计不是设计师的专属技能。在 AI 时代，它是每个创造者都应该掌握的"第二语言"。

除了设计原理，还在积累一个"设计风格词典"。这些都是 UI 设计中常见的设计语言，最大的价值在于：可以用这些词做 AI 提示词，而且很多风格可以排列组合。

知道这些名字后，就能对 AI 说"用 Brutalism 风格做个登录页"或者"用 Terminal-Editor 风格做个仪表盘"，而不是笼统的"做个高端大气的页面"。

源自建筑设计的 Brutalism，在 UI 领域自成一派。核心特征：

适用场景：追求"极致的简洁和力量感"的场合——潇洒个性的自我介绍/作品集页面、先锋创意品牌的主视觉、需要一击必中的落地页或活动专题。适合那种"要么记住我，要么滚"的态度。

受代码编辑器和终端模拟器启发的设计风格，开发者看了会"很亲切"：

适用场景：面向开发者的实操型页面——开源项目文档站、API 调试沙盒、实时监控/日志面板、Live Demo 交互演示、技术教程嵌入式代码环境。这种风格天然传递"这就是个正经工具"的信号。

这两者还可以组合：Brutalism + Terminal-Editor 就能得到一个"粗犷的开发者工具界面"，既有力量感又有极客范儿。

设计语言列表持续更新中。

P.S. 这篇文章是用 AI 辅助写的。但标题、观点、结构都是自己定的。AI 只是帮忙更快地把想法变成文字。这就是想要的协作模式——知道自己要什么，AI 帮忙高效实现。