Communitygithub.com

fralapo/presentation-design

設計有效且美觀簡報的完整指南:涵蓋訊息優先流程、投影片結構、版面配置、字體、色彩、圖表、動畫等,適用於PowerPoint、Keynote、Google Slides與Canva。

presentation-design 是什麼?

此技能提供一套全面且系統化的簡報設計原則,涵蓋從前期規劃、結構編排到視覺細節的完整流程。其核心概念為「訊息優先於軟體工具」,強調首要任務是定義目標受眾、核心訊息與講稿,投影片設計是最後一步。技能將設計知識拆解為11個章節,並提供快速查閱的速查表、模式庫與術語表,有助於AI代理在生成、審閱或重新設計投影片時快速套用。所有設計參數(如字體大小、色彩、動畫時間等)均以1920×1080畫布為基準,並支援多種簡報情境(學校、企業、募資簡報、產品發表等)。當使用者提出「幫我做一份PPT」等請求時,此技能可生成高品質的投影片設計,同時提供程式化生成(如python-pptx、DeckCraft)的規範。

相容平台✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/fralapo/awesome-agent-skills/tree/HEAD/skills/presentation-design

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

簡報設計

章節:11 | 語料庫:約300份簡報設計理論文本,經濃縮提煉 | 生成日期:2026-11-05

優質投影片的什麼與為什麼。如需PowerPoint、Keynote、Google Slides、Canva或Figma Slides的按鈕層級逐步操作說明,請使用配套技能 slide-software-techniques。

如何使用此技能

  • 產生或建構一份簡報:遵循下方的簡報產生流程,然後視需要開啟ch02、ch03、ch04與ch05。
  • 審閱或重新設計投影片:使用審閱核對清單與ch10(重新設計手冊)。
  • 特定問題:在主題索引中找到對應章節,閱讀後再作答。
  • 快速查閱:cheatsheet.md(所有數值表格)、patterns.md(現成投影片配方)、glossary.md。
  • 每項任務的最低閱讀量(節省上下文):新簡報 → cheatsheet + ch02 + 該情境的ch09章節;募資簡報 → cheatsheet + ch09(募資)+ ch07,加上public-speaking-persuasion ch12以了解投資者簡報的內容流程(問題、團隊、產品、競爭、商業模式、資源、價值捕獲);投影片審閱 → 審閱核對清單 + ch10;數據密集型簡報 → ch07;動畫簡報 → ch08。

十大原則

  1. 訊息優先於軟體。 受眾、目標(告知/教育/說服/激勵,以及你希望的行動)、關鍵訊息與講稿先行;投影片最後才做。
  2. 投影片輔助口頭表達,文件則必須獨立完整。 每張投影片一個想法:一句話或幾個字加上一個視覺。所有其他內容放在備註區。如果簡報將以電子郵件寄送,請製作一份更密集的第二版本。
  3. 標題即訊息。 一個小標籤承載主題(「問題」),一個大字句陳述重點。
  4. 拆解而非壓縮。 更多投影片並不意味著更長的演講:每張投影片只放一個事件、一個數字或一個觀點。
  5. 透過對比與留白建立層級。 如果全部放大,就沒有重點。最多使用三層,並透過淡化其他元素來建立焦點:活躍項目100%,其他約30%。
  6. 邊界與對齊非選擇題。 設計前先設定輔助線,將標題固定在同一位置,每張投影片使用一種對齊邏輯,且永遠不要使用左右對齊。
  7. 一致性勝過裝飾。 一個字體家族、一套圖示組、一種圖片處理方式、一種動畫風格。任何風格選擇必須套用至整份簡報,否則就完全不套用。先移除,再加入。
  8. 每個視覺元素都有功能(喚起、錨定、描述、解釋),否則就刪除。圖片要大;圖示絕非填充物。
  9. 重建,不要貼上。 表格、圖表與圖解必須以簡報風格重新繪製,並簡化至僅引用所需資料點。
  10. 有目的地使用動畫。 淡入是預設效果;使用變形/神奇移動來保持連續性。持續時間要短,內容應在你提到它時隨著點擊出現。

標準數值(1920×1080 像素畫布,單位 pt)

元素數值
封面/陳述/目錄標題80–160(封面顯示可達200–300)
內容投影片上的訊息標題64–88
清單/資料/圖表投影片上的標題40–48
內文24–32;在教室或大型會議室中閱讀時**≥32**
資料描述、次要文字24
關鍵數字/英雄數字≥56 / 120–200
標題上方的標籤20–28
來源、註腳、頁尾18–20
行距標題0.8–0.95;內文1.1–1.2倍(絕不使用1.5)
行長投影投影片40–50個字元;文件中50–80個字元
項目符號理想3個,最多5個,長度相等,最多一層縮排,一次只顯示一個
字體1個家族(最多2個,第二個僅用於1–2個字的大字);避免Calibri、Arial、手寫字體
色彩2–3種 + 中性色(不超過4種主題色),一個強調色;使用米白與近黑,絕不使用純 #FFF/#000
陰影淺色背景上不透明度10–20%,模糊程度與距離成正比;絕不使用預設值
動畫物件0.2–0.5秒(建議0.3秒);轉場0.5–1秒(最多1.5秒);變形約1秒(小移動0.5–0.7秒);延遲0.1–0.2秒
投影片數量由講稿決定;經驗法則:每10分鐘約15張(10分鐘的募資簡報約13張)
對比度以實際大小檢查所有文字/背景組合;淺色強調色(萊姆色、黃色)需要在米白背景上有更深的變體。數字化WCAG目標(內文4.5:1,大字3:1):請參考ux-ui-expert ch21

偏好使用8的倍數。此比例為指南;簡報內部的一致性比確切數值更重要。

簡報產生流程(建構投影片時)

  1. 簡報摘要:受眾是誰、多少人、場地或媒介為何、目標與期望行動為何,以及何種軟體與版本將開啟此檔案(ch01)。若未知,請陳述你的假設。
  2. 訊息與講稿:用一句話寫下關鍵訊息,然後撰寫講稿或大綱。標記何處需要投影片(ch01)。
  3. 結構:套用投影片類型系統——封面、(目錄)、章節分隔投影片、內容投影片、聚焦投影片、附行動呼籲的封底——以及背景節奏(ch02)。
  4. 故事板:每張投影片一行,包含其訊息標題與承載該訊息的視覺元素(圖片、大數字、圖表、圖示卡片、時間軸)。按功能選擇(ch06, ch07)。
  5. 系統設定:1920×1080畫布、輔助線與邊界、主題字體、主題色彩(ch05中的色板角色)、頁尾(ch03, ch11)。若有品牌,先取樣其色彩、字體與標誌規則。
  6. 建構:每張投影片一個訊息,使用上述字體比例、文字左對齊、淡化其他元素以聚焦、重建數據至最簡(ch03, ch04, ch07)。
  7. 動態效果(若媒介允許):預設淡入,變形用於連續性,點擊出現你提及的內容(ch08)。
  8. 品質確認:執行下方審閱核對清單,在方格或投影片瀏覽模式下檢視簡報,以實際大小檢查對比度與可讀性,並保留一份PDF備份(ch01, ch10)。

如果簡報也將以電子郵件寄送(募資簡報經常如此),請同時規劃更密集的「文件」版本(ch01)。當公司或數據為假設性質時,請將每個虛構的數字或名稱標記為[佔位符]。

當以程式方式產生檔案時(python-pptx、DeckCraft等),請將標準數值編碼為常數,先建立母片/版面配置,然後渲染預覽以在交付前檢查溢出、對齊與對比度。

審閱核對清單(稽核任何投影片或簡報)

  • 組織:每張投影片是否只有一個訊息?標題是否陳述了重點?簡報是否分為章節,並在結尾有行動呼籲?
  • 文字:數量、大小、行長、對齊、強調與項目符號是否在標準數值範圍內?
  • 色彩:每種色彩是否有其角色,且只有一個強調色?對比度是否足夠?是否沒有純黑或純白?
  • 風格:邊界與位置是否一致?風格選擇(陰影、圓角、圖示、圖片濾鏡)是否套用至整份簡報?
  • 資源:圖片是否大尺寸、高解析度,且無浮水印?圖示是否來自同一組?圖表與表格是否已重建並簡化?
  • 對於每個問題,報告 問題 → 為何重要 → 修正方式,並對元素進行保留–刪除–更改(ch10)。

章節索引

#標題關鍵框架
ch01流程:訊息優先於軟體3個基礎問題、5步驟流程、講稿與大綱、投影片數量、投影片與文件、何時不該使用投影片、發表與排練
ch02簡報結構與投影片類型6種投影片類型、背景節奏、封面、目錄、章節分隔投影片、頁尾、附行動呼籲的封底
ch03版面配置與視覺設計原則邊界與輔助線、格線、對齊、鄰近性、層級、淡化其他元素以聚焦、一致性、先減後加
ch04投影片上的文字與字體排版訊息標題、字體比例、字體、行距/行長、強調、項目符號與替代方案、自動調整
ch05色彩色板大小、HSL思維、單色調色/深淺變化、色彩角色、背景節奏、紅色、對比度、工具
ch06圖片、圖示、背景與效果4種圖片功能、大圖、濾鏡、照片上的文字、圖示、標誌、陰影、背景、玻璃特效、螢幕截圖
ch07數據:圖表、表格、數字與時間軸每張投影片一個圖表、強調引用的資料點、圓餅圖替代方案、大數字、精簡表格、時間軸、提案與法律投影片
ch08動畫與轉場(原則)3種功能、時機、點擊觸發 vs 與前一個一起、一次一個點、變形模式、迴圈、企業限制
ch09依情境分類的簡報學校、論文、實習報告、科學、企業、募資簡報投影片、產品發表、作品集、培訓、演講、網路研討會
ch10重新設計手冊(改造前 → 改造後)5大領域稽核、保留/刪除/更改、拆解 vs 壓縮、重建貼上內容、重新設計案例
ch11範本、品牌、AI與資源何時使用範本、依角色重新上色、企業範本建構、品牌規則、AI工具、素材網站

主題索引

  • 議程/目錄投影片 → ch02, ch10
  • 簡報AI → ch11
  • 對齊、邊界、輔助線、格線 → ch03
  • 動畫、轉場、變形 → ch08(操作說明:slide-software-techniques)
  • 封底/結尾/「謝謝」 → ch02
  • 背景 → ch05, ch06
  • 大數字、百分比 → ch07
  • 品牌指南、標誌 → ch06, ch11
  • 項目符號與替代方案 → ch04, ch10
  • 圖表(圓餅圖替代方案、強調重點) → ch07
  • 色彩色板、對比度 → ch05
  • 競爭對手/問題/團隊/提案投影片(募資) → ch09, ch07
  • 企業簡報、會議 → ch09
  • 封面投影片 → ch02
  • 發表:簡報者檢視、遠端、PDF備份、排練 → ch01
  • 文件 vs 投影片(以電子郵件寄送的簡報) → ch01, ch04
  • 字體、大小、行距 → ch04
  • 層級、焦點、留白 → ch03
  • 圖示 → ch06
  • 圖片、照片、照片上的文字 → ch06
  • 靈感(網站、情緒板) → ch01, ch11
  • 投影片數量 → ch01
  • 募資簡報(投資者、新創) → ch09(投影片設計)、ch07(數字、表格)、public-speaking-persuasion ch12(內容流程)
  • 市場規模、成長動能、商業模式數字 → ch07(大數字、圖表、強調)
  • 作品集簡報 → ch09
  • 重新設計現有投影片 → ch10
  • 學校、論文、實習(PCTO) → ch09
  • 陰影、玻璃特效、3D、效果 → ch06
  • 故事板、講稿 → ch01
  • 表格 → ch07
  • 演講、TEDx、網路研討會、培訓 → ch09
  • 範本(使用/建構) → ch11
  • 時間軸、甘特圖 → ch07

相關技能

  • slide-software-techniques:PowerPoint、Keynote、Google Slides、Canva、Figma Slides中的選單、設定與配方。
  • public-speaking-persuasion:發表、聲音、說故事、說服。
  • ux-ui-expert:通用視覺基礎(字體排版法則、60-30-10色彩法則、層級)與UX心理學。
  • creative-director:概念、文案與視覺隱喻。
  • anthropic-skills:pptx、designcraft-expert:產出實際檔案。

範圍與限制

適用於現場發表及透過電子郵件寄送之投影片簡報的設計指導。數值以1920×1080畫布為基準;其他尺寸請按比例縮放。公司或品牌規則優先於這些預設值。若偏離預設值,請明確說明。

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

fralapo/filmcraft-expert

Premiere Pro-grade video editing in FilmCraft, the ArtCraft editor driven over MCP (mcp__filmcraft__* tools: command_list, command_run, command_batch, doc_inspect, sequence_inspect, render_frame, media_import). Use whenever working with FilmCraft or editing any video: rough and fine cuts, ripple/roll/slip/slide trims, 9:16 reels/TikTok/Shorts from 16:9, captions and titles, transitions, keyframes, speed and time remapping, Lumetri color, LUTs and scopes, chroma key, audio mixing, LUFS loudness and ducking, multicam, proxies, export for social, web or a ProRes/DNxHR master, and project archiving. Includes a verified Premiere-to-FilmCraft command map, QC checklists, and hand-offs to SoundCraft and EffectCraft.

fralapo/graphic-designer

The Graphic Designer role: hands-on craft of visual communication. Grids and layout (column and modular grids, A4 setup, image-text composition), typography fundamentals (size ratios, weight contrast, alignment, rivers, widows), experimental typography (outline surgery, blending, constraints, physical experiments), poster languages (brutalism, grunge, texture, threshold, displacement), logo construction (types, shape psychology, vectorising, stress tests, delivery) and file handover hygiene. Use when executing or critiquing the craft of a poster, layout, cover, typographic piece or logo, picking type or a grid, or explaining why a layout looks amateur. Works inside a direction set by the art director and a concept set by the creative director; hands UX/UI screens to ux-ui-expert.

fralapo/image-gen-prompts

Production-grade prompts for any major image generation/editing model: Nano Banana (Gemini Image), GPT Image 2.5 (Flare/Sunburst) and earlier, DALL·E 3, Seedream, Midjourney v6/v7 + Niji, SDXL/SD3.5, FLUX, Imagen, Ideogram, Recraft. Use for generating or editing images, illustrating articles/videos/podcasts, remixing templates, identity preservation, multi-image fusion, non-destructive edits, isometric/bento layouts, in-image text, JSON/YAML structured prompts, sprite sheets, or reconstructing a prompt from a reference image. If a model is named, read `references/models/_index.md` then its file. Triggers: image prompt, image generation, nano banana, gpt image, dall-e, midjourney, niji, stable diffusion, sdxl, flux, imagen, ideogram, recraft, seedream, 纳米香蕉.

相關技能