5000 字超长干货，帮你搞定 PPT 背景设计！

好久不见，我是汤帅。

最近 Keynote 社群在讨论「发布会 Keynote / PPT 背景设计方法」，我也来说说我的看法。

从性质上讲，我们看到的背景一般分为 5 种类：纯色、渐变、纹理、图形、全图，但在真正开始设计之前，我们不会直接在这里 5 在种性背景中选择，反而会先从其它一些维度去思考，才能做出具体的选择。

△ 新闻发布会背景 5 种性质

因此在这 5 除了个性，我们还需要引入其他的思维维度，这些思维维度才能让我们真正做到「符合当前页面内容」幻灯片背景。

按幻灯片背景设计的时间流程线可分为 8 大尺度:直观感、主视觉感、布局感、场景感、设计感、平衡感、氛围感、跳跃率。

△ 新闻发布会背景定制 8 个维度

直觉感

通常，我们以白底黑字的形式得到客户的标准原稿。此时，我们首先考虑的出发点是：整个幻灯片希望向人们传达偏见「明亮阳光」、「沉稳大气」这两种完全不同的感觉会让我们在选择背景时倾向于「亮色调」，或是「暗色调」。在这个阶段，我们不会考虑幻灯片的背景是否属于幻灯片「纯色、渐变、纹理、图形、全图」在这个阶段思考这个问题太早了。我们只能从两条非常简单但完全相反的路径出发。在这个时候，没有细节。

——我称之为这个「直觉感」。

这是我们的想法、感受、信念或偏好，可以帮助我们根据信息片段快速做出决策——这是设计师/团队对内容的直觉洞察，本质上是个人知识体系和经验的判断，没有太多理由。

△ 纯白/纯黑背景内容原稿

两者的选择将在设计开始时给我们带来不同的思维角度。当我们确定色调时，我们将直接将原稿的背景颜色改为纯白色或纯黑色，以便我们不知不觉地思考气质。

但是，在这个阶段确认方向很容易找到调性的初衷，在后期的细节设计中不会陷入方向错误。

主视觉

当我们清楚地判断整个页面的直观感受时，它可以涉及到一些特定的设计性质，通常分为两种设计情况：一种是「有迹可循」，另外一种是「无迹可循」，不同的背景设计方法分别对应。

就新闻发布会而言，「有迹可循」最直接的情况是主视觉（Key Visual）使用情况(以下简称主KV)；「无迹可循」需要考虑所需传达的感觉和美感的结合「场景感」和「设计感」谈两个维度。

每个活动基本上都有一个主人 KV 它被用来为活动奠定视觉基调，因此幻灯片和主要幻灯片的概率很高 KV 会有一定的联系——但我们需要准确判断两个小的隐藏需求:

需求方对主 KV 对幻灯片的态度需求方对幻灯片的期望

这两个无形的需求必须在早期沟通中得到确认，否则可能会造成很大的误解，导致许多额外和不应该发生的问题。让我们解释一下：

1. 客户对主KV的态度

在一种情况下，需求方对这个主体有利 KV 本身就有一定的不满，但由于各种因素，这个主体最终被使用了 KV，如：

上级决策者喜欢这个主人 KV；决策者是其他部门；设计团队属于不能完全控制的外部合作伙伴；时间不足以再次调整；....

△ 需求方可能对主不满意 KV

由于主 KV 已确定，需求方将希望幻灯片的设计，内在需求是：「能够基于主 KV，但不止于主 KV」。

另一种情况是需求方对主 KV 有些部分甚至全部部分都比较满意，允许设计师/团队使用主要部分 KV 设计的一些亮点元素——最好在早期设计之前清楚地探索范围。具体的沟通技巧涉及到双方自身和相互合作的经验，需要双方的合作。

△ 需求方比较满意的主 KV

其中一个技能是：看看需求方是否拥有主人 KV 适用于整个会议的材料设计，如果有的话，那么幻灯片遵循相应的风格一般属于「政治正确」的操作。

2. 顾客对幻灯片的期望

就像需求方对主一样 KV 他的态度会影响他对幻灯片的期望。需求方希望设计师/团队能够遵循统一的基调(毕竟是同一个会议)，但如果是直接的话 100% 沿用主 KV 如果是这样，可能会有问题。因此，设计师/团队需要与需求方确认幻灯片设计是主要的 KV 的「沿用自由程度」。

完全沿用主 KV 元素:会议对幻灯片模板要求严格，玩的空间不大。相当于直接用主 KV 作为我们幻灯片设计的底板，允许的范围是：颜色不能改变，只能变暗，允许放大、缩小或半透明的主要元素；部分使用主要元素 KV 元素：允许设计师/团队使用主要元素： KV 设计一些亮点元素，可以在一定程度上替换主要元素，调整颜色；完全不使用主要元素 KV 元素:可以完全不遵循主要元素: KV 设计背景，另定风格。

△ 对主 KV 元素的 3 种子沿用自由程度

其实这三种情况都是真实的，其实我也遇到过。

如果设计师/团队只问一个非常简单的问题，这里有一个经验：「幻灯片设计是否符合主要要求 KV 来走」。需求方一般会说：「我们必须遵循主 KV 的风格」，实际情况可以要求完全不遵守主要要求 KV 除非设计师/团队成功制作出能让需求方惊叹的作品，否则需求方很少。

但是因为没有明确「沿用自由程度」，会给设计带来很大的麻烦。这个问题主要来源于:主要来源于: KV 的「沿用自由程度」，对幻灯片的直接决定直接决定「自由度的设计」。

△ 扩充「设计自由度」

设计师/团队和需求方确认主要方确认主要方和需求方 KV 的「沿用自由程度」时间不限制自己「设计自由度」，相反，它在扩张「设计自由度」——我们应该知道在设计过程中我们不能做什么，我们可以尝试什么，以确定有多少设计理念是允许的，有多少设计理念是可以实施的。

因此在有主 KV 幻灯片背景设计的主要维度是「主视觉」。

布局感

在制作幻灯片背景时，从整体角度考虑「布局感」特别重要的是，让我们先看一个设计需求高的案例：

对于具有强烈设计感要求的需求方，他们希望每一页的背景尽可能多变（即使是相同的元素，他们也希望稍微部署位置）。这种需求对设计有很高的要求。

△ 每一页的背景都是尽可能多变的需求

我们可以这样理解：

整篇文章需要统一的背景，设计要求相对最低；相反，每页不同性质的背景应使用相同的元素进行统一处理，以实现最终的统一。此时，所需的难度最高。

这并不是说每一页的背景都是不同的，而是一个很好的设计。对于内容较多的幻灯片，需要对内容进行分级，如 4 幻灯片的每一章，也许每一章的背景都是统一的，只有在下一章才会做出一定的调整，就像「002 数字知识发布会」的背景：

△ 通过整体实现布局规划的背景布局感

幸运的是，在真实的使用场景中，所需的程度通常是：在某些页面上有单独的定制，而其他页面可以使用统一的背景。例如：20 不同的页面背景，改为 8 不同的背景(相当于:4 个章节+ 4 种背景+ 4 通过规划背景，提高统一性，降低设计难度，具有实际应用意义。

场景感

需求方没有给主 KV，或者甚至主 KV 当设计师/团队设计时，我们应该与需求方沟通他们想要的感受，特别注意演示场景对背景设计的影响，并考虑效果的美感。

从单页的角度来看，所有背景都应该考虑现场演示「场景感」，其中比较突出的是纯色背景和经典搭配的渐变背景。

1. 纯色：简约大气

纯色技术并不难，但颜色选择非常重要，主要困难在于客户想要表达的内容的颜色匹配和颜色选择。

它分为：纯黑色背景和其他颜色的纯色背景。纯黑色背景给人一种极其稳定的感觉，而其他颜色的纯色背景则相反，给人一种干净的感觉。

△ 各种不同气质的纯色背景

无论什么样的纯色背景，都有两个无形的要求:

现场投影的 LED 屏幕的显像质量要高；演示场景中的灯光也要有一定的配合度。

高质量的成像屏幕可以让观众在拍照时不会因为明亮的颜色和纯色而遭受太多的成像问题。接近纯白色调的人越接近纯白色色调，就越需要现场照明的配合。如果配合不好，演讲者可能会成为背景「剪影」。

2. 渐变：经典搭配

渐变是新闻发布会上一直流行的背景色，Keynote 的自带模板 Gradient 就是这样的典范。

从上到下的黑色渐变「深紫」「深蓝」「深灰」新闻发布会上经常使用搭配，因为底部颜色较浅，可以更好地衬托内容和演讲者，是新闻发布会的经典搭配。

△ Keynote 的 Gradient 背景

设计感

除了前面提到的各种考虑，设计的美观非常重要。有些页面在「纯色」「渐变」「肌理」如果可以选择的话，「设计感」这是思考的重要起点。

1. 渐变：多变流行

随着审美的不断提高，国内许多大型工厂的新闻发布会没有太多的规则。这种流线型的美容很容易让其他人对技术感和定制感到深刻，这种渐变的生产将更加困难。这种辉煌的颜色在新兴行业被广泛使用，而传统类型的公司则不太合适。

△ 应用背景非线性渐变背景的新闻发布会

此外，在接近纯色的背景下，通过光影创造亮点也是一种先进的手段，可以使画面呈现出丰富的细节，看起来更耐用。

△ 背景亮点是通过光影制作的

2. 质地：细腻耐用

以纹理为背景的设计并不多。它的优点主要是让整个画面看起来更有质感，比纯色更有设计感。

通常，纹理也会与光影相结合，以反映这个页面的高端和奢华感。通过这个案例，我们还可以看到，这种设计将用于新闻发布会页面，以突出产品和高端气质。

△ 通过纹理突出页面气质氛围

平衡感

由于每页幻灯片内容量的差异，每页的布局会有所不同，不同布局所需的布局也会有所不同「平衡感」所需背景不同：

上下结构和直接中间页面：对称/对角线可以添加元素，以避免单调和平衡，突出中心；左右结构页面：辅助元素可以帮助页面实现布局平衡，同时避免页面单调。

△ 在背景中添加辅助元素，结合布局平衡页面

氛围感

这 5 个性背景具有隐藏的作用，即赋予内容意义，即增加「氛围感」。

如果幻灯片从头到尾都是纯色的背景，甚至是单一的背景，那么这个背景可以给这个页面一个单一的意义，可能会让人感觉到某种感觉，仅此而已。

△ 单一的背景

假如定制化比较强，就会有不同的需求来赋予页面背景意义，例如：

承载不同的内容信息来解释内容，增加更多的视觉感受，增加页面的氛围。

1. 图形：属性点缀

有时我们会用点线作为页面的背景元素「点阵」或者「多线段混合工具」填充页面的效果，提高页面图的整体版本率。

△ 「点阵」和「多线段混合工具」效果

也会有一些情况会用圆形、点线、多边形来装饰页面，不同属性的形状会有不同的气质：

圆:圆感点线:多变多边形:动态

所以在选择时，我们会考虑我们想要反映的感觉来选择形状。

△ 圆形、三角形和多边形的图形背景

2. 全图：气氛浓厚

前段时间很多大厂都用了全图背景，让这种设计手法广为流传。

具体的图片让观众直接身临其境，时间的朋友「大豆君」、「深圳」都是这样的用法；在一些企业愿景页面上，直接放公司图片也能体现出非常直接的相关性。

△ 具象式配图

全图图不一定与具体内容完全对应，有象征的可能性。无论是星空、山川，还是黑板粉笔比喻算法，在实际使用中都会起到象征意义。

△ 象征式配图

如果不是产品对应的具体图片，也不是象征性的图片，不要为了美观而放置与主题无关的图片，否则很容易让观众感到困惑。

在实际使用过程中，由于各种原因，直接找到的真实图片不足以支持整个新闻发布会的背景，如：

尺寸不够大直接应用比较整体显得突然尺寸长宽比较屏幕不足以完美呈现文案内容不能直接呈现页面内容的图片。

在这个时候，我们需要对图片进行处理「融合背景」处理不仅与整体背景统一，还添加了页面的必要内容。

△ 象征式配图

若页面内容需要实际真实可观的场景来辅助呈现，则需要进行合成「制造场景」，让观众直观地看到文案的含义，加快对内容的理解；它还可以合成现实中不存在的图片作为背景，增加氛围的感觉。

△ 象征式配图

跳跃率

背景的「跳跃率」是我从「文字」和「图片」引申使用的含义。

△ 文字跳跃率

△ 图片跳跃率

△ 图片跳跃率

文本跳跃率和图片跳跃率描述了材料的大小和景深之间的差异「跳跃率」背景中使用的名词是整个幻灯片背景材料各方面的差异。

△ 每页的整体调性和调性

即使每个页面单独看起来更和谐，但由于每个页面内容的不同图片质量和颜色，不可避免地整体看起来更混乱。此时，有必要进行一定的调整，以确保整体统一，使工作形成一个整体。

要把握的是：既不能完全相同，也不能完全不同，这之间的选择反映了设计师在生产中的把握，也反映了技能。

有关设计节奏的更多技巧和方法，请参阅本文：

最后总结一下这个分享: