设计一直是 AI 难以匹敌人类能力的领域之一。但大多数人仍然误解了用 AI 进行设计的真正含义。用 AI 设计,并不意味着让它为你包办一切。创意、方向、情感和创造力,仍然应该来自你。
AI 的存在是为了帮你执行。
以下是用简单语言描述的过程:
- 你产生想法。
- 你收集灵感。
- 你将你的思考转化为提示词,并使用 AI 来构建它。
你可以使用像 Cursor、Codex、Claude 或任何工具。本质上,你是在把你的想法转化为指令。AI 可以执行得非常好,但它仍然缺乏真正的创造力。它理解设计规则,比如间距、排版、色彩理论和层级结构。
但它不理解“品味”。它不知道什么是原创的、有意义的,或者真正好的东西。
这就是差距所在。
你目前还不能给 AI 真正的品味,但你可以绕开这个限制。
方法 1:使用一个设计技能
这是最快的方法。如果你时间紧迫或在做小项目,你可以依赖预先构建好的设计技能。
一些例子:
TasteSkill 第二版也即将推出,会先搭载一个专属的 GPT 5.6。:)
过程很简单:
- 添加一个设计技能。
- 给 AI 上下文背景。
- 多次提示它,来创建你的网站 / 应用 / 海报。
- 修复明显的问题。
- 发布上线。
结果通常还算过得去。它可能仍然感觉与其他 AI 生成的设计类似,但好的技能有助于避免最糟糕的错误 / 廉价感。这是大多数人使用的方法。
方法 2:用 AI 自己设计
如果你想要一些真正脱颖而出的东西,你需要更深耕细作。你希望人们登陆你的产品页时,能感受到其中倾注了真正的思考。这需要一个更有意图的过程。
你可能在构建:
- 一个移动应用
- 一个桌面应用
- 一个网站
- 一个落地页
- 一个仪表盘
- 一张海报
无论是什么,你首先需要一个清晰的方向。如果你自己都不知道要构建什么,AI 是不会替你想出来的。
从意义开始
在做任何事情之前,先定义好基础。
问自己:
- 这是为谁设计的?
- 它解决了什么问题?
- 它应该给人什么感觉?
- 它应该代表什么?
UI 应该反映产品的意义。把这些写下来。你在这里也可以使用 AI,但不是用来做设计。让它向你提问。
例如:
- 这个产品是关于什么的?
- 目标受众是谁?
- 它应该传达什么感觉?
- 品牌调性应该是什么样?
- 什么颜色和字体合适?
- 它应该感觉是极简的、有趣的、高端的、技术感的,还是实验性的?
收集灵感
一旦有了方向,就开始收集参考素材。一个强大的来源是 Mobbin。
它上面有涵盖很多类别的真实产品截图。不要只是看着设计觉得“这个看起来不错”。
问自己为什么。
- 是因为布局吗?
- 还是间距?
- 排版?
- 结构?
- 交互?
保存任何有用的东西。
将它们整理到类似这样的文件夹里:
- 导航
- 首屏
- 定价
- 卡片
- 移动端屏幕
- 仪表盘
- 动效
- 排版
随着时间的推移,建立你自己的参考库。这也是你培养“品味”的方式。
(Mobbin 链接是联盟链接。你可以获得首三个月九折优惠,而我也可能在不增加你成本的情况下获得佣金。)
其他有用的来源:
另外:
不要完全复制整个设计。将不同的想法整合到适合你产品的方案中。
规划结构
现在定义你实际需要构建什么。
对于网站:
- 导航
- 首屏
- 功能特色
- 定价
- 客户评价
- 行动号召
- 页脚
对于应用:
- 引导流程
- 首页
- 搜索
- 个人资料
- 设置
- 核心流程
- 空状态
每个部分都需要清晰的内容。
例如,一个首屏需要:
- 标题
- 描述
- 行动号召按钮
- 视觉元素
AI 可以帮助写文案,但清晰度仍然来自于你。
逐个组件构建
现在你开始构建了。从你的参考素材中提取单个想法并进行改编。
不要这样说:“帮我建一个完整的网站”
而是说:“创建一个首屏部分,基于这种风格,改编成符合我的品牌。”
一步步来:
- 导航
- 首屏
- 卡片
- 按钮
- 排版
- 细节
AI 在处理小任务时表现要好得多。你也能更好地保持控制。
生成自定义素材
在需要时使用图像生成。像 GPT Images 2.0 或 Seedream 5.0 这样的工具现在已经足够强大了。
给出清晰的上下文:
- 颜色
- 风格
- 构图
- 用途
避免使用通用的库存图。自定义的视觉元素会让整体感觉更协调一致。
工作流程
完整过程:
- 定义想法
- 明确目的和受众
- 设定品牌方向
- 收集参考素材
- 整理它们
- 规划结构
- 构建组件
- 生成素材
- 添加交互
- 完善所有细节
这比用一个提示词产生的结果好得多。
方法 3:使用一个灵感面板
有一个更快的折衷方案。与其逐一构建所有东西,不如给 AI 一套精心挑选的参考素材。
从以下来源收集截图:
然后告诉 AI:
“将这些参考素材的风格和方向结合起来,为我的产品做一个设计。不要直接复制。”
仍然要先给出完整的上下文背景。让 AI 提问。然后再开始生成。
这比手动构建所有东西要快,但仍然比一个通用的提示词好得多。
三种方法总结
- 设计技能
快速,结果尚可。
- 逐个组件构建
慢,最高质量。
- 灵感面板
平衡的方法。
额外工具
SVG 生成
使用 Quiver 来创建 SVG。
SVG 可以实现更好的动画,因为元素是独立的。
视频
使用像 Google Flow 这样的工具。
视频可以增强:
- 首屏部分
- 背景
- 产品演示
图片库
在需要时使用像 Lummi 这样的平台。
只需确保图片与你的品牌风格匹配。
图层叠加
使用背景移除和图层叠加来增加:
- 深度感
- 动感
- 交互感
小细节确实能带来大不同。
最后的话
AI 不应该取代你的思考。
你仍然需要决定:
- 构建什么
- 为什么它重要
- 它是为谁做的
- 它应该给人什么感觉
AI 只是帮你更快地执行。最好的结果不会来自更好的提示词。它们来自于更好的品味。
我很快会分享更多关于设计、开发、构建,以及如何用 AI 赚取第一桶金的教程。:)
如果你有问题,请留言回复!希望这对你有帮助。:)





