如何真正運用 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 真正的品味,但你可以繞過這個限制。

方法一:使用設計技能

這是最快的方法。如果你時間不多,或者只是在處理一些小項目,你可以依賴預先建構好的設計技能。

一些例子:

TasteSkill 第二版也即將推出,並會首先搭配專用的 GPT 5.6。:)

過程很簡單:

  1. 加入一個設計技能。
  2. 提供 AI 上下文。
  3. 提示它幾次,來創建你的網站 / App / 海報。
  4. 修正明顯的問題。
  5. 發布。

結果通常還算可以。它可能仍然感覺與其他 AI 生成的設計相似,但好的技能有助於避免最糟糕的錯誤 / 劣質輸出。這是大多數人使用的方法。

方法二:用 AI 自己設計

如果你想要一些真正脫穎而出的東西,你需要更深入。你希望人們來到你的產品前,能感受到其中投入了真正的思考。這需要一個更具意圖的過程。

你可能正在建構:

  • 一個手機 App
  • 一個桌面 App
  • 一個網站
  • 一個登陸頁面
  • 一個儀表板
  • 一張海報

無論是什麼,你首先需要一個清晰的方向。如果你不知道自己在建構什麼,AI 也不會幫你想出來。

從意義開始

在做任何事之前,先定義好基礎。

問問自己:

  • 這是為誰而做?
  • 它解決了什麼問題?
  • 它應該給人什麼感覺?
  • 它應該代表什麼?

UI 應該反映出產品的意義。把這些寫下來。你也可以在這裡使用 AI,但不要用於設計。讓它反過來問你問題。

例如:

  • 這個產品是關於什麼的?
  • 目標受眾是誰?
  • 它應該傳達什麼感覺?
  • 品牌形象應該是什麼感覺?
  • 適合什麼顏色和字體?
  • 它應該感覺極簡、有趣、高級、技術感強,還是實驗性?

收集靈感

一旦你有了方向,就開始收集參考資料。一個強大的來源是 Mobbin

它包含許多類別的實際產品截圖。不要只是看著設計心想「這個看起來不錯」。

問問自己為什麼。

  • 是佈局嗎?
  • 是間距嗎?
  • 是字體排印嗎?
  • 是結構嗎?
  • 是互動方式嗎?

保存任何有用的東西。

將它們整理到像這樣的資料夾中:

  • 導航
  • 主視覺區域
  • 定價
  • 卡片
  • 手機螢幕
  • 儀表板
  • 動畫
  • 字體排印

隨著時間推移,建立你自己的參考資料庫。這也是培養「品味」的方式。

(Mobbin 連結是聯盟行銷連結。你可以獲得前三個月 10% 的折扣,而我可能會獲得佣金,但不會增加你的額外費用。)

其他有用的來源:

還有:

不要完全複製設計。將不同的想法結合起來,創造出適合你產品的東西。

規劃結構

現在定義你實際需要建構的內容。

對於網站:

  • 導航
  • 主視覺區域
  • 功能特色
  • 定價方案
  • 客戶評價
  • 行動呼籲
  • 頁尾

對於 App:

  • 新手上路引導
  • 首頁
  • 搜尋
  • 個人檔案
  • 設定
  • 核心流程
  • 空白狀態

每個部分都需要清晰的內容。

例如,一個主視覺區域需要:

  • 標題
  • 描述
  • 行動呼籲按鈕
  • 視覺元素

AI 可以幫助文案撰寫,但清晰度仍然來自於你。

逐個元件建構

現在你開始建構。從你的參考資料中提取個別的想法並進行調整。

不要說:「幫我建構一個完整的網站」

而是說:「基於這種風格創建一個主視覺區域,並根據我的品牌形象進行調整。」

一步一步來:

  • 導航
  • 主視覺區域
  • 卡片
  • 按鈕
  • 字體排印
  • 細節

AI 在處理較小的任務時表現得更好。你也更能保持掌控。

生成自訂素材

在需要時使用圖片生成。像 GPT Images 2.0 或 Seedream 5.0 這樣的工具現在已經足夠強大。

提供清晰的上下文:

  • 顏色
  • 風格
  • 構圖
  • 使用場景

避免使用通用的圖庫圖片。自訂的視覺素材能讓一切感覺更協調一致。

工作流程

完整的流程:

  1. 定義想法
  2. 釐清目的和受眾
  3. 設定品牌方向
  4. 收集參考資料
  5. 整理歸納
  6. 規劃結構
  7. 建構元件
  8. 生成素材
  9. 加入互動
  10. 潤飾完善

這樣產生的結果遠比只靠一次提示詞要好得多。

方法三:使用靈感專案

還有一個更快的折衷方案。與其逐個建構所有東西,你可以給 AI 一組精心挑選的參考資料。

從以下網站收集截圖:

然後告訴 AI:

「結合這些參考資料的風格和方向,為我的產品設計。不要直接複製。」

仍然要先提供完整的上下文。讓 AI 提問。然後生成。

這比手動建構所有東西要快,但結果仍然比使用通用提示詞好得多。

三種方法

  1. 設計技能 快速,結果尚可。
  1. 逐個元件 緩慢,品質最高。
  1. 靈感專案 平衡的方法。

其他工具

SVG 生成

使用 Quiver 來建立 SVG。

SVG 允許更好的動畫效果,因為元素是分開的。

影片

使用像 Google Flow 這樣的工具。

影片可以增強:

  • 主視覺區域
  • 背景
  • 產品展示

圖片庫

在需要時使用像 Lummi 這樣的平台。

只要確保圖片符合你的品牌即可。

圖層運用

使用去背和圖層來增加:

  • 深度感
  • 動態感
  • 互動性

微小的細節確實能帶來很大的不同。

最終想法

AI 不應該取代你的思考。

你仍然需要決定:

  • 建構什麼
  • 為什麼它重要
  • 它是為誰而做
  • 它應該給人什麼感覺

AI 只是幫你執行得更快。最好的結果不會來自更好的提示詞。它們來自更好的品味。

我很快就會分享更多關於設計、開發、建構的內容,以及如何用 AI 在網路上賺取第一桶金的教學。:)

如果你有任何問題,歡迎留言回覆!希望這篇文章對你有幫助。:)

二次創作

使用 YouMind 創作爆款文章

收集素材、拆解爆點、生成視覺資產、撰寫內容,並在一個 AI 工作空間裡完成分發。

了解 YouMind
寫給創作者

把你的 Markdown 變成乾淨的 𝕏 文章

圖片上傳、表格、程式碼區塊,往 𝕏 上手動重排太痛苦。YouMind 把整篇 Markdown 一鍵轉成乾淨、可直接發佈的 𝕏 文章草稿。

試試 Markdown 轉 𝕏

更多可拆解樣本

近期爆款文章

探索更多爆款文章