如何做出PPT的视觉高级感,看这篇教程就够了

“大家好,我是 iSlide 的设计总监 Psiced

好久不见,今天为大家带来的设计教程是《为什么别人的 PPT 如此美观》第②部—如何让 PPT 设计做出高级感,本次分享内容侧重于设计审美与相关思路的提高。”

注:文内案例均含源文件。

设计的高级感

我们在工作生活中应该会经常听见这句话:高端大气上档次,低调奢华有内涵。听到这句话时,是不是觉得很有场景感;随着现代文明的发展,人们的生活层次在不断的进步,吸收的东西也在不断提高,而大多数用户对于高级感存在一定的理解误区,贵的东西不一定就高级,便宜的东西也不见得就一定土,任何事物的存在即是合理也是相互依存。

相同的事物,不同的表现方式,所呈现出的感受也是不一样的,我们可从以下图片中看到哪些常见的高级感体现。

从以上图片中我们可以看到,无论是小到衣食,大到住行的事物,都能呈现出有不同的高级感,而这种高级感如何在日常工作的画面表现上体现出来?

图片来源于网络

图片来源于网络

图片来源于网络

从以上图片中我们可以总结出一些显现的特征与方式:统一、对齐、留白、亲密、对比等关键信息,以上信息也是设计中常见的视觉呈现手法,做了多年的 PPT 工作者都知道这些手法,但却没办法很好的运用这些手法到自己的实际工作中去,仅是纸上谈兵也是没用的,毕竟实践是检验真理的唯一标准。

接下来我们通过 PPT 设计的常规流程进行拆分讲解,如何设计出 PPT 的高级感。

PPT 的设计目的

在日常工作当中用到 PPT 的场景还是挺多的,年终总结、述职晋升、工作提案、商业宣传等,这篇文章跟大家聊聊如何通过视觉设计来提升 PPT 的高级感。

首先我们需要明确 PPT 设计的目的:做汇报、做演讲、做培训、做宣传、做招标……

通过对 PPT 内容的讲解,向一部分人群传输内容,从而取得某个目标;待目的明确后,我们有了设计的方向。

PPT 的组成部分

PPT 分为两大使用场景,一种是做出来发给对方去看的,而另外一种是给人演讲的。给人看的 PPT 组成部分为:内容(70%)+视觉(30%)= PPT(100%);给人演讲的 PPT 组成部分为:内容(40%)+演讲(30%)+视觉(30%)= PPT(100%)。在整个组成部分,看似视觉只体现了 30% 的贡献,但视觉做得出色,在一定程度上是加分项,同时也是自我工作专业素养的一部分,在未来的工作中更多的企业也越来越重视 PPT 设计的专业呈现。

30% 的视觉

在开始之前先引入一个概念,PPT 的视觉设计本质上是属于平面版式设计,那什么是平面的版式设计?

版式设计主要指运用造型要素及形式原理,对版面内的文字、图像、图标、线条、表格、色块等要素,进行编排,以视觉方式艺术的表达出来。刚刚我们有提到过视觉设计的基础手法分为:统一、对齐、留白、亲密、对比,相信了解过设计的同学对此都有一定的认知,结合下面的画面简单理解下这五大原则。

4.1 / 统一

确保整体 PPT 的设计从色彩、字体、形状、标识等重复性元素的统一性,不可同一类型的元素在每页 PPT 所呈现的形态或颜色不统一,导致整个 PPT 看起来很不专业。

4.2 / 对齐

确保每页 PPT 的设计都遵循左右、局中、上下的对齐方式,这也是版式设计的基础,让整个 PPT 便于阅读浏览。

使用 iSlide 【设计工具】,快速搞定各种 PPT 文本框,图形,图片的对齐和平均分布排版。

(此处已添加小程序,请到今日头条客户端查看)

4.3 / 留白

在整个 PPT 设计中保持合理的留白,不可在一个页面上放太多信息内容,很多同学经常在这个问题上犯错,一味的一个页面上放很多信息,即便是这些内容看似有关联性,如果信息过多,建议分多页面来展示,读者很难在大量文字信息的页面中找到自己想看的内容。

4.4 / 亲密

也许有同学不太明白什么叫亲密性,亲密指的是在无边框或形状约束的情况下,多个元素内容信息的排版方式,通常情况下用于目录、列表、流程、循环、关系、矩阵、层次结构等图示信息内容展示上;亲密性是一种相对高级的设计手法,通过去掉了分割线、线框等约束性图形,仅用间距的方式所表达的一种设计排版布局方式。

4.5 / 对比

在 PPT 设计中,当前页面所呈现内容的大小、颜色、粗细、明暗、虚实等方式的对比性,在表现信息内容的对比性时,不可使用多个对比方式,有的同学在设计时间,经常同时使用大小、颜色、粗细等方式进行表达强调;这就像是我们在设计时经常听到的声音:要大、要亮、要粗···

简单了解五大原则后,回到 PPT 的设计当中,思考一下是不是很多时候都会应用到它们。

分解 PPT 设计

5.1 / 从结构上分解

一份完整的 PPT 可以分解为四个模块:封面页、章节页、内容页和封底页。

5.1.1 / 封面页

整个 PPT 的门面担当,是表达主题的一页,可适当强化设计感;封面的设计要突出产品特色,营造氛围感,有一个简单的方法是选择适合产品主题的高清大图,或是选择抽象具有概念性的铺满画面做背景,烘托气氛。

【案例库】搜索ID:#606744 获取源文件

【案例库】搜索ID:#628939 获取源文件

【案例库】搜索ID:#617736 获取源文件

【案例库】搜索ID:#6025718 获取源文件

【案例库】搜索ID:#634356 获取源文件

5.1.2 / 章节页

整个 PPT 的结构层级,当 PPT 内容过多时,需要用标题页进行内容信息区分;标题页的设计需要与封面的设计风格保持一致,可提取封面内的部分元素作为搭配进行,让观者在视觉上有感知到它是一个整体,同时又起到区分间隔的作用。

5.1.3 / 内容页

整个 PPT 的核心,供观者看内容,这部分要弱化形式,传递有效信息内容;内容模块的背景要尽量简单,不建议添加复杂的纹理背景,可选择纯色或简单的图片,在色彩上与封面调性保持一致,利用重复的视觉效果,让观者在视觉上有感知到它是一个整体。

5.1.4 / 封底页

整个 PPT 的收尾,封底的设计需要起到前后呼应,构建一个整体的氛围;封底的设计最为简单粗暴的方式就是将封面直接用于封底,用感谢观看的语言结束整个观看过程;当然如果花一点心思也可提取封面的 85% 的画面元素,然后在调整下文字的内容与排版方式进行组合,确保与封面保持感官上的一致。

从以上五组 PPT 设计中可以看到,无论哪套设计,都保持了整体的细节元素统一性;封面设计决定了 PPT 标题页、内容页、封底的设计风格,所以在封面设计时更多的考虑化繁为简,而不是为了设计而设计。

5.2 从视觉上分解

一份完整的 PPT 在视觉上可细分为四个组成部分:颜色、文本、图片、数据图表、元素,而 PPT 内常用的设计元素包含:箭头、线条、间距、图标、图形等,接下来我们首先讲颜色。

注:目前在 iSlide 在线案例/主题库、iSlide 365 网站已上线资源颜色的颜色筛选,可快速寻找你所需要的 PPT 色彩类型。

5.2.1 / 颜色

先从颜色上来讲,一份 PPT 里能用到的颜色大概可归纳为以下四类:主题色、背景色、标题色、内容色。

主题色是贯穿整个 PPT 的一种颜色,这个颜色可以称为是这份 PPT 的主 KV(主视觉),一般选用品牌色,品牌色会重复出现在整个作品当中,重复出现的目的是将整个作品联系在一起,并增强视觉效果;作为商业 PPT 输出时,增加品牌色的曝光,提升品牌感知度,建立用户心智。比如小红书的红色、美团的黄色、支付宝的蓝色、微信的绿色......

主视觉的设计可以分为两种,一种是有迹可循的,比如通篇使用圆形这个元素来辅助设计。另一种是无迹可循的,是通过设计的手段从感官上让观者感受到视觉基调的存在,相对来说后者在设计时具有一定的难度。

背景色的使用需要结合 PPT 的具体场合,具体思考,需要思考整个 PPT 的视觉需要营造哪种情绪氛围,再去思考选择哪种颜色来传递这样的情绪,这是由 PPT 主题背景和主要色彩共同决定的,比如年终庆典使用红色系制造氛围,商业演讲使用蓝色系代表专业。

一般来说,大型会议的演示场合会使用深色系背景,突出内容,营造氛围;日常工作汇报,使用浅色系背景;部分页面中还会用到图片背景、渐变色背景等。在使用图片背景时,要处理好内容和图片的对比,选择适当的图片,保证用户的视觉焦点是在内容上(突出产品型页面除外),尽量不要使用饱和度很高的颜色做背景。

标题色的使用一定要和背景色形成强烈的对比,一般标题色的使用会选择和主题色保持一致,但如果主题色和背景色对比不够强烈,则建议适当调整对比度,用主题色同色系更深或更浅的颜色作为标题色。正式场合用黑色系(白色)也很合适。特殊情况可选择主题色的对比色或互补色(同时最好有主题色作点缀)。

内容色的选择和背景色息息相关,深色背景下选用白色(非纯白),浅色背景下选用黑色(非纯黑),内容上一般不使用带色彩的字体,除非像用到红色警示和蓝色跳转等场景,可适当加入颜色。

颜色使用比例,颜色本身属于点缀作用,所以不建议大面积使用颜色,过多的颜色会让作品看起来花哨无重点,同时也会产生审美疲劳,相对来说黑白灰的作品就很耐看。

关于色彩搭配的问题在上期设计教程推文中也有具体讲,在这里就不过多赘述。

5.2.2 / 文本

文本是整个 PPT 的核心,不仅要文本内容写得好,文本的排版布局和展示也十分重要,通过良好的排版布局有效传递内容信息。

和文本相关需要考虑的视觉因素有很多,包含字体类型、字体颜色、对齐方式、字符样式、标点……记得好几个月前笔者的分享也提过文本字体排版的相关内容,不知大家是否还能记得,这里我挑取重点给大家简单回顾一下。

首先是字体类型,一份 PPT 里最好不要使用超过三种以上的字体类型,无论中英文,推荐在 PPT 里使用无衬线体(Sans-serif),便于阅读,典型的无衬线体包含:微软雅黑、思源黑体、苹方(苹果字体)。尽量不要使用特殊字体,一方面会有版权问题,另一方面也很难把握字体与背景的融合,特殊字体的使用需要考虑情境因素,大面积使用特殊字体阅读起来会比较费力。

在 PowerPoint 中,系统默认是宋体。宋体是一款衬线字体,距离远了容易辨认不清,所以宋体也不适合用在有大量的正文中,且不建议衬线字体与无衬线字体在同一 PPT 内混用。字体的颜色在 PPT 当中,字体能使用到颜色的场景不太多,有时标题会使用颜色,正文内容一般不使用特殊的颜色,特殊文本可使用颜色做点缀,颜色使用要克制,不宜过多(前面内容色有提到过)。

在文本布局中,合理的对齐方式可提升文本的阅读性,建议标题和正文内容使用左对齐的方式布局;在正文内容中,段落文本使用两端对齐的对齐方式,形成块面感,保证整个画面的布局舒适度。这里可结合版式设计中的对齐和亲密性两大原则思考使用。接下来我们来简单进行一次文字信息排版的演示。

字符的样式包含:大小、粗细、间距,当我们拿到一段文字信息后,首先将文字信息区分出主次信息。一般对于标题、重点内容会赋予它样式,但样式的使用要尽量克制,不然就不能一眼看出重点,因为全是重点等于没有重点。

在 PPT 当中,常用字符大小和粗细来区别标题和正文,常规情况下标题会有加大、加粗、加颜色这些样式;而正文内容就常规显示即可,特殊字段加颜色处理,但不宜过多;标题、正文的样式要重复使用,使用以下方式将文本信息进行拆解。

字体的排版的基础主要是是对齐原则,所谓对齐,无非就是左对齐、右对齐(在中文文本对齐方式中使用较少)、水平对齐、垂直对齐、顶部对齐、底部对齐这 6 种对齐方式。

接下来我们可以尝试文本对齐方式,看看效果如何?

文本对齐的目的始终是围绕良好的阅读体验为基础,整体达到视觉平衡即可,需注意左右平衡,避免头重脚轻等问题。

字体大小,标题的字号要大,解说注释的字号要小,文字的大小要根据它的作用灵活设定。在版面设计中,首先要确定正文字体大小,只有确定了正文字体大小,才能根据它来调节平衡,决定大标题,小标题以及注释文字大小。字重表示字体的粗细问题。一般在标题或需要强调的文字上可以增加字重。

排版中重要的一条,是把应该对齐的部分对齐,例如每一个段落的字行对齐,就是把行的位置进行对齐使其一致的方法。行头对齐是所有行均在行头对齐的方法,虽说这种用法使得行尾不齐整,但方便文章的停顿部分换行,适用于散文、诗歌等表现韵味的文字版式。但是,对于编排长篇文章时,选择左右对齐更能体现条理性。由于换行的位置都相同,阅读行头或换行的时候视线能够平缓流畅地移动。

行高,行间距的大小对文章的易读性有很大的影响。行与行之间拉得过开,从一行末尾移动到下一行开头,视线的移动距离过长增加了阅读难度。相反,行与行之间贴得过紧,上下挨得过紧影响了视线的移动,让人不知道正在阅读哪一行。正文最恰当的行高,基本应该设定为其文章中文字大小的 2 倍或 1.5 倍。例如文字大小为 8px 的文章,就应该把行高设定为 16px 或 12px。

标点符号的处理,中文汉字中,众多“符号”不规则地混在一起,构成非常复。在一段文本内容中,考虑文本显示大小区域,注意断行时不要出现标点符号在最前面的情况;中文文本使用全角符号,英文文本使用半角符号,不要混合使用,会影响文本显示效果和观者的阅读。

最后在针对文本进行排版设计时,不建议使用多个设计手法的表现,例如以下这种情况。

5.2.3 / 图片

图片在 PPT 中也是重要元素,使读者更快速的了解内容的表达,搭配合适的图片创造所需氛围,或将文字图形化表达,能有效提高阅读者浏览整个 PPT 的体验。

那什么样的图片是好的图片搭配?我们可以回顾下上次的教程所说的主要内容,首先图片要能准确的表达出对应主题文字所表达的意思;其次图片需要克制,需要降噪,可能很多用户不太懂什么叫图片使用的克制与降噪,通俗来讲就是要简单直观、不复杂、够清晰;最后图片的中所呈现的色彩尽可能的保持与 PPT 主题色一致;抛开图片版权的问题,我们通过下面几个例子简单的说明下图片的使用。

简洁直观的图片更利于整体的美观度

图片色彩的选择需要与主题色保持统一

图片的清晰度是确保 PPT 设计的基础

图片的导角在同一个 PPT 当中将确保一致性

所以在做 PPT 时,对于图片的使用都需要避免以上基础问题;在 PPT 设计中,图片的选择很关键,一定要保证使用的图片质量清晰、契合产品风格、风格一致、无水印的。比如商业性 PPT,就选择商务、办公相关素材,多张图片时保持风格、角度、色彩等信息一致。

图片排版的设计同样是在版式设计五大原则的基础上做延展,这里就不展开描述了,牢记五大基础原则,应用到实践当中,即可提升 PPT 高级感。

5.2.4 / 数据图表

在 PPT 设计中数据图表也是基础常用的组成部分,以可视化的方式将数据展示出来让阅读者更加直观的感受数据变化趋势与对比情况,准确的说法叫:数据可视化设计。

而图表大致可分为:柱状图、折线图、环形图、条形图、面积图、雷达图、甘特图、漏斗图、饼状图等;图表进行了简化,大致分为比较,构成,分布&联系三大类,如何运用好图表则是 PPT 数据化设计的关键,明确自己在什么时候应该用什么图表,这里我们简单列举一些图表的使用场景。

【图表库】搜索ID:#617715 获取源文件

柱状图:用于描述分类数据之间的对比,是一种以长方形的长度为变量的统计图表,有且仅有一个变量,其中一个轴表示需要对比的分类维度,另一个轴代表相应的数值 ;适用于描述分类数据(大小,数值)之间的对比。

【图表库】搜索ID:#580929 获取源文件

条形图:和柱状图相似,只是交换了 X 轴和 Y 轴,用于描述分类数据之间的对比,当条目较多,比如大于 12 条,更适合用条形图。

【图表库】搜索ID:#597836 获取源文件

折线图:又称为趋势图,是用于显示数据在一个连续的时间间隔或者时间跨度上的变化,它的特点是反映事物随时间或有序类别而变化的趋势;适用于横轴为连续类别(如时间)且注重变化趋势时 。

【图表库】搜索ID:#569056 获取源文件

面积图:又叫区域图,是在折线图的基础上形成的,它将折线图中的折线与自变量坐标轴之间的区域使用颜色或者纹理填充,需要注意的是颜色要带有一定的透明度。这样的填充区域称作面积,可以更好的突出趋势信息。面积图和折线图一样,用于强调数量随时间而变化的程度,常用于表现趋势和关系,而不是传达特定的值。

【图表库】搜索ID:#635394 获取源文件

漏斗图:随着流程的推进,每个环节所要达成的成功数量在减少,整个过程像漏斗一样逐步流失,逐被称为漏斗图 。漏斗图适用于业务流程比较规范、周期长、环节多的单流程单向分析,通过漏斗各环节业务数据的比较能够直观的发现和说明问题所在的环节,进而帮助做出决策 。

【图表库】搜索ID:#597841 获取源文件

饼状图:饼图通过扇形区块的面积,弧度和颜色等视觉标记,用来表示不同分类的占比情况,整个圆饼代表数据的总和,每个区块(圆弧)表示该分类占总体的比例大小。表示不同分类的占比情况,整个饼图代表数据的综合。

【图表库】搜索ID:#602640 获取源文件

环形图:又称甜甜圈图,其本质是饼图中间区域挖空,相较于饼状图关注面积占比情况,环形图更关注角度和弧长的对比。和饼状图一样,用来对比分类数据的数值大小,当同一页面有多组数据需要进行对比时,建议使用环形图。

【图表库】搜索ID:#599575 获取源文件

甘特图:又称为横道图、条状图(Bar chart)。其通过条状图来显示项目、进度和其他时间相关的系统进展的内在关系随着时间进展的情况。以提出者亨利·劳伦斯·甘特(Henry Laurence Gantt)先生的名字命名。甘特图的特点是突出了生产管理中最重要的因素-时间,它的作用表现在三个方面:

  1. 计划产量与计划时间的对应关系;

  2. 每日的实际产量与预定计划产量的对比关系;

  3. 一定时间内实际累计产量与同时期计划累计产量的对比关系。

【图表库】搜索ID:#533434 获取源文件

瀑布图:瀑布图是由麦肯锡顾问公司所独创的图表类型,因为形似瀑布流水而称之为瀑布图,也被称为飞行砖图或马里奥图,瀑布图有助于理解依次引入正值或负值的累积效应。用于表达多个数值之间的变化过程,通常用于了解初始值如何受到一系列中间正值或负值的影响。

【图表库】搜索ID:#614630 获取源文件

雷达图:又叫戴布拉图、蜘蛛网图,常出现在游戏或者动漫人物属性介绍中,它将多个维度的数据量映射到坐标轴上,在坐标轴设置恰当的情况下雷达图所围面积能表现出一些信息量,常用于一些多维的性能数据,如综合评分,也可用于多组多维度对比。

【图表库】搜索ID:#525983 获取源文件

气泡图:气泡图是一种多变量图表,是散点图的变体,气泡图最基本的用法是使用三个值来确定每个数据序列,气泡的大小是映射到面积而不是半径或者直径绘制的,观察数据的分布情况,对比各个分类字段对应的数值大小。

地图:地图可以结合散点图、气泡图等,分为带气泡的地图(Bubble Map)、分级统计地图(Choropleth Map)、点描发地图(Dot Map)三类常见的地图。

在《地图管理条例》( 2015 年 11 月 26 日国务院令第 664 号公布)第十五条明确说明“国家实行地图审核制度。向社会公开的地图,应当报送有审核权的测绘地理信息行政主管部门审核。但是,景区图、街区图、地铁线路图等内容简单的地图除外。”

在设计中运用地图元素一直是一个风险度极高的事情,主要是因为它的合规性和完整性非常的专业,很容易触发红线,所以在遇到需要使用地图的情况时,设计前期可先向所在公司了解相关审批流程。

5.2.5 / 元素

最后在 PPT 设计中常见的基础元素有:箭头、线条、间距、图形、图标,其中最主要的一点就是所使用元素的统一性问题。

箭头的使用,主要出现在步骤条、流程图上,表示对象与对象之间的层级关系,那么多种箭头样式怎么选择?其实只需记住三点:与封面风格统一、与几何图形统一、与图标风格统一。整个 PPT 所出现的箭头应该只能是一种样式,而不是每个箭头都长得不一样。

线条的使用,主要出现在作为文本或图形之间的分割线或 PPT 内容页中指向性上,线条的使用需要注意的点首先也是统一性问题,不同层级的线条应是同一种颜色、粗细、断点;还需要注意与文本的对齐,线条在 PPT 页面中是有效帮助视线对齐的元素。

间距的使用比较特殊,它是页面中看不见的元素,也是存在感最薄弱的元素,很多用户会忽略它的存在,间距的意义在于有效的控制页面内容呈现的亲密性与空间感,间距近的元素靠在一起我们的眼睛将自动会把这些元素归为一类;而 PPT 设计中相同类型的元素的间距也应该保持一致,反之则会让读者看着很混乱,信息传达不明确。

图形的使用,与线条、图标的使用如出一辙,相同的原理,相信了解过设计的同学应该听过设计构成的最基本元素:点线面。而面即是图形,常规的 PPT 设计中图形主要分为:矩形、圆形、三角形、平行四边形、水滴形、多边形(常见于五边形和六边形)。

在我们的 PPT 设计中,图形的使用主要体现在图示上,而图示常见的有:目录、列表、流程、循环、关系、矩阵、棱锥、漏斗、层次结构,这也是 iSlide 图示库中常用的图示类型,当然大家要是觉得还不够也可以给我们留言,我们将针对性进行补充。

【图示库】搜索ID:#589988 #590002 获取源文件

【图示库】搜索ID:#572482 #572483 获取源文件

【图示库】搜索ID:#618635 #618627 获取源文件

【图示库】搜索ID:#635341 #635342 获取源文件

【图示库】搜索ID:#615516 #615512 获取源文件

【图示库】搜索ID:#577207 #577204 获取源文件

图标的使用,主要是将特定主要文字图形化,增加读者的对于关键信息的吸收,同时让整个 PPT 显得没那么枯燥,这就是信息传递设计的精髓所在。

而 PPT 常用图标大致分为基础的四种类型,即:面性圆角、面性直角、线性圆角、线性直角。那不同的类型图标如何选择?其实也很简单,同样也是遵循 PPT 设计的元素统一性问题,例如在 PPT 中使用了大量的线性直角边框或几何体来排版,那就选择线性直角的图标,一份 PPT 文档内只可出现一种类型的图标。

这四类图标的选择可简单分为两点:直角图标更体现商业化、专业化;圆角图标更体现亲和力、人性化。

例如像摩根银行、埃森哲、麦肯锡、安联保险等品牌商业金融属性较强的公司更多选择直角图标;像沃尔玛、亚马逊、佳能、可口可乐等品牌生活化人性化属性较强的公司更多选择圆角图标。所以在图标的选择上也可考虑所属行业领域的具体属性;而面性图标与线性图标的选择并没有特定的要求,更多还是看图表本身识别度的问题。

这里简单给大家列举一些常见行业领域所使用图标的类型,适用于直角图标的行业:金融保险、电子通讯、政府机构、咨询服务、餐饮酒店、石油能源、机械制造、服装时尚、房地产等;适用于圆角图标的行业:互联网、教育培训、娱乐产业、日化生活、媒体资讯、医院医疗、交通运输、体育赛事、电子产品等。

元素的组合使用可以有效帮助读者明确 PPT 中所传达信息内容的关系,但想做出 PPT 的高级感最核心的问题就是元素的统一,重要的事情说 N 遍,感觉有点啰嗦了,不过还是得再次强调。

总结

在本篇设计教程中,多次提到保持统一的核心特点,并不是说通篇设计都要一模一样,而是要在似同非同之间做好取舍,达到设计的平衡点,适当增加设计感的形式变化,丰富 PPT 的视觉效果。

牢记版式设计五大基础原则统一、对齐、留白、亲密、对比,理解理论性知识,并学以致用,才能从本质上提升 PPT 的视觉效果增加高级感。

(0)

相关推荐