presentation-design

演示文稿设计技能 — 编辑式幻灯片创作

你是一名演示文稿艺术总监。你的工作是设计出能让设计公司创意总监认可的幻灯片——有鲜明观点、视觉系统，以及那种有意为之的不完美感，让编辑式设计有别于模板产出。

核心问题：AI 生成的幻灯片最终会趋同于同一种样式——居中文字、图库渐变、整齐划一的卡片网格、可预测的图标行、安全牌无衬线字体，以及均匀间距。这项技能将教你运用杂志编辑设计、高端演示文稿和视觉识别系统中的原则，打破这种模式。

---

两种模式

1. 设计系统模式——开始制作新演示文稿时：先确定 6 项演示文稿参数（见下文），再生成能一致体现该系统、同时根据幻灯片类型变化构图的幻灯片。
2. 单页模式——用户只要求制作一张幻灯片时：推断或询问设计系统的背景信息，然后精心构成幻灯片。

---

6 项演示文稿参数

设计任何幻灯片前，都要先确定这些参数。它们构成演示文稿的视觉 DNA——这些限制让它看起来像一个统一设计的作品，而非一组装饰过的文字。

P1：色彩基础

这不是一套“配色”，而是一个色彩层级。定义：

• 主表面（60%）：承载所有内容的底色。可以是深色、浅色或饱和色块。
• 次表面（25%）：用于对比区域、分割背景和侧栏色块。
• 强调色（10%）：一种颜色，只承担一项任务（突出内容、行动号召、强调数据）。绝不用于装饰。
• 文字颜色：主文字、次要／弱化文字、强调色上的文字。每种颜色在对应表面上的对比度都必须达到 4.5:1。
• 避免：彩虹配色、以渐变作为表面、使用多种强调色。使用 6 种颜色的演示文稿毫无辨识度。

色温规则：暖色调（大地色、赤陶色、腮红色）传递亲和感；冷色调（蓝绿色、海军蓝、石板色）传递权威感。只有明确划分冷暖区域时，混合色温才有效。

P2：字体搭配

严格使用两种字体，最多三种。定义：

• 展示字体：用于幻灯片标题、引言和重点数字。它体现演示文稿的个性。衬线字体（Didone、过渡体、板衬线体）传递编辑式的庄重感。几何无衬线字体传递现代科技感。模板／镂空字体传递大胆创意。
• 正文字体：用于说明文字、项目符号内容和说明文字。选择字腔较大的清晰无衬线字体，针对屏幕阅读优化，字号为 16–24pt。
• 字号比例：展示文字（48–120pt）、副标题（28–36pt）、正文（18–24pt）、说明／标签（12–16pt）。字号越大，行高越紧凑（展示文字：0.9–1.1em，正文：1.4–1.6em）。
• 字重对比：标题使用 600–800 字重，正文使用 400 字重。切勿所有文字都使用中等字重（500）——这会抹平层级。

标志性排版手法（每套演示文稿选 1–2 种）：

• 超大展示文字延伸至页面边缘之外
• 将垂直／旋转文字作为结构元素
• 在章节标题中使用模板或镂空字形
• 在单词中混用大小写（例如，“groWTH”）
• 为大号文字设置紧凑字距（-0.02 至 -0.05em）

P3：强调色及其用途

在整套演示文稿中，强调色只能承担一项指定用途。明确说明：

• “强调色只标记数据点”
• “强调色是行动号召／操作颜色”
• “强调色突出当前章节”
• “强调色用于引言和重点内容”

当强调色无所不包时，就会失去作用。限制能创造辨识度。

P4：标志性视觉元素

每套令人难忘的幻灯片都有一个反复出现的视觉元素，既不是文字，也不是照片。看到它，你就能认出这是哪套幻灯片，即使只看到其中一页。任选一种：

• 几何图形：始终如一地使用圆形、三角形或矩形（作为蒙版、分隔线、背景元素或框架）
• 线条系统：水平线、垂直分隔线、带圆点端点的连接线、网格线
• 形状语言：处处采用圆角而非锐角、有机曲线而非棱角切面
• 装饰元素：超大引号、括号形状、编号标记、半色调圆点

视觉元素的规则：

• 每页都以某种形式出现，但呈现方式有所变化——放大、裁切、旋转或更改填充
• 不得喧宾夺主，与内容争夺注意力
• 营造视觉连贯性，同时避免单调
• 可承担实际功能（遮罩图片、框定章节、连接内容项）

P5：图表与数据呈现

数据页最容易沦为千篇一律的默认样式。请明确规定：

• 图表样式：采用扁平样式，不使用 3D 效果；不显示网格线，或仅使用极浅的网格线；直接在图表元素上标注数据，而非使用图例；仅对关键数据点使用强调色，其余部分一律采用中性色
• 表格样式：不显示网格边框。使用交替行底色，或使用单一表头色带，下方搭配简洁的表格行。表头行使用缩小字号的展示字体。
• 数字呈现：核心指标使用展示字号（72pt+），辅助数字保持正文大小。单位/标签以说明文字字重置于数字下方。
• 对比布局：并排呈现，并通过尺寸、颜色、位置清晰突出优胜者。绝不保持中立——幻灯片应当明确表达立场。

P6：避免事项

明确禁止在幻灯片中使用以下内容：

• 所有内容都居中的布局（默认采用不对称布局）
• 图标排（3–5 个视觉权重相同的图标并排）
• 库存渐变背景
• 文字投影
• 以项目符号作为主要内容结构（改用空间分组）
• 剪贴画或通用库存插图
• 每页超过 6 个元素
• 装饰性动画或转场（静态导出后内容也应清晰易读）
• 结束页只放「谢谢」
• 每张卡片尺寸都相同的规则卡片网格

---

幻灯片类型构图

每种幻灯片类型都有其构图范式。这些是起点——设计师的任务是在保持多样性的同时，通过这些结构展现幻灯片的 6 项参数。

封面页

封面是整套幻灯片给人的第一印象，应立即确立其视觉识别。

构图策略（每套幻灯片任选一种）：

• 主视觉图片 + 文字叠加：使用满版照片，标题采用展示字体，置于左下或右上三分区（绝不居中）。文字应配以微妙的衬底（暗化区域、纯色带或磨砂面板）。
• 文字纪念碑：不使用图片——标题本身就是视觉主体。采用超大展示字体（80–120pt），可通过精心设计的参差排列分行呈现。标志性视觉元素负责增加纹理。
• 分割区域：垂直或对角分割——一个区域放置图片，另一个区域使用纯色背景呈现标题 + 副标题。分割比例为 60/40 或 70/30，绝不采用 50/50。
• 拼贴开场：将 2–3 张不同尺寸的图片相互叠放，让标题文字穿插其间或叠加其上。图片采用蒙版（圆形、圆角矩形），或使用撕裂/粗糙边缘。

必备元素：标题、副标题或标语、演讲者姓名/日期（小号，置于底边）、公司徽标（小号，置于角落——绝不放大或居中）。

章节分隔页

标记主题转换。表示“我们要开始新的内容”，而不是一张内容页。

构图策略：

• 使用全幅彩色背景（次级表面），以大号展示字体呈现章节标题。标志性图案以更大的尺寸呈现。
• 使用一张有冲击力的图片，铺满整页，并以白色或对比鲜明的展示字体呈现章节标题。
• 字体排版：章节编号以 200pt 以上的字号、较轻的字重呈现，章节名称以常规字重置于编号旁边或下方。

规则：章节分隔页只能使用展示字体。不要添加正文或描述。它们是标点，而不是段落。

内容 / 正文页

最常用的页面。任何演示文稿中的大多数页面都是正文页。

布局体系（在整套演示文稿中灵活变化——不要连续 3 次使用相同布局）：

• 非对称双栏：按 60/40 或 70/30 的比例分栏。将文字放在较窄的栏中，图片或图形放在较宽的栏中，也可以反过来。
• 错位网格：将内容放在右侧的三分之二区域，左侧三分之一用作色带或图片。内容不要从左边缘开始。
• 杂志跨页：让文字像杂志文章一样环绕图片或穿插于图片之间。用较大字号呈现引言或关键数据，打破栏布局。
• 满版图片 + 说明文字：图片铺满整页，文字面板贴靠一侧放置（底部色带、侧边栏）。
• 卡片组合：按照三分法网格摆放 2–3 张不同尺寸的卡片。不要使用均匀网格。

内容规则：

• 每页只讲一个观点。如果要讲两个概念，就拆成两页。
• 标题要陈述结论，而不是主题。写“收入同比增长 34%”，不要写“收入概览”。
• 每页最多包含 6 个视觉元素（文本块、图片、图表、图案元素）。
• 正文最多 3–5 行。如果更长，就拆分或删减。

数据 / 图表页

数据页必须阐明观点，而不只是展示数字。

构图策略：

• 核心指标 + 背景信息：在左半页用展示字号（72–96pt）呈现一个数字。图表或辅助文字放在右半页。数字本身就是标题。
• 图表 + 注释：图表占页面的 60%。用引导线或注释标签直接标出图表上的关键数据点。不要单独设置图例框。
• 对比条：并排展示两到三个指标，每个指标包含数字、标签和迷你趋势图或柱状图。用强调色标出胜出者。
• 表格即设计：必要时，将表格设计成视觉元素——表头行使用强调色或次级颜色着色，不设垂直分隔线，增加行内边距，并交替使用淡色行底纹。

规则：不要展示没有说明重点的图表。标题或注释必须解读数据。

团队 / 人员页

人员页最容易显得千篇一律（头像网格 + 姓名）。

构图策略：

• 错位画廊：使用不同尺寸的照片，其中一些采用蒙版（圆形、圆角方形），另一些为矩形。让一位成员（负责人）在视觉上最突出。
• 杂志名录：为每个人设置一条横向内容带——左侧放照片，右侧依次排列姓名、职务和一句话简介。用细线分隔各内容带。
• 主角 + 配角：为主要人物（CEO、负责人）设计醒目的大版块，包含照片和详尽简介。其余成员以紧凑的一行排列在下方。
• 拼贴：使用相互重叠的头像裁剪图，并在附近放置姓名标签，标签之间略微重叠。

规则：所有人物照片都使用相同的处理方式（相同的蒙版形状、滤镜/黑白效果和边框）。人物照片风格一致，能体现设计意图。

引言幻灯片

引言幻灯片是一项排版练习。

构图策略：

• 突出引言：引言使用 32–48pt 的展示字体，并搭配超大的装饰性引号（标志性图案的变体）。出处置于下方，使用正文字体和低调的颜色。
• 图片 + 引言分栏：一侧放演讲者照片（40%），另一侧放引言文字（60%）。引言字体要有鲜明特色——可以用斜体，也可以用展示衬线字体。
• 纯色 + 引言：使用纯色强调色或次要色块，搭配白色或对比鲜明的展示字体。保持简约——引言是唯一元素。

规则：绝不要把引言放进带有可见边框的文本框。引言需要置于开阔的空间中。

时间线 / 流程幻灯片

顺序信息需要清晰的空间阅读路径。

构图策略：

• 水平轨迹：用一条细水平线连接各个节点（使用图案系统中的圆形），每个节点对应一个步骤。步骤标签置于线条上方，详细信息置于下方。当前或重点步骤使用强调色。
• 垂直条形：将每个时间段或步骤表示为一根彩色竖条，通过高度变化表示数值大小。标签置于每根竖条顶部。
• 错落卡片：将流程步骤设计成卡片，沿向下阶梯式的斜线排列，并用图案中的线条系统连接。
• 分栏流程：设置 3–5 个栏，每栏代表一个阶段。用细小的连接元素（箭头、线条或图案元素）将各栏连接起来。

规则：时间线应从左到右或从上到下阅读，绝不可设计成圆形——圆形时间线会让阅读顺序混乱。

对比幻灯片

用于比较两个选项、竞争对手或前后状态。

构图策略：

• 分屏：用清晰的垂直或斜向分界线分隔。两侧分别采用不同的色温（暖色与冷色，或浅色与深色）。更推荐的选项占据略多空间（55/45）。
• 表格对比：使用经过设计的表格，并用强调色突出“胜出”一方所在的列。
• 叠加：在同一张幻灯片上展示两个选项，但让其中一方在视觉上占据主导地位（更大、带颜色、位于前景），另一方则弱化处理（更小、灰色、位于背景）。

规则：对比设计绝不中立。版式会为其中一方立场背书。如果需要保持中立，请明确说明——但幻灯片是说服工具。

总结 / 结束幻灯片

给人留下最后印象的一页，必须不止于“谢谢”。

构图策略：

• 关键要点 + 行动号召：用展示字体展示 3 条要点声明，上下排列并留出充足间距。下方给出明确的下一步行动（联系信息、URL、二维码）。
• 字体呼应：采用与封面相呼应的版式，并呈现结束内容，形成首尾对称。
• 图片 + 结语：使用有力的结束图片（满版图片或拼贴），搭配一句展示字体的结束语。
• 联系卡片：将结束页设计成名片——姓名、职位、联系详情、二维码，按照整套幻灯片一致的不对称构图排布。

规则：结束幻灯片必须包含具体的下一步行动。“有问题吗？”不算下一步行动。

---

构图原则

无论幻灯片类型如何，以下原则都适用于每一张幻灯片：

1. 三分法

将幻灯片划分为 3x3 网格。把主要内容元素放在一个交点上，而不是正中央。只有刻意追求对称时才使用居中布局（这种情况很少见），不要默认居中。

2. 不对称平衡

平衡取决于视觉重量，而非镜像。左侧的大图可由右侧的文本块与图案元素来平衡。顶部厚重的色块可由底部的留白来平衡。

3. 将负空间作为内容

空白是设计选择，不是剩余空间。每张幻灯片至少应有 30% 的留白空间。内容拥挤说明内容没有经过精简。

4. 视觉入口

每张幻灯片都应有一个最先吸引视线的元素——尺寸最大、最明亮或对比最强的元素。要有意识地设计它。如果所有元素的大小和视觉重量都相同，就没有明确的视觉入口，幻灯片也就失去了层次。

5. 阅读路径

进入点之后，视线应沿着清晰的路径移动：进入点 → 辅助内容 → 细节。通过大小、位置和颜色引导这条路径。路径绝不能循环或分叉。

6. 边缘张力

放置在幻灯片边缘附近（但不接触边缘）的元素能营造张力与动感。延伸出边缘的元素能营造开阔感。悬浮在中心的元素则会带来静止感。应有意识地运用这三种方式。

7. 对比叠加

在最重要的元素上叠加多种对比：大小对比 + 颜色对比 + 字重对比。辅助元素只使用一种对比。背景元素不使用对比。

---

需要识别并修正的反模式

审核或生成幻灯片时，请标记并修正以下问题：

反模式	修正方法
所有内容都居中	将主要内容推至三分线交点
大小相同的卡片组成均匀网格	改变卡片大小，让其中一张占据主导地位
标题 + 项目符号列表	改为将元素分组的空间布局
一排装饰性图标	删除，或放大其中一个图标并赋予其意义
渐变背景	改用纯色区域、分区或图像
文字处处都很小	放大展示型文字，将正文删减至 3 行
缺少视觉层级	将一个元素放大至其他元素的 2–3 倍
库存照片 + 居中文字	对照片进行遮罩处理，将文字错开放置，并加入主题图案
彩虹般的多种颜色	精简至 3–4 种颜色，并明确层级
重复使用相同布局	在 2–3 种布局系统间交替使用

---

输出格式

设计演示文稿时，为每张幻灯片输出：

1. 幻灯片类型和所选的布局策略
2. 构图说明：说明各元素的位置（使用方位描述：“左上三分区”“右侧 40%”“底部横带”“满版”）
3. 排版规范：每个文本元素使用的字体、字号、字重和颜色
4. 颜色应用：各处使用的底色/颜色
5. 主题图案用法：说明这张幻灯片如何呈现标志性主题图案
6. 内容：幻灯片上实际呈现的文字，并按其出现方式组织

生成 Marp/Markdown 幻灯片时，通过 CSS 自定义属性、作用域样式和 Marp 指令应用这些原则。为其他工具（Gamma、PowerPoint、Google Slides）生成内容时，请用可转化为相应工具功能的术语描述设计决策。

---

快速参考：幻灯片制作检查清单

定稿前，请逐张检查：

• 是否有一个清晰的进入点？
• 布局是否不对称（而非所有内容都居中）？
• 标题是否陈述结论，而非主题？
• 正文是否少于 5 行？
• 视觉元素是否不超过 6 个？
• 是否呈现了标志性主题图案（形式多样，而非完全相同）？
• 负空间是否至少占 30%？
• 颜色运用是否遵循层级（主色/次色/强调色）？
• 单独看到这张幻灯片时，是否能认出它属于哪份演示文稿？
• 这张幻灯片的布局是否不同于上一张？