Skip to content

你离高级感设计,只差一次正确的 AI 对话

先别怪 AI 不懂设计,可能是你没学会怎么跟它说话。

你是不是遇到过这种情况:让 AI 做个网页设计,结果出来的东西——布局老气、配色辣眼、整体风格像是 10 年前的**“乡镇部门官网”**。

上周我用 AI 搞定了一篇 45 页的学术综述,朋友看到后问我:“老马,你这 AI 能不能也帮我做个好看点的前端设计?”

我让他把和 AI 的对话记录发给我。看了一眼,我懂了问题在哪——他给 AI 的指令只有五个字:“设计登录页”。

今天,我教你三招和 AI 沟通的“魔法”,让普通人也能用 AI coding 工具做出专业感十足的前端设计。这不是什么高深技术,只是换种说话方式

第一招:别急着要设计,先让 AI 给你建个“游乐场”

很多人的误区是一上来就要最终成品。这就好比你要盖房子,却不让建筑师先打草稿、做模型。

正确做法是:让 AI 先给你建个设计“游乐场”。

这个游乐场是什么?就是一个能实时看到设计效果的代码环境。在这里,你可以随意调整颜色、字体、布局,每次改动都能立即看到效果

具体怎么跟 AI 说?试试这个话术:

“我现在要设计一个[你的项目类型,比如电商网站]的界面。请先为我创建一个简单的 HTML/CSS/JS 环境,包含一个基础的布局框架。然后,我会逐步告诉你我的具体需求,请你帮我调整和优化。”

AI 听到这个指令,一般会先给你搭个干净的基础框架。这时候,你再提具体要求,它就能在这个基础上修改,而不是从零开始瞎猜。

进阶玩法:你甚至可以让 AI 在这个游乐场里加入一些设计约束,比如:“请使用 Flexbox 布局,并确保所有间距遵循 8px 的倍数原则。”

别小看这个“游乐场”,它能让你从“看 AI 瞎猜结果”变成“引导 AI 创造作品”。

第二招:别单方面下指令,让 AI“采访”你

多数人把 AI 当工具,只会命令它。但高级设计师都知道:好设计始于好问题。

AI 其实可以成为你的“设计顾问”——前提是你允许它提问。

试试这个魔法指令:

“现在请你扮演一位资深 UI/UX 设计师。请采访我关于这个项目的需求,问一些关键问题来了解我的品牌调性、目标用户和功能需求。等你问完后,再基于我的回答提供设计方案。”

接下来,神奇的事情发生了。AI 可能会问你这些问题:

“您的品牌主色调是什么?或者您希望传达怎样的品牌情绪?” “您的目标用户主要是哪个年龄段?他们有什么使用习惯?” “这个页面最重要的功能是什么?用户最需要看到什么信息?”

这些问题本身就在帮你理清思路。当你认真回答后,AI 得到的信息质量完全不同了。它不再瞎猜,而是基于你的真实需求做设计。

我自己测试过,同样是设计一个健身应用的界面,直接要结果和通过“采访”后再设计,成品质量天差地别。

第三招:别让 AI 乱猜颜色,带它去“色彩博物馆”

AI 最不靠谱的就是配色。你让它“用蓝色”,它能给你整出从荧光蓝到深海军蓝的 20 种蓝,而且很可能组合得一言难尽。

解决方案是:别让 AI 发明颜色,让它去“色彩博物馆”学习。

这里推荐一个我常用的神器:Huemint.com。这不是普通的配色网站,而是基于机器学习的智能配色工具

关键在于,你不能直接把网站丢给 AI,而要学会“带它逛博物馆”的话术:

“现在我们将使用 Huemint 的配色方案。请先访问 Huemint.com,选择‘网站’模板,然后点击‘生成’按钮。你会看到多种配色方案。选择第三套方案(浅色背景搭配深蓝和橙色的那套),提取其中的颜色代码。然后,将这些颜色应用到我之前的设计中。”

看到区别了吗?你不仅告诉了 AI 用什么工具,还明确指定了具体选择。AI 不再需要猜测你的审美偏好,只需执行明确指令。

Huemint 的妙处在于它能生成基于上下文的配色,而不是孤立的色块。这意味着 AI 能得到更系统、更协调的颜色方案。

如果你想让设计更有创意,可以加上:“请将 Huemint 设置中的‘创意’滑块调整到 70%,然后重新生成配色方案。”

三招合一:从“辣眼睛”到“高级感”的真实案例

朋友按照这三招重新尝试了一次。他的项目是一个在线茶室的主页。

第一天,他只说“设计一个茶文化网站首页”,结果惨不忍睹。

第二天,他用了这三招:

  1. 先让 AI 搭建了“游乐场”——一个基础的茶文化网站 HTML/CSS 结构
  2. 接受 AI“采访”——回答了关于目标用户(25-40 岁城市白领)、品牌调性(自然、宁静、有质感)等 7 个问题
  3. 带 AI 去 Huemint 选配色——选择了一套以浅米色为基底,墨绿和暗金色为点缀的配色方案

24 小时后,他给我发来了新设计的截图——简洁的布局、舒适的配色、恰当的留白,完全看不出是 AI 的“初稿”

写在最后:AI 是你的实习生,不是魔术师

很多人期待 AI 能直接吐出完美设计,这是最大的误区。AI 更像是一个能力超强但缺乏经验的实习生——你需要清晰指引,它才能产出价值。

这三招的共同点是:降低 AI 的自由度,提高你的控制力。通过建立“游乐场”、进行“采访”、参观“色彩博物馆”,你把创造性的决策留给自己,把执行性的工作交给 AI。

说到底,高级感不是 AI 自动生成的,而是你通过正确引导“调教”出来的

试试今天这三招,你会发现:不是 AI 做不出好设计,而是你之前没给它正确的“导航”。

你有什么 AI 设计的有趣经历或困惑吗?欢迎在评论区分享,老马和你一起探索。

如有转载或 CV 的请标注本站原文地址