最近用 AI 辅助写了几个前端项目，效果嘛…能用，但总觉得哪里不对。
后来发现一个问题：它们长得太像了。
一样的卡片式布局，一样的圆角按钮，一样的渐变色，一样的"现代感"。把几个 AI 生成的页面放在一起，你会以为它们来自同一个模板网站。
这不是 AI 的错，AI 只是在执行指令。问题在于——不知道怎么描述想要的效果。
只会说"做一个登录页面"、“做一个仪表盘”、“做一个商品列表”。然后 AI 就给了一个最"标准"的版本。标准到毫无个性。
真相时刻
此时突然意识到一个残酷的事实：不会设计。
会写代码，知道组件怎么封装，API 怎么对接。但让我决定一个按钮应该多大、间距多少、用什么配色——就抓瞎了。
以前这不是问题，产品经理给设计稿，照着写就行。但现在 AI 时代，能直接让 AI 生成代码了，却发现自己缺少"设计语言"——不知道怎么用 AI 听得懂的话，告诉它想要什么样的设计。
学习 UI/UX 设计
所以决定学 UI/UX 设计。但不是要成为专业设计师，目标很明确：
面向 AI 学设计。
什么意思？不需要达到能独立做整套设计稿的水平，需要的是:
- 足够的设计词汇——知道"视觉层级"、“负空间”、“对比度"这些概念，能准确描述想要的效果
- 基本的美学判断——能分辨什么是"还行"什么是"优秀”，知道一个设计哪里有问题
- 常见模式的理解——知道什么场景用什么布局，什么是过度设计，什么是设计不足
- 设计决策的依据——为什么这个间距是 16px 而不是 12px，为什么要用这个配色而不是那个
够用就行。目标不是取代设计师，而是 让 AI 协作更高效。
换个角度看
这就像以前学 Git。不需要成为 Git 专家，但知道 commit、branch、merge、rebase 这些核心概念，就能高效地管理代码。
设计也一样。不需要掌握 Figma 的所有功能，但知道设计的基本原理后，就能:
- 给 AI 更精准的指令:“我要一个强调视觉层级的仪表盘，主数据用大字号突出，次要信息用灰色小字”
- 评估 AI 的输出:“这个设计信息密度太高了，需要增加留白”
- 迭代优化:“导航栏的对比度不够，用户可能找不到当前位置”
设计知识让自己从"被动接受 AI 的标准答案"变成"主动指导 AI 做出想要的方案"。
开始行动
接下来一段时间系统地学 UI/UX 设计基础，不是为了转行当设计师，而是为了在 AI 时代做一个更合格的产品创造者。
学习笔记和心得会记录在这里。如果你也面临类似的困境——会写代码但不会设计，想用 AI 但不知道怎么描述需求——欢迎一起学习。
设计不是设计师的专属技能。在 AI 时代，它是每个创造者都应该掌握的"第二语言"。
设计语言/设计美学
除了设计原理，还在积累一个"设计风格词典"。这些都是 UI 设计中常见的设计语言，最大的价值在于：可以用这些词做 AI 提示词，而且很多风格可以排列组合。
知道这些名字后，就能对 AI 说"用 Brutalism 风格做个登录页"或者"用 Terminal-Editor 风格做个仪表盘"，而不是笼统的"做个高端大气的页面"。
Brutalism（粗野主义/粗犷主义）
源自建筑设计的 Brutalism，在 UI 领域自成一派。核心特征：
- 粗犷直接：大字号、粗边框、高对比度、不修边幅
- 拒绝精致：没有渐变、没有圆角、不追求"光滑"
- 功能优先：形式完全服从功能，装饰降到最低
- 醒目的排版：常用无衬线字体，标题巨大，对比强烈
适用场景：追求"极致的简洁和力量感"的场合——潇洒个性的自我介绍/作品集页面、先锋创意品牌的主视觉、需要一击必中的落地页或活动专题。适合那种"要么记住我，要么滚"的态度。
Terminal-Editor 风格
受代码编辑器和终端模拟器启发的设计风格，开发者看了会"很亲切"：
- 深色主题：经典的黑底/深灰底 + 绿色/琥珀色/蓝色等单色文字
- 等宽字体：全程或局部使用等宽字体（JetBrains Mono、Fira Code 等）
- 极简界面：最小化的 chrome（窗口装饰）、扁平的 UI 控件
- UI 即代码：界面元素像代码一样结构清晰，表格、列表直接对标数据格式
- 状态感：加载状态、进度条、日志输出等"运行中"的视觉反馈
适用场景：面向开发者的实操型页面——开源项目文档站、API 调试沙盒、实时监控/日志面板、Live Demo 交互演示、技术教程嵌入式代码环境。这种风格天然传递"这就是个正经工具"的信号。
这两者还可以组合：Brutalism + Terminal-Editor 就能得到一个"粗犷的开发者工具界面"，既有力量感又有极客范儿。
设计语言列表持续更新中。
P.S. 这篇文章是用 AI 辅助写的。但标题、观点、结构都是自己定的。AI 只是帮忙更快地把想法变成文字。这就是想要的协作模式——知道自己要什么，AI 帮忙高效实现。