AI 时代的设计困局:为什么"系统化"比"好看"更重要

“你让 AI 写一段文案,它给你一个 60 分的初稿。你让它画一个界面,它给你一个 60 分的界面。但 60 分乘以 60 分——你的产品离’好看’越来越远,离’AI slop’越来越近。”

一、你可能没意识到的”AI slop”问题

你有没有这种体验——

让 Claude 帮你写一段前端代码。它三秒钟给你吐出来:Inter 字体,紫色渐变,卡片式布局,四个字总结——“敷衍好看”。

让 Cursor 帮你生成一个登录页。它交出的答卷,永远在意料之中:白色的底,蓝色的按钮,规规矩矩的表单,规规矩矩的 header。

你一看,说不上哪里不对,但就是觉得——没有灵魂。

这就是”AI slop”——AI 生成的那种大批量同质化、没有辨识度的设计。它不是错,它是”正确但无聊”。就像高考作文里的”万能素材”,背熟了能拿基础分,但永远拿不了高分。

为什么?

因为 AI 是统计模型。它学的是互联网上最多人用的设计模式。所以当它输出的时候,它天然倾向于最常见的选项——而最常见的选项,往往是最没有特色的选项。

这不是 AI 的缺陷。这是它的”均值回归”本能。


二、”好看”不是答案,”系统化”才是

问题来了:怎么破?

你可能会说——那我调一调提示词,给 AI 更清晰的指令,让它生成”更好看”的界面。

但这其实走错了方向。

因为你越追求”更好看”,AI 越会在”好看”这个维度上继续均值回归。它不知道你的品牌是什么,不知道你的用户是谁,不知道你想传递什么感觉——它只知道,什么样的设计在网上被最多人点赞。

真正有效的解法,不是”让 AI 生成更好看的东西”——而是”让 AI 在一个约束体系里生成东西”。

换句话说:你要的不是更好的 AI,是更清晰的系统。

当你给 AI 一套完整的设计系统——字体规范、色板、间距规则、动效模式、组件边界——AI 就不是在”凭空创作”了,它是在”在规则内填空”。

这个填空的过程,AI 的均值回归问题自然消解。因为约束本身,就是差异化的来源。

你建立的不是一套”好看的设计”,而是一套”只有你能用的系统”。AI 在系统内工作,输出自然带着你的品牌印记,而不是网上的公共财产。


三、Anthropic 官方 Skill 做了什么

Anthropic 的 Claude Code 里有一个官方 Skill,叫 frontend-design。

它的核心思路,不是教 AI “怎么配色更好看”,而是给 AI 建立一套设计思维框架:

  • Purpose:这个界面解决什么问题?谁用?

  • Tone:确定一个极端的美学方向——极简、复古、奢华、幼稚、杂志风……选一个,然后彻底执行。

  • Constraints:技术限制是什么?

  • Differentiation:这个东西最让人记住的一点是什么?

在这个框架下,AI 不再是”随机生成一个看起来还行的界面”,而是”在明确的意图下设计一个有记忆点的界面”。

它还特别强调了字体选择的重要性——不要用 Arial / Inter / Roboto,要用”有性格的字体”,而且要区分标题字体和正文字体。

这背后的逻辑是:字体是设计辨识度最核心的元素之一。你把字体换掉,整个界面的气质就变了。


四、Impeccable:把设计系统变成 AI 能理解的”词汇”

Paul Bakaus 做了一个更进一步的 Skill,叫 Impeccable,GitHub 上已经破万星。

它的核心思路是:设计系统不应该是一份”参考文档”,而应该是一套”AI 能执行的词汇”。

Impeccable 包含 7 个领域的设计参考文件:

  • Typography:字体配对、模块化比例

  • Color & Contrast:OKLCH 色彩空间、隐性色调、暗黑模式

  • Spatial Design:间距系统、网格、视觉层级

  • Motion Design:缓动曲线、交错动画、减少动效模式

  • Interaction Design:表单、焦点状态、加载模式

  • Responsive Design:移动优先、流式设计、容器查询

  • UX Writing:按钮标签、错误信息、空状态

每一个文件,都把设计决策转化成了 AI 能理解的精确指令。

比如颜色部分,它明确说:

  • 不要用灰色文字配彩色背景(看起来褪色),要用背景色的色调版本

  • 不要用纯黑(#000)和纯白(#fff)——大自然的颜色从不纯

  • 不要用”AI 色板”:青色配深色、紫蓝渐变、霓虹点缀

这些规则听起来像设计课的内容,但它的真实价值在于——**把”品味”翻译成”规则”**。

你不需要训练 AI 有审美。你只需要告诉它,什么是错的,什么不能做。当约束足够清晰,输出自然不会跑偏。


五、为什么这代表了一个更大的转变

AI 时代,设计工作的重心正在发生转移。

以前,一个设计师的核心竞争力是”审美”——你知道什么是好看的,什么是不好看的。你能判断,这个配色很优雅,这个排版很大气。

但当 AI 能替你生成界面的时候,”审美”本身的价值被重新定义了。

因为 AI 生成的东西,基础分不会太差。但它缺乏的是一致性——今天生成一个风格,明天生成另一个风格,三个月后你的产品看起来像几个不同的人设计的。

这时候,”系统化能力”就比”审美能力”更值钱了。

你能建立一套规范,让 AI 在这套规范内持续输出——这比你能做一张好看的图,重要得多。

反过来想:AI 帮你把”执行层”的事情做了。你的价值,从”做出来”变成了”设计规则”——你决定用什么字体、用什么色板、用什么间距、什么动效节奏。

这是设计师往”产品思维”的跃迁,也是 AI 时代最稀缺的一种能力。


六、结语:约束产生差异

回到开头的问题:怎么让 AI 的输出不再”AI slop”?

答案不是调提示词,不是换模型,不是花更多时间打磨输出。

答案是一个听起来有点反直觉的方法——

更少的自由,更多的约束。

当你建立了一套清晰的设计系统,你不是在限制 AI 的能力,你是在给它一个”只有你能用的模具”。

AI 在模具里工作,输出就带着你的品牌印记。

最终,不是 AI 替你做设计——是 AI 在你的系统里,做了大量的执行工作。

你真正投入时间的,是系统的搭建。而系统的价值,是可复用的——你的每一次产品迭代,都在用同一套规则说话。

这不是”让 AI 帮你做设计”。这是”用 AI 放大你的设计系统”。


附:Impeccable GitHub → https://github.com/pbakaus/impeccable[1] | Anthropic frontend-design Skill → https://github.com/anthropics/skills/tree/main/skills/frontend-design[2]

引用链接

[1]https://github.com/pbakaus/impeccable

[2]https://github.com/anthropics/skills/tree/main/skills/frontend-design


AI 时代的设计困局:为什么"系统化"比"好看"更重要
https://maoyu92.github.io/2026/05/28/07 AI笔记/AI写作与发布/a148_AI 时代的设计困局:为什么_系统化_比_好看_更重要/
作者
陈文茂
发布于
2026年5月28日
许可协议