提升 PPT 逼格的秘诀：善用圆角矩形

其实想要做出“别人的 PPT”并没有那么困难，只要你能利用好现有的一切，就算是最基础的几何图形，也能带来巨大的改变。

你所需要做的，就是花10分钟读完这篇文章。

本场 Chat 中，笔者以圆角矩形为核心，总结了一系列关于提升 PPT 逼格的套路，帮助你的 PPT 在人群中脱颖而出。

你将学习到圆角矩形的优势所在，以及如何利用阴影、透明、模糊将圆角矩形的威力发挥到最大，并且了解到实际应用过程中应当注意的地方。

售后服务：提供读者圈。

写在前面

为什么选择圆角矩形

首先必须指出的是，本文中所有圆角矩形相关的内容都是将圆角矩形作为信息承载体，而不会涉及这个形状本身的拼凑、组合（这听起来有点抽象，不过不能完全理解也没有关系）。可以说圆角矩形是这个世界上最优雅、简洁的承载体（或者说装饰物）之一。相信很多人都使用过下面的文本框：

但不知道你有没有想过用一种更方便、有效的方式替代这些“臃肿”的装饰？

大多数时候，你需要的只是一个圆角矩形。

圆角矩形的范畴

值得一提的是，在本文中，下面三种图形都被划归为圆角矩形：

之所以将 A（圆形）和 C（矩形）也放入此列，是因为本文大多数使用方法、技巧同样对它们适用，而不仅仅局限于一般的圆角矩形（也可以将它们看作圆角半径较为特殊的圆角矩形）。

参数

圆角半径

在正式介绍圆角矩形的用法前，我更希望你能明白究竟是什么在控制圆角矩形——圆角半径。

一般来说，圆角矩形本身丑的原因是因为圆角半径没有控制好。圆角半径不宜过大。如果你觉得眼前的圆角矩形看起来很不舒服，你可以尝试调整（一般是减小）它的圆角半径，如下图所示：

仅有边框的圆角矩形

这仅仅取决于你的整体风格。这样的选择在科技风、线条风的 PPT 里比较常见。

不过需要注意的是，仅有边框的圆角矩形和其中内容的存在感会被削弱（这也和圆角矩形的前景色与背景色有关），并且许多这样的线条容易使 PPT 整体感觉变得杂乱无章——尽管它们的确是对齐的。如下图所示

另一件很重要的事是，边框一定不能比文本更粗（一般来说要细一些）。如果线条过粗，会抢占、分散观众注意力，导致观众不容易看到真正重要的内容，也就是装饰过度。

使用

表示重点信息/切割信息

事实上，单纯的圆角矩形的使用非常简单，在不使用圆角矩形进行拼合的情况下，我们一般会将一系列的信息点分别搭载在不同的圆角矩形上。

比如当想到“导体的电阻取决于什么？”时，请不要像下图一样直接按项列出

更好的方法是用圆角矩形罗列选项，如下图所示

这里需要注意三点：

尽量让所有圆角矩形的风格统一。事实证明，不同的配色、字体、圆角半径、高度和宽度只会让观众感到混乱，通常这也是最好制作的选择。
当你希望强调某个选项时，可以反转圆角矩形的填充色和文字颜色。尽量不要更改强调项的字体和圆角半径，那会带来风格的强烈分歧，观众往往不能很好的理解你在强调某项事物。在此基础上，你还可以降低圆角矩形颜色、文本颜色与背景色的明度对比（如果你不知道明度是什么也没关系，你可以简单理解为让前景色和背景色变得相近，这会让强调项的对比更强烈）。
圆角矩形中的内容应当尽量精简，并且不能填满图形。如果内容很多，最好的做法是首先提炼出主旨大意，然后将其拆分到多个圆角矩形中。不要让文本字号过大，不可以像下图这样：

下图是关于圆角矩形中文本字号的直观感受：

在此基础上，我们可以使用像下图这样简单的切换来完成选项的过渡：

重叠

利用重叠和阴影，可以帮助你制作出层次感更强的 PPT。部分的重叠可以适当地缓解不同风格的元素所带来的不和谐感。例如，我们可以用这一点来处理二维码。

使用第二张图的处理方法其实也可以，但我一直认为第一张图的布局更具有层次感，更能聚焦观众视线，并且具有更好的统一性。重叠一般会使用阴影（关于阴影后面会有详细解释），阴影也是出现层次感的根本原因之一。

统一性

统一性原则在许多方面都适用。在同一级别下，必须统一圆角半径、圆角矩形长宽、圆角矩形边框、圆角矩形填充色调、文本字号、文本字体、文本色调甚至是元素布局。纷繁的色彩搭配和不统一的布局只会给观众带来混乱，统一并不意味着单调，统一的力量体现在思维的简洁。

辅助

仅仅使用圆角矩形制作的动画虽然已经十分简洁且富有逻辑性，但我们希望能凭借其他的手段制作出“精致”的 PPT，这里我将介绍3个技巧——阴影、透明、模糊。

阴影

我希望简单说明使用阴影的本质目的：

阴影只会出现在 3D 世界中，所以它可以被认为是扁平化与拟物化的折中；
阴影能够轻松制造层次感；
阴影善于增强轻盈感；
阴影可以帮助你突出重点。

因为我们主要讨论圆角矩形，所以我并不打算介绍太多关于阴影本身的问题，我想我们可以直接将圆角矩形和阴影结合起来看待。我将从 Keynote 中关于圆角矩形阴影的参数挑选一部分展开，也就是阴影类型、模糊、不透明度三个方面展开。

阴影类型

Keynote 中阴影类型分为投影、接触阴影、弧形阴影三种。

大部分情况下，我们在圆角矩形上使用的就只是投影，所以这里我们也只研究投影。

模糊 & 不透明度

模糊程度越高，圆角矩形会显得更轻盈，直观感受如下图所示：

一般来说我们会选择更加轻盈的圆角矩形，尽管有的时候也会让它变得厚重。模糊系数由不同的不透明度、阴影颜色与背景颜色的对比程度共同决定，不透明度或对比程度越高，就需要越大的模糊系数使得圆角矩形变得轻盈。

一个简单的调试技巧是，直接将圆角矩形的模糊系数调到最大（100磅），然后仅调整不透明度至自己期望的样子，最后可以根据圆角矩形的总面积略微缩小模糊系数。如果圆角矩形面积较小而阴影面积较大，会导致圆角矩形不够明显、阴影抢夺观众注意力。

圆角矩形的阴影颜色可以选择与背景相近但明度更低的颜色，也可以选择“万能色”——黑色（只要背景不是纯黑），但不能选择与前景色相同的颜色。

另一点需要注意的是，我们不对仅有边框的圆角矩形使用阴影。那会让圆角矩形的边框看起来与内容脱离。

看下面这个例子。

透明 & 模糊

部分读者一定知道下面的遮罩技巧：

利用透明条加大前景色与背景色的明度对比，一定程度的屏蔽背景的杂乱，从而达到凸显出文本的目的。但在我看来，单纯的透明条并没有将“潜力”发挥到最大，或许我们可以利用模糊的本质作用——聚焦。如下图所示：

通常来说加上模糊后的效果都会比单纯的透明好得多，所以我也将这两项放在一起。

根据模糊对象的不同，可以将模糊分为两种，即背景模糊和前景模糊。

背景模糊就是上面的示例所展示的，既可以只让圆角矩形背景模糊，也可以让整个背景模糊，如下图所示（GitChat邀请卡）

最后要注意的是，透明-模糊一般不与阴影共同使用。

最后

本篇文章只是简单地谈到基本几何图形的使用，更多系统的 PPT 课程敬请期待日后发布的达人课。

本文首发于GitChat，未经授权不得转载，转载需与GitChat联系。

阅读全文: http://gitbook.cn/gitchat/activity/5aa5237c291bf90af9b05dcc

您还可以下载 CSDN 旗下精品原创内容社区 GitChat App ， GitChat 专享技术内容哦。