提升 PPT 逼格的秘诀:善用圆角矩形 您所在的位置:网站首页 ppt矩形框圆角 提升 PPT 逼格的秘诀:善用圆角矩形

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

2024-07-07 08:24| 来源: 网络整理| 查看: 265

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

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

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

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

售后服务:提供读者圈。

写在前面 为什么选择圆角矩形

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

enter image description here

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

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

圆角矩形的范畴

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

enter image description here

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

参数 圆角半径

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

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

enter image description here

仅有边框的圆角矩形

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

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

enter image description here

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

enter image description here

使用 表示重点信息/切割信息

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

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

enter image description here

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

enter image description here

这里需要注意三点:

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

enter image description here

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

enter image description here

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

enter image description here

重叠

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

enter image description here

enter image description here

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

统一性

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

辅助

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

阴影

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

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

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

阴影类型

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

enter image description here

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

模糊 & 不透明度

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

enter image description here

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

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

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

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

看下面这个例子。

enter image description here

透明 & 模糊

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

enter image description here

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

enter image description here

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

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

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

enter image description here

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

最后

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

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

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

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

FtooAtPSkEJwnW-9xkCLqSTRpBKX



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有