AI-POWERED SOCIAL DESIGN

社群圖卡快製術.

Social Cards, Made Fast.

AI 賦能 社群實戰 I

OUR GOAL TODAY|2 小時

01

UNDERSTAND

看懂 AI 出圖能走多遠

02

METHOD

學會四步「邪修」出圖法

03

PRACTICE

40 分鐘做出一組可發佈的圖卡

2小時

120 分鐘・四個段落

Contents

01ChatGPT Image 2.5 的可能性30 分鐘P.04 02社群圖卡的邪修做法35 分鐘P.17 03課堂小任務・動手做做看40 分鐘P.34 04作品分享・Q&A・資源15 分鐘P.36
0′30′65′105′120′

01・30 MIN

ChatGPT Image 2.5
的可能性

從一句話出圖,到一整個網站的視覺

AIGCLABORATORY

四個層級,看懂 Image 2.5 能走多遠

同一個工具,給的資訊越多,成果越接近能直接使用的作品。

LV.1 初階

一句話出圖

實拍照片+一句需求,直接變成促銷海報與日系廣告。

LV.2 中階

系列延伸

一張商品照延伸出海報、50 版提案與 FB 貼文。

LV.3 高階

規格化設計

指定尺寸與安全區,延伸主視覺做 10 個版本。

LV.4 整合應用

AI 工作流

把 AI 出圖接進網站、簡報與教學,成為完整作品。

完整度 →

初階 A|手拿杯子的照片,變成特價海報

PROMPT附上一張手拿杯子的照片
幫我做成一張手搖特價的海報

AI 自己補上的東西

PRICE價格
COPY標語
ICON賣點
LIGHT打光

沒寫價格、沒寫風格,AI 依「特價海報」的常見版面自動補齊 NT$49 起、標語與圖示,杯身 Logo 與手勢都被保留。

適合「先求有」的第一版。

原始照片
→
AI 生成

初階 B|隨手拍的寶特瓶,變成日系廣告

PROMPT附上商品照
幫我做一個日系飲品廣告

一個風格詞,帶出一整套設計語言

直排標題
茉莉花
淺藍天空
賣點區塊
日系

瓶身日文與品牌字樣都被正確保留。風格詞要精準,一個詞就能決定整張圖。

原始照片
→
AI 生成

初階 C|說不清楚的風格,就丟一張參考圖

PROMPT附上參考圖+上一張成品
幫我參考做成這樣

AI 從參考圖讀取的四件事

構圖

商品置中、斜放木桌

光線

戶外自然光、逆光

場景

茶園、綠葉、花

配色

淡綠 × 米白

一張好的參考圖,勝過一百個形容詞。

參考圖
+
AI 生成

中階|從一張 Pinterest 電鍋圖,延伸成整套社群素材

STEP 1

找一個電鍋

從 Pinterest 存一張喜歡的電鍋商品照。

STEP 2STEP 3

做成電鍋海報+加入男主角

同一句 Prompt 完成:A3 直式韓式海報,並放進男主角與居家情境。

STEP 4

一次給我 50 個

不同場景、人物一次出,挑一張放大。

STEP 5

製作 FB 的圖

套用 FB 版型:1 張直式主圖+2 張方形細節。

中階 Step 1–3|一張電鍋照,一句話變成韓式海報

PROMPT附上 Pinterest 找到的電鍋照
我需要一張 A3 直式「韓式」廣告,需要男主角,呈現現代時尚,居家氛圍,方便快速的電鍋形象。

一句話同時交代三件事

STEP 2A3 海報
STEP 3男主角
MOOD居家氛圍
STYLE韓式

電鍋的造型、顏色、面板都被保留,AI 補上人物、韓文標語、料理照與賣點區塊。

STEP 1|Pinterest 電鍋照
→
STEP 2–3|AI 生成海報

中階 Step 4|一次給我 50 個,挑一張放大

PROMPT先發散
一次給我 50 個版本,不同場景跟人物,直接出圖
PROMPT再收斂
請將編號 40 輸出放大成 A3 直式的版本

50 張縮圖當作「提案牆」,比一張一張重生成快得多。挑中方向後,用編號指定要放大哪一張。

50 個版本一次出
→
編號 40 放大成 A3

中階 Step 5|給它 FB 版型,做出發文用的圖

PROMPT附上 FB 版型示意
我目前要做一個韓系電鍋的 FB 發文貼圖,請根據上面版型配置,給我左邊 1 張直式主圖,右邊 2 張正方型配圖(產品細節)

版型示意圖的作用

直接把 FB 的版位截圖給 AI,它就知道哪一張要直式、哪幾張要方形,主圖放人物、配圖放產品細節。

附件|FB 版型示意
→
AI 生成|直式主圖+2 張方形配圖

高階|已經有海報?把同一份內容改成其他尺寸

原始活動海報
BEFORE|原本的直式海報
→換尺寸
AFTER|FB 封面 820×312,內容與風格都延續
PROMPT附:原始海報+安全區示意圖
目前要製作一張 Facebook 的 Banner,尺寸為 820×312px,重要資訊放在中間 537×312 範圍內,將原始海報的中英文標題+活動時間+地點+主辦單位+協辦單位,輔助圖形可以作為輔助,製作成 10 個版本,直接出圖給我

適合什麼時候用?

活動海報做好了,還要 FB 封面、IG 貼文、限動……同一份內容,交給 AI 改版面,不用每個尺寸重新設計。

高階|這段對話的標題叫「失敗」

10 個版本裡,有幾版把紅色色塊也畫進去了。

OK
OK
紅色殘留
紅色殘留

為什麼會這樣?

紅色色塊示意圖
AI 誤判以為是素材
畫進成品

邪修修正法

  • 01示意圖改成灰階框線,不用鮮豔色塊
  • 02明講「附件 1 只是示意,不要出現在畫面中」
  • 0310 個版本拆成 2–3 次生成
  • 04挑最好的一張,再「只改 X,其他不變」

整合應用|AIGC Laboratory

AIGC Laboratory 首頁

從設計出發,把 AI 出圖接進網站、簡報與教學 —— 出圖只是開始。

aigc-lab.easonchiu100.workers.dev ↗

Image 2.5 最強的四件事

AI 已經能做出「像設計師做的」圖,
但規格、品牌與平台尺寸,還是要靠你告訴它。

01中文字
可以用了
小字仍要檢查
02看得懂
參考圖
比形容詞更準
03一次給
多版本
先發散再收斂
04對話式
修改
只改這裡

AI 80% × Human 20%

規格、品牌與最後的檢查,是人的工作 → Part 02

02・35 MIN

社群圖卡的
邪修做法

規格 + 參考 + 迭代 + 修編

AIGCLABORATORY

社群小編的三個痛點

每週要發好幾則貼文,每則都要配圖。「邪修」不追求一次完美,而是用最短的路徑做出能發的圖。

不會設計不知道從哪開始
沒有時間一週 3–5 則貼文
尺寸混亂FB/IG/限動都不同

四步邪修出圖法

確認尺寸 → 選擇風格 → 生成迭代 → 細部修編

四步出圖法

STEP 01確認尺寸

做什麼 決定平台、版型、比例

工具 尺寸表

產出 4:5/9:16

STEP 02選擇風格

做什麼 找 1–3 張參考圖

工具 Pinterest・BANNER LIBRARY

產出 參考圖截圖

STEP 03生成迭代

做什麼 六欄位下 Prompt

工具 ChatGPT Image 2.5

產出 3 版 → 挑 1 張

STEP 04細部修編

做什麼 修錯字、換價格

工具 Canva Magic Layers

產出 可發佈的圖卡

Step 01|確認尺寸:先看比例長什麼樣

1:1
4:5
9:16
4:3
820 × 312

IG/FB 方形
1080 × 1080

IG 直式貼文 ★
1080 × 1350

限時動態 ★
1080 × 1920

FB 單圖橫式
1200 × 900

FB 粉專封面
安全區中間 537 寬

ChatGPT 只有三種原生比例

1:1、2:3(直)、3:2(橫)。先選最接近的比例生成,再到 Canva 調成平台尺寸。

PROMPT在 Prompt 裡直接寫
直式 4:5,重要文字放在中間 80% 範圍內

Step 01|上傳幾張、什麼比例,決定 FB 怎麼排

1 張

1200×1200/1200×900

2 張|二橫

1200×600 ×2

3 張|一橫二正

1200×600+1200×1200

4 張|一橫三正

可做互動式隱藏貼文

4 張|四正

1200×1200 ×4

5 張

上二大、下三小

四正範例|同系列一格一主題

互動式隱藏貼文

第一張大圖放「主視覺+提示點點」,下面三張方形藏答案或商品細節。

Step 01|同樣是多張圖,在動態牆上實際長這樣

一橫三正|上 1 大、下 3 小
一直三正|左 1 大、右 3 小
五張|上 2 大、下 3 小
多張|超過 5 張顯示 +N

第一張決定一切

滑動牆上只看得到第一張的大圖,主標題、主視覺都放在第一張。

小圖負責「想點進去」

後面幾張只露出一小塊,放編號、問題或細節,製造點開的理由。

比例錯了會被裁

上傳前照 Step 01 的尺寸表輸出,重要內容不要貼邊。

圖片來源:社群貼文範例(FB POST 資料夾),版權屬原作者,僅供課堂教學參考。

Step 02|選擇風格:不要形容,直接給它看

FB POST 參考板 ↗
節慶插畫
夢幻插畫
手繪溫暖
可愛色塊
撞色潮流
自然雜誌
黑白紀實
植物線稿
新年促銷
質感留白
童趣手寫
趣味手繪

圖片來源:社群貼文範例(FB POST 資料夾),版權屬原作者,僅供課堂教學參考。

版型圖鑑|好圖卡的六種常見結構

01一大三小

主視覺+三格說明

02四宮格

同系列一格一主題

03插畫敘事

用漫畫講一件事

04人物大字

人物+超大標題

05促銷資訊

價格・日期最醒目

06互動測驗

A/B/C 選一個

圖片來源:社群貼文範例(FB POST 資料夾),版權屬原作者,僅供課堂教學參考。

版型圖鑑|01 一大三小・02 四宮格

01

一大三小

一張大圖抓眼球,三格小圖補充細節,最萬用。

PROMPT關鍵句
上方一張主視覺,下方三格並排說明
02

四宮格

四格同框線、同字體,一次介紹四個品項或四種情境。

PROMPT關鍵句
四宮格版面,每格一個主題,框線與字體統一

圖片來源:社群貼文範例(FB POST 資料夾),版權屬原作者,僅供課堂教學參考。

版型圖鑑|03 插畫敘事・04 人物大字

03

插畫敘事

把痛點畫成情境,有角色、有表情,留言率高。

PROMPT關鍵句
扁平插畫風,像四格漫畫一樣呈現情境
04

人物大字

講座、訪談、活動預告,人物照配大字最有說服力。

PROMPT關鍵句
左側人物照,右側超大直排標題

圖片來源:社群貼文範例(FB POST 資料夾),版權屬原作者,僅供課堂教學參考。

版型圖鑑|05 促銷資訊・06 互動測驗

$49
05

促銷資訊

價格、日期、地點三件事一眼看到,其他都是配角。

PROMPT關鍵句
價格數字放到最大,日期地點放在下方資訊列
ABC
06

互動測驗

讓粉絲留言選答案,最容易帶動互動與分享。

PROMPT關鍵句
做成心理測驗,下方放 A、B、C 三個選項

圖片來源:社群貼文範例(FB POST 資料夾),版權屬原作者,僅供課堂教學參考。

日系 Banner|向日本設計學「留白」與「文字排版」

大數字+直排標題
照片+色塊+日期直排
品牌色鋪滿+按鈕
雜誌編號+拼貼照片
直排

標題直排,畫面立刻有日系感。

大數字

93、10、03…數字就是視覺焦點。

留白

不塞滿,資訊只放最重要的。

PROMPT
日系 Banner,標題直排,日期用大數字,保留大量留白。

圖片來源:社群貼文範例(FB POST 資料夾),版權屬原作者,僅供課堂教學參考。

Step 02|參考圖要說清楚「參考哪一點」

版面
配色
字體感
PROMPT
參考附件 2 的版面(上方大圖、下方三格說明),配色改成我的品牌色,商品換成附件 1。
參考版面

上圖+下三格,適合「三個重點」型資訊圖卡。

參考配色

白+綠,兩個顏色就有清爽感。

參考字體感

超大明體字+留白,質感立刻出來。

Step 03|Prompt 公式:六個欄位相加

01用途尺寸IG 直式 4:5
+
02主角附件 1 的商品
+
03文案用「」框起來
+
04風格參考附件 2
+
05版面標題在上 1/3
+
06限制不要改 Logo
PROMPT範本|把【】換成你的內容
幫我做一張【IG 直式 4:5】的社群圖卡。主角是【附件 1 的商品】,保留商品外型與 Logo。 文案只放:標題「【標題】」、副標「【副標】」、資訊「【價格/日期/地點】」。 風格參考【附件 2】的【版面/配色/光線】。標題放在上方 1/3,重要資訊放在中間 80% 範圍內。 不要出現其他文字,不要改變商品外觀。
範例|商品+標題+資訊的完整圖卡

Step 03|第一張不會完美,用循環把它改好

看哪裡不對一次只改一件滿意就存檔
GENERATE生成先出 3 種版面
CHECK檢查尺寸・文字・商品
EDIT局部修改框選+其他不變

01 一次只改一件事

同時改三件事,通常三件都改壞。

02 框選做局部修改

在 ChatGPT 圖片上選取區域,只重畫那一塊。

03 對話歪了就開新的

改 5 輪還在繞圈,存下最好的那張,開新對話重新上傳。

Step 04|ChatGPT 的圖,丟進 Canva Magic Layers 拆圖層

CHATGPT01

下載 PNG

在生成的圖上點「下載」,存成原尺寸 PNG。

CANVA02

切換英文介面

設定 → 語言改 English。功能逐步推送中,英文版才看得到入口。

CANVA03

點 Magic Layers

回到首頁,在上方或側邊工具列點「Magic Layers」。

CANVA04

上傳圖片

上傳 ChatGPT 的圖,系統自動辨識並拆成多個圖層。

CANVA05

直接修改

點文字框改字、換字型;物件可移動、縮放;背景留在後方。

拆完會得到

T 文字:可改內容與字型
▢ 物件:可移動、縮放
▢ 背景:與前景分開

小撇步|模糊物件變清晰

點選物件 → 上方工具列「Edit」→ 左側「Style Edit」→ 選一種風格,解析度不足的物件就會變清楚。

參考:數位時代〈AI 簡報能用 Canva 修改了!Magic Layers 魔術圖層教學〉2026.04.13 bnext.com.tw ↗

五條邪修心法

01先定尺寸

平台、版型、比例沒定,後面全部白做。

02參考圖>形容詞

與其寫「高級感」,不如丟一張高級的圖。

03文案用引號

要出現在圖上的字,一律用「」框起來。

04一次只改一件

改歪了就存檔、開新對話。

05AI 80%
人 20%

錯字、價格與 Logo,用圖層補完。

03・40 MIN

課堂小任務
動手做做看

40 分鐘・1 組 FB 貼文・上傳 Flux

AIGCLABORATORY

實作題目|用 AI 做一組 FB「一橫三正」貼文

選一個商品或活動,做 4 張圖

主圖 ×1 橫式 1200 × 600|放標題與主視覺

配圖 ×3 方形 1200 × 1200|放三個賣點或細節

題目不限:手邊的飲料零食、系上活動、喜歡的店家

01

拍商品照
手機拍 1 張即可

02

找參考圖
FB POST 版型 1–3 張

03

生成迭代
先主圖、再延伸 3 張

04

修編上傳
Magic Layers 修字

PROMPT附上商品照+參考圖
我要做一組 Facebook「一橫三正」貼文。請給我 1 張橫式主圖(1200×600)放標題「【標題】」與商品,再給我 3 張正方形配圖(1200×1200),分別介紹「【賣點 1/2/3】」。四張風格一致,直接出圖。
40 分鐘後繳交

完成後上傳

4 張圖一起上傳到課程 Flux 上傳區

上傳到 Flux ↗

reurl.cc/RRlNde

今天用到的資源連結

THANK YOU

LET'S MAKE IT!!

一起動手做吧 — Q & A

邱義盛

SPEAKER

邱義盛 CHIU, YI-SHENG

facebook.com/eason.chiu.79
AIGCLABORATORY