🌭 教學分享

不會設計，
怎麼用 AI 做出有品牌感的視覺？

— 我把「品味外化」的整套方法拆給你看 —

我沒有設計背景。但我昨天一天做出了 3 份視覺產出：演講 HTML、晚安儀式對話圖、微信群自介圖。

秘密不是 AI 突然會設計了——而是我把「我覺得哪裡醜」講給 AI 聽，並讓它記住。這篇文章把整套流程拆給你。

THE PROCESS

5 步驟｜品味外化流程

這不是教你「怎麼設計」，是教你「怎麼把腦袋裡的審美變成 AI 能重複執行的規則」。

講出目的 + 場景，不要描述畫面

大多數人卡在「我想要什麼風格」——這個問題太抽象 AI 答不出來。
正確問法是：這張要給誰看？什麼情境？要他們做什麼？

❌「幫我做一張漂亮的自介圖」
✅「我要進微信群自介，群規長這樣，要展示我是台灣知識博主，結尾要有電子報 CTA」

↓

讓 AI 出第一版（醜也沒關係）

不要等到「想清楚」才開始。第一版就是用來罵的。
沒有第一版你的腦袋裡只有「感覺」，看到具體東西才會冒出「不是這樣」的判斷。

💡 Tip：用 HTML + CSS 做，不要做圖檔。HTML 改起來快，圖檔要重畫。

↓

當「設計總監」，不要當「設計師」

你的工作不是畫，是挑刺。看到第一版，逼自己說出三種反應：

🟢 對的地方：「拍立得感覺很好，留著」
🔴 錯的地方：「手作感太醜了」「字太小」
🟡 具體偏好：「標題該粗體就粗體」「圖片多可以三列」

↓

每個決策都「寫進記憶」（最關鍵的一步）

這是 99% 的人沒做的事。每次你點頭一個設計決策，立刻請 AI 寫進永久記憶檔，下次不用再講。

📁 我有 4 個設計記憶檔：
· 底層風格（品牌色、字型、拍立得）
· 演講 HTML 結構（Hero→流程圖→Manifesto）
· 對話圖公式（5 段式 + 資料歸檔結尾）
· 自介圖系統（版型 + 內容模板）

↓

渲染成最終格式

HTML 寫好了之後，依照用途轉成不同格式：

🎤 演講用 → HTML 直接投影（可滾動）
📱 社群圖 → Playwright 截圖成 JPG
🌳 流程圖貼 Heptabase → Mermaid → SVG → PNG

BRAND ASSETS

我給了 AI 哪些素材？

沒有這些素材，AI 做出來只會是「通用 AI 風」。
這 6 樣東西讓產出「像我」，而不是「像 ChatGPT 模板」。

🎨 品牌色碼

#d14b63

#4C458A

#FFF3CD

實線紅 + 虛線紫 + 黃底便利貼

🔤 品牌字型

知識包小腸粒線體

知識包小腸金萱九分

知識包小腸金萱三分

🌭 品牌 Logo

透明 PNG，5 種版本（深底用白色）

📸 形象照片庫

專業形象照分類存好，要哪張秒撈

📐 方法論

把產品包成「方法論」，視覺才有賣點

📊 硬成就數據

30大課學員

$10k週收入

1500+電子報訂閱

兩岸同步經營

數字就是信任，沒有數據要去蒐集

BEFORE / AFTER

跟一般人用 AI 的差別

同樣是請 AI 做圖，為什麼結果差這麼多？

❌ 一般做法

每次從零開始，重講需求
「幫我做漂亮一點」這種模糊指令
AI 出什麼就用什麼，沒有反饋
結果像「通用 AI 模板」，沒辨識度
沒有品牌素材庫，每次顏色字型都不同
下次又要從頭講一次

→

✅ 品味外化做法

有現成的設計系統記憶檔
「醜在哪、要什麼樣」具體說
每個決策寫進永久記憶
產出「像我」，不像通用 AI
品牌色 / 字型 / 照片固定資源庫
第二次同類型工作 5 分鐘搞定

我不是學設計做出來的，
我是把「我覺得哪裡醜」講給 AI 聽，
然後叫它記住——
做 6-7 輪之後，就有一套我的設計系統了。

— 知識包小腸

不會設計，怎麼用 AI 做出有品牌感的視覺？