社群貼文版型 sheet — AI 主理人 Playground

社群貼文版型 sheet

你要發新貼文、Canva 開了五個分頁滑半小時還是不知道用哪個 layout。每張看起來都還行、實際把你的標題塞進去又怪怪的。下面把 8 種常見的 IG 貼文版型一次攤開、頂部 controls 拉一拉、所有版型同步變化、你直接看「我這篇用哪個」。每張右下角可以複製對應的 AI prompt、丟給 ChatGPT / Claude / Gemini 替你做圖。

標題文字（即時替換）

字體大小

1.00x

明暗

比例

怎麼用：上面拉一拉、下面 8 個版型即時跟著變。把滑鼠停在任一張、最下面會跳出對應的「結構說明」。看上眼就點下面的「複製 prompt」、貼給 AI 替你做你自己題目的版本。

A左圖右字

案例分享

把 60 分鐘瑣事變 8 分鐘

我這套自動化、週末只動 30 分鐘。

適合單一案例 / 一個方法配一張圖。

B上圖下字

日常筆記

把 60 分鐘瑣事變 8 分鐘

出乎意料、明天再來分享。

視覺氛圍優先、文字補一句。輕鬆題材。

C滿版圖層

深度

把 60 分鐘瑣事變 8 分鐘

三個月實作後的反直覺結論。

封面 / 系列首篇 / 需要儀式感。

D引言卡

把 60 分鐘瑣事變 8 分鐘

— 我自己

金句 / 心得截句 / 對話節錄。

E列表型

三件事

把 60 分鐘瑣事變 8 分鐘

把重複動作交給 AI
每週固定時段檢查
留 20% 時間給意外

三點 / 五點懶人包、步驟式。

F數據卡

52 分鐘 / 天

把 60 分鐘瑣事變 8 分鐘

主打一個數字 / 成果 / 對比效率。

G對比卡

以前

每天手動處理、滑掉就忘。

現在

排程跑完、我只看結論。

Before / After、舊做法 vs 新做法。

H倒數通知

限時

把 60 分鐘瑣事變 8 分鐘

本週日截止。

天

時

分

活動 / 報名截止 / 限時公告。

結構說明 — 把滑鼠停在任一版型

// 把滑鼠停在上面任一版型、這裡顯示它的組成元素

叫 AI 給你一整套

把你的貼文題目替換到下面 prompt 的【括號】、貼進 ChatGPT / Claude / Gemini、它會把上面 8 個版型套你的題目重新給你一遍：

幫我做一個「社群貼文版型 sheet」的網頁、HTML 寫、CSS / JS 全 inline、不外連任何套件、給我一個完整 .html 檔我直接用瀏覽器打開。

我的貼文題目：【寫你這篇要講什麼。例：我這週試了一個新工具 / 我做副業半年的真實心得】

請攤開 8 個版型 mockup、用 1:1 比例（模擬 IG）：
A 左圖右字 — 左半邊放主視覺、右半邊放標題 + 副文 + 小 tag
B 上圖下字 — 上面 60% 放視覺、下面 40% 放標題與短文字
C 滿版圖層 — 整張背景用漸層、文字疊在右下角、有玻璃感標籤
D 引言卡 — 中央居中、用大引號符號、斜體標題、下面標來源
E 列表型 — 上面 tag + 標題、下面 3-5 條短列表、橘色方塊點
F 數據卡 — 中央放一個大數字、底下寫單位 + 標題
G 對比卡 — 左右分割、左邊「以前」灰底、右邊「現在」橘底
H 倒數通知 — 深色背景、標題在上、底下三個時間方塊（天 / 時 / 分）

頂部加一條 controls：標題文字輸入框（即時替換所有版型的標題）、字體大小滑桿（0.8-1.4x）、明暗切換、1:1 與 16:9 比例切換。

每個版型卡下面：
- 一句話寫「適合什麼題材」
- 一個「複製 prompt」按鈕（點了複製：請幫我做一張 [版型 X] 的 IG 貼文圖、主題 [我的題目]、繁體中文）

整體：
- 全繁體中文、不用 emoji
- 用品牌橘色 #D4623B 系列當主色
- 手機 320px 寬不爆版
- 字體用 Inter + Noto Sans TC