Communitygithub.com

演示文稿设计指南

完整的演示文稿设计指南:从信息优先的流程(受众、目标、脚本、故事板、幻灯片数量)到布局、排版、配色、动画和情境应用。

演示文稿设计指南 是什么?

此技能(fralapo/presentation-design)提供了一套完整的演示文稿设计指南,适用于Claude Code、Cursor、Codex等AI工具。它基于11章、约300份理论转录内容,涵盖了从信息优先的流程(受众分析、目标设定、脚本撰写、故事板规划、幻灯片数量确定)到具体实现的全过程。技能的核心是十条设计原则,强调“信息优先于软件”、每页一个信息点、标题即信息、通过对比和留白建立层次等。提供了1920×1080画布的规范数值(字号、行距、颜色数量、动画时长等),以及一套完整的工作流和审查清单。用户可通过主题索引快速查找特定主题(如图表、动画、色彩等),并针对不同场景(学校、企业、融资演示等)提供了定制建议。该技能与`slide-software-techniques`(软件操作)和`public-speaking-persuasion`(演讲说服)等技能互补,能帮助用户生成、审阅、重新设计或点评任何类型的幻灯片。

兼容平台✓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. 有目的地使用动画。 默认使用淡入;使用 Morph / Magic Move 实现连续性。时长要短,并且当你提及内容时,内容才会在单击时出现。

规范数值(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);Morph ≈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. 动效(如果媒介允许):默认使用淡入、Morph 实现连续性、提到时单击出现(ch08)。
  8. 质量保证检查:运行下方审阅清单、以网格或幻灯片排序视图查看、检查实际尺寸下的对比度和可读性、保留 PDF 备份(ch01, ch10)。

如果幻灯片组也将通过电子邮件发送(融资演示稿通常如此),请同时规划更密集的“文档”版本(ch01)。当公司或数据为假设性时,将每个虚构数字或名称标记为 [占位符]。

在以编程方式生成文件时(python-pptx、DeckCraft 等),将规范数值编码为常量、先构建母版/布局、渲染预览以检查溢出、对齐和对比度,然后再交付。

审阅清单(审计任何幻灯片或幻灯片组)

  • 组织:每页是否只有一个信息?标题是否陈述了核心观点?幻灯片组是否按部分组织,末尾是否包含 CTA?
  • 文本:数量、字号、行长度、对齐、强调和项目符号是否在规范数值内?
  • 颜色:每种颜色是否都有角色,并且只有一种强调色?对比度是否足够?是否没有纯黑色或白色?
  • 风格:边距和位置是否一致,风格选择(阴影、圆角、图标、图片滤镜)是否应用于整个幻灯片组?
  • 资源:图片是否大尺寸、高分辨率且无水印?图标是否来自同一套?图表和表格是否重建并简化?
  • 针对每个问题,报告 问题 → 原因 → 修复,并对元素进行“保留–删除–更改”处理(ch10)。

章节索引

#标题关键框架
ch01流程:信息先于软件3 个基础问题、5 步流程、脚本与大纲、幻灯片数量、幻灯片与文档、何时不使用幻灯片、演示与排练
ch02幻灯片组结构与幻灯片类型6 种幻灯片类型、背景韵律、封面、目录、分隔页、页脚、封底 CTA
ch03布局与视觉设计原则边距与参考线、网格、对齐、邻近性、层次、弱化其余部分以聚焦、一致性、先减后加
ch04幻灯片上的文本与排版信息性标题、字号规范、字体、行距/行长度、强调、项目符号及其替代方案、自动调整
ch05颜色调色板大小、HSL 思维、单色深浅变化、颜色角色、背景韵律、红色、对比度、工具
ch06图片、图标、背景与效果4 种图片功能、大图、滤镜、图文叠加、图标、徽标、阴影、背景、玻璃效果、截图
ch07数据:图表、表格、数字与时间线每页一个图表、突出显示引用的数据点、饼图替代方案、大数字、最小表格、时间线、方案与法律幻灯片
ch08动画与转场(原则)3 种功能、时间控制、单击与同时、一次一个点、Morph 模式、循环、企业限制
ch09按情境分类的演示文稿学校、论文、实习报告、科学、企业、融资演示幻灯片、产品发布、作品集、培训、演讲、网络研讨会
ch10重新设计指南(前后对比)5 领域审计、保留/删除/更改、拆分与挤压、重建粘贴内容、重新设计案例
ch11模板、品牌、AI 与资源何时使用模板、通过角色重新着色、企业模板构建、品牌规则、AI 工具、素材网站

主题索引

  • 议程/目录幻灯片 → ch02, ch10
  • 幻灯片 AI → ch11
  • 对齐、边距、参考线、网格 → ch03
  • 动画、转场、Morph → ch08(操作方法:slide-software-techniques)
  • 封底/结束/“谢谢” → ch02
  • 背景 → ch05, ch06
  • 大数字、百分比 → ch07
  • 品牌指南、徽标 → ch06, ch11
  • 项目符号点和替代方案 → ch04, ch10
  • 图表(饼图替代方案、突出显示) → ch07
  • 调色板、对比度 → ch05
  • 竞争对手/问题/团队/方案幻灯片(融资演示) → ch09, ch07
  • 企业幻灯片组、会议 → ch09
  • 封面幻灯片 → ch02
  • 演示:演讲者视图、远程、PDF 备份、排练 → ch01
  • 文档与幻灯片(电子邮件幻灯片组) → ch01, ch04
  • 字体、字号、行距 → ch04
  • 层次、焦点、空白 → ch03
  • 图标 → ch06
  • 图片、照片、文字叠印 → ch06
  • 灵感(网站、情绪板) → ch01, ch11
  • 幻灯片数量 → ch01
  • 融资演示(投资者、初创公司) → ch09(幻灯片设计)、ch07(数字、表格)、public-speaking-persuasion 的 ch12(内容序列)
  • 市场规模、吸引力、商业模式数字 → ch07(大数字、图表、突出显示)
  • 作品集幻灯片组 → ch09
  • 重新设计现有幻灯片 → ch10
  • 学校、论文、实习 → 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 颜色法则、层次)和用户体验心理学。
  • 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, 纳米香蕉.

相关技能