如何真正利用 AI 进行设计

@LexnLin
英语1天前 · 2026年7月12日
354K
1.5K
107
35
4.3K

TL;DR

本指南概述了三种利用 AI 进行设计的有效方法,并强调人类的审美与指导对于创作高质量、原创作品至关重要。

设计一直是 AI 难以匹敌人类能力的领域之一。但大多数人仍然误解了用 AI 进行设计的真正含义。用 AI 设计,并不意味着让它为你包办一切。创意、方向、情感和创造力,仍然应该来自你。

AI 的存在是为了帮你执行。

以下是用简单语言描述的过程:

  1. 你产生想法。
  2. 你收集灵感。
  3. 你将你的思考转化为提示词,并使用 AI 来构建它。

你可以使用像 Cursor、Codex、Claude 或任何工具。本质上,你是在把你的想法转化为指令。AI 可以执行得非常好,但它仍然缺乏真正的创造力。它理解设计规则,比如间距、排版、色彩理论和层级结构。

但它不理解“品味”。它不知道什么是原创的、有意义的,或者真正好的东西。

这就是差距所在。

你目前还不能给 AI 真正的品味,但你可以绕开这个限制。

方法 1:使用一个设计技能

这是最快的方法。如果你时间紧迫或在做小项目,你可以依赖预先构建好的设计技能。

一些例子:

TasteSkill 第二版也即将推出,会先搭载一个专属的 GPT 5.6。:)

过程很简单:

  1. 添加一个设计技能。
  2. 给 AI 上下文背景。
  3. 多次提示它,来创建你的网站 / 应用 / 海报。
  4. 修复明显的问题。
  5. 发布上线。

结果通常还算过得去。它可能仍然感觉与其他 AI 生成的设计类似,但好的技能有助于避免最糟糕的错误 / 廉价感。这是大多数人使用的方法。

方法 2:用 AI 自己设计

如果你想要一些真正脱颖而出的东西,你需要更深耕细作。你希望人们登陆你的产品页时,能感受到其中倾注了真正的思考。这需要一个更有意图的过程。

你可能在构建:

  • 一个移动应用
  • 一个桌面应用
  • 一个网站
  • 一个落地页
  • 一个仪表盘
  • 一张海报

无论是什么,你首先需要一个清晰的方向。如果你自己都不知道要构建什么,AI 是不会替你想出来的。

从意义开始

在做任何事情之前,先定义好基础。

问自己:

  • 这是为谁设计的?
  • 它解决了什么问题?
  • 它应该给人什么感觉?
  • 它应该代表什么?

UI 应该反映产品的意义。把这些写下来。你在这里也可以使用 AI,但不是用来做设计。让它向你提问。

例如:

  • 这个产品是关于什么的?
  • 目标受众是谁?
  • 它应该传达什么感觉?
  • 品牌调性应该是什么样?
  • 什么颜色和字体合适?
  • 它应该感觉是极简的、有趣的、高端的、技术感的,还是实验性的?

收集灵感

一旦有了方向,就开始收集参考素材。一个强大的来源是 Mobbin

它上面有涵盖很多类别的真实产品截图。不要只是看着设计觉得“这个看起来不错”。

问自己为什么。

  • 是因为布局吗?
  • 还是间距?
  • 排版?
  • 结构?
  • 交互?

保存任何有用的东西。

将它们整理到类似这样的文件夹里:

  • 导航
  • 首屏
  • 定价
  • 卡片
  • 移动端屏幕
  • 仪表盘
  • 动效
  • 排版

随着时间的推移,建立你自己的参考库。这也是你培养“品味”的方式。

(Mobbin 链接是联盟链接。你可以获得首三个月九折优惠,而我也可能在不增加你成本的情况下获得佣金。)

其他有用的来源:

另外:

不要完全复制整个设计。将不同的想法整合到适合你产品的方案中。

规划结构

现在定义你实际需要构建什么。

对于网站:

  • 导航
  • 首屏
  • 功能特色
  • 定价
  • 客户评价
  • 行动号召
  • 页脚

对于应用:

  • 引导流程
  • 首页
  • 搜索
  • 个人资料
  • 设置
  • 核心流程
  • 空状态

每个部分都需要清晰的内容。

例如,一个首屏需要:

  • 标题
  • 描述
  • 行动号召按钮
  • 视觉元素

AI 可以帮助写文案,但清晰度仍然来自于你。

逐个组件构建

现在你开始构建了。从你的参考素材中提取单个想法并进行改编。

不要这样说:“帮我建一个完整的网站”

而是说:“创建一个首屏部分,基于这种风格,改编成符合我的品牌。”

一步步来:

  • 导航
  • 首屏
  • 卡片
  • 按钮
  • 排版
  • 细节

AI 在处理小任务时表现要好得多。你也能更好地保持控制。

生成自定义素材

在需要时使用图像生成。像 GPT Images 2.0 或 Seedream 5.0 这样的工具现在已经足够强大了。

给出清晰的上下文:

  • 颜色
  • 风格
  • 构图
  • 用途

避免使用通用的库存图。自定义的视觉元素会让整体感觉更协调一致。

工作流程

完整过程:

  1. 定义想法
  2. 明确目的和受众
  3. 设定品牌方向
  4. 收集参考素材
  5. 整理它们
  6. 规划结构
  7. 构建组件
  8. 生成素材
  9. 添加交互
  10. 完善所有细节

这比用一个提示词产生的结果好得多。

方法 3:使用一个灵感面板

有一个更快的折衷方案。与其逐一构建所有东西,不如给 AI 一套精心挑选的参考素材。

从以下来源收集截图:

然后告诉 AI:

“将这些参考素材的风格和方向结合起来,为我的产品做一个设计。不要直接复制。”

仍然要先给出完整的上下文背景。让 AI 提问。然后再开始生成。

这比手动构建所有东西要快,但仍然比一个通用的提示词好得多。

三种方法总结

  1. 设计技能

快速,结果尚可。

  1. 逐个组件构建

慢,最高质量。

  1. 灵感面板

平衡的方法。

额外工具

SVG 生成

使用 Quiver 来创建 SVG。

SVG 可以实现更好的动画,因为元素是独立的。

视频

使用像 Google Flow 这样的工具。

视频可以增强:

  • 首屏部分
  • 背景
  • 产品演示

图片库

在需要时使用像 Lummi 这样的平台。

只需确保图片与你的品牌风格匹配。

图层叠加

使用背景移除和图层叠加来增加:

  • 深度感
  • 动感
  • 交互感

小细节确实能带来大不同。

最后的话

AI 不应该取代你的思考。

你仍然需要决定:

  • 构建什么
  • 为什么它重要
  • 它是为谁做的
  • 它应该给人什么感觉

AI 只是帮你更快地执行。最好的结果不会来自更好的提示词。它们来自于更好的品味。

我很快会分享更多关于设计、开发、构建,以及如何用 AI 赚取第一桶金的教程。:)

如果你有问题,请留言回复!希望这对你有帮助。:)

二次创作

使用 YouMind 创作爆款文章

收集素材、拆解爆点、生成视觉资产、撰写内容,并在一个 AI 工作空间里完成分发。

了解 YouMind
写给创作者

把你的 Markdown 变成干净的 𝕏 文章

图片上传、表格、代码块,往 𝕏 上手动重排太痛苦。YouMind 把整篇 Markdown 一键转成干净、可直接发布的 𝕏 文章草稿。

试试 Markdown 转 𝕏

更多可拆解样本

近期爆款文章

探索更多爆款文章