資訊圖表 Infographic

用途

把一份有結構的知識（步驟、比較、統計、流程）轉成一張可分享的直式或橫式資訊圖表，適合放部落格、社群、課程補充材料或提案簡報。

何時用

• 適合：5 步驟方法論、數據對比、知識清單（Top N 列表）、時間軸概覽；特別適合想讓受眾「存圖」分享的內容
• 不要用：需要精確數字圖表（折線圖 / 長條圖）的數據視覺化——那類請用 Flourish、Datawrapper 或 Python；也不適合文字量超過 200 字的複雜內容（AI 排版後文字常溢出或模糊）

Prompt

【中文描述】
設計一張直式資訊圖表，主題：「{{主題，例如：n8n 自動化工作流 5 大優勢}}」。
結構：標題（大標）→ {{N}} 個區塊，每個區塊包含 icon + 小標題 + 一行說明文字。
風格：{{設計風格，例如：現代扁平 / Swiss editorial 編輯雜誌風 / 科技深色主題}}，
色系 {{主色 + 輔色，例如：主色 #1A56DB 深藍 + 輔色 #F4A623 橘}}，白色字，乾淨留白邊距。
數字 / 圖示：每個區塊附一個清楚的 line-icon 或數字標號。
底部：品牌名稱「{{品牌，例如：Cloud F1}}」+ 淡色網址文字。
避免：超過 6 個主要區塊、密集小字、照片背景、雜亂圖形、中英混排不一致。
尺寸：直式 1080×1920px（IG / LINE）或 1200×1600px（部落格）

【English prompt — for better model accuracy】
Design a vertical infographic titled "{{title, e.g.: 5 Key Benefits of Workflow Automation}}".
Layout: large bold headline at top → {{N}} numbered sections, each with a clean line icon, bold sub-headline, and one-line descriptor.
Style: {{design style, e.g.: modern flat / Swiss editorial / dark tech theme}}.
Color palette: primary {{hex, e.g.: #1A56DB deep blue}}, accent {{hex, e.g.: #F4A623 orange}}, white text on dark panels.
Each section clearly separated with subtle dividers or alternating tones.
Footer: brand name "{{brand}}" in small text, light gray.
No more than 6 sections, no dense body text, no photo backgrounds, no unrelated decorative elements.
Aspect ratio: 9:16. Size: 1080×1920.
High quality, readable at mobile size, crisp icon lines.
Avoid: blurry text, cramped layout, watermarks.

範例 / 變體

• 填好變數：主題「AI 提示詞工程 4 大原則」，4 個區塊各配 icon，Swiss editorial 黑白風格，底部標 Cloud F1 → 適合放 LinkedIn 或電子報
• 變體（橫式版 16:9）：把 layout 描述改成「horizontal 3-column grid」，尺寸換 1920×1080，各欄左右對稱，適合簡報插圖或 YouTube 頻道封面
• 變體（深色科技版）：背景改成 #0D1117 深黑，文字白色，accent 用電藍 #00B4D8，整體感覺偏 SaaS / 技術品牌風

🎯 範例輸出（實測）

在 ChatGPT 跑這句、把 {{變數}} 填成「主題：AI 提示詞工程 4 大原則 / 風格：Swiss editorial 黑白 / 主色：#1A1A1A 深黑 + #F4A623 橘 / 品牌：Cloud F1」的結果：

點開看 AI 實際輸出

精修後的英文 prompt（用於 ChatGPT DALL-E 3）：

Design a vertical infographic titled "4 Principles of AI Prompt Engineering".
Layout: large bold headline at top in black → 4 numbered sections in a clean single-column layout,
each with: an outlined line icon, bold sub-headline (≤ 8 words), and one-line descriptor (≤ 12 words).

Section 1 — Icon: target / precision symbol — "Be Specific" — Give context, not just commands
Section 2 — Icon: layers / structure symbol — "Add Structure" — Use roles, steps, format tags
Section 3 — Icon: iteration arrows — "Iterate Fast" — Refine in 3 rounds, not 30
Section 4 — Icon: checkmark / feedback — "Evaluate Output" — Set your own quality criteria first

Style: Swiss editorial, clean sans-serif typography, black and white with orange #F4A623 accent.
Each section clearly separated by thin horizontal rule.
Footer: brand name "Cloud F1" in small light gray text.
Aspect ratio 9:16, size 1080×1920px. White background, generous margins.
No more than 4 sections, no dense body text, no photo backgrounds.
High quality, readable at mobile size, crisp icon lines. No watermarks.

預期畫面：白底直式版面，頂部大黑字標題佔 18% 高度，下方 4 個區塊各佔約 20%，每塊左側有橘色線條 icon，右側黑色小標 + 說明文字，區塊之間有細線分隔。底部 Cloud F1 淡灰小字。整體像《紐約時報》雜誌的資訊圖表，適合 LinkedIn 或電子報。

文字內容（可直接 Canva 疊字用）：

• 第 1 原則：明確脈絡　給背景，不只給指令
• 第 2 原則：加入結構　角色、步驟、格式三件套
• 第 3 原則：快速迭代　3 輪精修，不是 30 輪瞎猜
• 第 4 原則：評估輸出　先設標準，再評好壞

🎨 沒有真實截圖（繪圖 AI 需在對話框手動跑）── 把上方精修 prompt 複製進去試試： ChatGPT（GPT-4o / image） · Gemini · Midjourney

💡 實測心得：ChatGPT DALL-E 3 對「每塊文字 ≤ 12 字」的限制執行得比 Midjourney 穩——但文字仍會跑掉，建議把 section 內容在 prompt 裡明確列出（如上），讓 AI 知道版面配置，然後用 Canva 覆蓋正確文字。

延伸

重點來了：Infographic 的文字數量是品質的最大殺手——每個區塊超過 15 個字，AI 排版就容易擠爆。如果你的描述複雜，先讓 ChatGPT 文字摘要到每點 ≤ 12 字，再丟給繪圖模型。
延伸場景：簡報章節配圖 · 教學步驟示意圖