PPT内功心法!从零开始教你制作有设计感的PPT - 优设-UISDC

PPT内功心法!从零开始教你制作有设计感的PPT

2015/11/17 42346评论区

create-design-sense-ppt-1

@洪涵滴滴 :本文将从设计的角度出发,概述如何制作一份美观、具有设计感的 PPT。文章的主要内容会涉及基础的平面和动效设计。但本文不会具体谈论过多设计理论和风格,亦不会傻瓜式地教导如何使用工具及软件,附上超多的实例,零基础也能看懂。

转载无限欢迎,但请注明「作者」和「原文地址」。转载请在文中保留此段,感谢您对作者版权的尊重。如需商业转载或刊登,请联系作者获得授权。

一、在打开软件制作之前必须要知道的 3 件事

1. 关于 PPT 的泛用性目的

首先要确定的是,PPT 是为演讲服务的(也包括对内外的小型讨论、演说)。人们鲜少会像盯着一本书一样去「阅读」你的 PPT。因此,相比考虑如何让 PPT 漂亮这事,策划内容和练习演讲等更为实质、重要。这一点可千万别本末倒置,以为 PPT 做得好看,就算成功了

2. 哲学三问:这份 PPT 做给谁看?为什么要做?要写些什么?

第一问:做给谁看?

如果你不知道自己做的东西是要给谁看的,你怎么做东西?就像医生不知道病人得的什么病,当然就无法对症下药。如果是大型产品发布会,那么对象就是「现场媒体、观众」;如果是公司内部讨论用,那么对象就是「内部上下级同事或领导」;如果是公司对外的策划案,那么对象就是「客户大人」。因人不同、因地不同,内容和设计可能也会随之不同。

第二问:为什么要做?

我们做 PPT 应当有的放矢,带动听者的情绪,直击问题的中心。它可能是为了让人愿意买我们的产品,可能是为了让客户选择我们的方案……有这样一个大方向牵头,然后 PPT 的内容再围绕其展开。这样做一方面可以更准确地理解这个方案写出更优质的内容,另一方面避免了在写内容的过程中,展开过多,跑题严重,最后导致演说时听者不知所云。

第三问:要写些什么?

确定了自己的「目标用户」和「产品目标」就可以来策划内容了。我并非专业的策划和广告人,因此在这就不说太远。自己的一个小想法:也许可以用头脑风暴的方法来制作内容。也就是通过思维「发散」到「汇聚」的过程,来创造内容。(有人对此感兴趣的话以后得空会具体写一篇。)

3. 做了就要利用好!

这是我真的要说的一点,怎么使用 PPT?

很多人会直接丢一个题目给方案策划者,说我要什么方案,你什么时间给到我。这就完了……等 PPT 完成后,他直到最后要开会或见客户了才匆匆看下,甚至可能 PPT 里写了些什么都不熟知,更不要提预演练习了。这种人,也就跟着 PPT 的内容临时发散,可能前页说的到了后页就被打脸了……

演讲者应当与内容撰写者一样甚至比他还要熟悉 PPT。PPT 主要是为了让他人更清晰地理解你们的想法并加深印象,而不是用作你的提词器。

我的观点是,既然做了 PPT,就要利用好!

二、如何制作有设计感的 PPT 单页

PPT 从结局来看是一个整体,但我们可以把 PPT 的每一页当做一个新媒体形式的平面设计作品,想要设计得美观确实是需要一些基础平面知识。我在这部分会通过一些示例来进一步说明,方便大家理解学习。

1. 突出重点、去掉无用的装饰

PPT 单页的视觉层级要鲜明,语言要精炼。在视觉设计上,装饰性的元素不宜过多,要让人一眼就看到重点。在文字描述上,要使用通俗、精简、有说服力的文字。让我们来看几个例子:

(△ 示例1,图片来自 @陌君 的回答:zhihu

我们看下这两张有什么问题。首先最明显的就是色彩主题不统一。封面是黑白,但后面的内容页却使用了彩色的大色块。另外封面的背景有些不明所以,还干扰了标题这个重点。而大标题将 PPT 三个字单独一行也不妥,阅读(瞟)起来有断裂感。然后像内页里「如何达到扁平化」上方的图标也是多余元素,我仔细推敲才发现可能是为了对应下方的「四个设计要点」?

(△ 示例1_修改后)

我重新构思了一种视觉风格来修改这两页(之后的示例会尽可能用不同的风格,供更多朋友选择和参考)。

可以看到,我使用深色背景,去掉多余元素后,「高端」的感觉立马起来了。但是在使用「黑色」作背景的时候,可以不用纯黑,因为那样会显得单调死气,可以适当加入一些色彩的纯度。然后仔细观察右图的修改,可以看到我将「色彩」、「文字」、「图片」字体放大,视觉上比标题「如何达到扁平化」更重,而原图则相反。这是因为通常下面的内容才是重点,标题提问只是为了引出下面的回答。而原图的第一视觉中心却是那个问题,有点错误理解了内容的重要性。

(△ 示例2,图片来自 @邓佳佶 的回答:zhihu

这位作者回答中提到要下载各种「奇怪」的字体,大家千万别被误导了!先不说用在商业上会有版权问题,为了保证易读性,我们通常要使用越清晰简单的字体越好。尽量不要使用像左上图那种本身就有很强设计风格的字体,会严重干扰易读性。右图的宋体还好一些,根据需要可以放心使用。另外,为了保证统一,一页 PPT 中尽量不要使用超过 2 种字体,一份文档中尽量不要使用超过 3 种字体。

(△ 示例2_修改后)

依旧使用简洁的风格,但这次是浅色背景。字体还是选用了基础的「苹方」搭配「San Francisco」。这两套是搭载在 iOS 9 系统上的新字体,大家可以在苹果的开发者页面下到,但苹果未授权商用。其他没什么,就是大家要注意对齐……包括物理上和视觉上的。

2. 基础设计 4 原则:亲密性、对齐、对比、重复

这里的 4 原则摘自 Robin Williams 的《写给大家看的设计书》。这是一本非常适合大众学设计的入门书,我在这简单阐述下这 4 个原则,如有兴趣推荐大家购买阅读。

亲密性

亲密性原则旨在将存在联系的元素相互靠近,组合成一项一项,令画面更加有序。

左图是非常酷的随机排序咳咳,虽然很酷,但我们却无从知晓到底该从哪开始阅读。当我们需要展示某些信息的时候,需要像右图那样,认真将内容组织排序、对齐。相近的元素要相互靠近,不管是视觉上相近还是内容上相近。

对齐

让元素更加有序。

左图三个信息完全没有对齐,显得非常无序。右图将信息左对齐,并且将「小标题」与正文相对靠近,令阅读起来更有秩序。

对比

使用强烈的对比可以强调信息层级,令人关注到设计师希望突出的重点。

当我们希望突出某个信息的时候,一定要加强对比。像左图那种小小的对比,是很难达到对比的视觉效果的。因此,大胆使用「对比」,让画面更有主次。

关于对比,具体可参见:《让你不一样!20个技巧帮你提升设计的对比度》

重复

重复可以简单解释为「统一感」,但重复更加刻意强调。比如通过重复品牌元素达到统一视觉,加深人印象的作用。

重复不一定是某种视觉元素的重复,也可以是文字样式的重复。左图存在的问题就是两个标题、段落的样式都不一样,感觉非常「凌乱」。右图将文字字号、颜色等作了统一,看上去就有秩序多了。

运用好这基础的 4 原则,相信大家都能快速制作出相对优秀、美观的 PPT 或设计作品了。

3. 受欢迎的数据图表

如果你看过苹果的发布会,相信你会非常喜欢它们演示的 PPT,而其中最值得一提的就是他们经常引用大量数据。

数据可以令你的内容更具信服力。而数据图表则更能直观地展示这些数据,通过可视化呈现。

4. 通过设计让 PPT 具有某种风格,而不是花里胡哨就好!

这里可能比较考验手头功夫和对设计的综合把握能力。还是通过示例来分析下罢。

(△ 示例3,图片来自 @王赫 的回答:zhihu

我们可以看到这位作者是有针对性地在设计 PPT 的风格。但是因为综合的设计能力不够出色,因此实际输出效果显得有些粗糙,主要是色彩和排版问题比较大。我们看下怎么修改罢。

(△ 示例3_修改后)

左图我理解作者是希望做出汇聚的效果,并且运用多种色彩来达到「年轻」、「活力」的感觉。只是原图颜色过灰(色彩纯度太低),导致看着很压抑。因此我使用了明亮的白色做背景。辅助的圆圈使用纯度相对较高的渐变颜色,并且通过模糊和降低透明度等效果来区分和主题之间的层次。可以明显看到比原图「活泼」、「明亮」了不少。(我这样自己夸自己真的好吗……)

而右图我感觉像是学生对自己学习的总结报告。因此我把主要目的设为「清晰地传达内容」。当然,这样设计的话首先就要去掉原图各种修饰元素,让画面更加纯净。并且延续原图的蓝色系,使用了明度较低的深蓝作为背景,看上去更加「庄重」、「严肃」。因为非常简洁,文字出现其实可以加入适当的小动画,让信息呈现更有趣、突出。

设计是有各种各样风格的,没有绝对的对与错。根据需求和场景,设计相应的风格是最好的办法。

三、如何设计应用 PPT 的动效

——————————————————————— 1. 为什么要动?———————————————————————

更加突出重点

相比静态,动态图像总是更容易吸引人的目光,达到强调内容的目的。

Keynote 中有个非常经典的效果「轰然坠落」,就是大家经常在一些手机厂商发布会中看到的——字从上而下坠落,激起一片灰尘的效果。见下图。

(「轰然坠落」效果)

过渡更自然

我们知道 PPT 并不是单纯的图像,它还存在转场过渡。而利用动效可以令转场更加多样化,更加自然。

需要注意的是,尽量保持统一。大致可以设定一种「通用」转场方式,不要太过花哨的。其余场景按需可以另外设计,但注意转场方式也不要过多,会让 PPT 演示显得复杂。

趣味性

动效是可以做得非常有趣的,在这也举个非常经典的例子。2007 年,乔布斯在发布第一代 iPhone 的时候,非常调皮地使用了充满趣味的动效。

乔布斯站在台上,兴奋地说今天要发布三个重要的产品。「第一件是个可触摸控制的宽屏幕 iPod,第二件是只革命性的移动电话,第三件是个突破性的互联网通讯工具。」然后他重复道:「一个 iPod」、「一个手机」、「一个互联网通讯器」,演示 PPT 上的图标跟着转动。然后他继续重复:「一个 iPod」、「一个手机」……「你明白我说什么了吗?」,「这不是三个设备,这是一个。」

(乔布斯在 2007 年的苹果 iPhone 发布会)

对不起,这个案例实在太经典了,这个产品也实在太革命性了,在这倾情推荐大家去看下。

——————————————————————— 2. 如何动?———————————————————————

不要滥用夸张的动效;

虽然动态可以抓住眼球,但是如果动得太夸张就会弄巧成拙。我们应用动效最主要的是「强调」,以及加深人的印象,只要这样就可以了。千万不要使用各种放大缩小、飘来飘去、旋转扭曲等等,要记住略微强调即可。

重点在传达信息,不在天花乱坠。

把握时间,不要快也不要慢

这点基本可以放心,只要大家应用 PowerPoint 或 Keynote 自带的效果时间即可。当然,如果你有额外需求可以自己另外设定,但一定要把握好「时间」。否则,过慢会显得拖沓,过快会令人看不请发生了什么,还以为演示出现了问题……

一致性

全文多次强调一致性,是因为这在设计中真的非常重要。动效也要保持样式统一,不该这一页文字放大变化,那一页文字缩小变化,尽可能达成一致。希望大家谨记设计 4 原则中强调的「重复」原则。

四、总结

文章写得太长了,简单总结下要点也就这么几点:

1. 重点在演讲不在 PPT,PPT 只是辅助;

2. 相较好看难看,PPT 的内容更为实质重要;

3. 用设计的理论、技巧去制作 PPT。

祝愿大家都能制作出优秀、美观的文档。

我还开了同名微信公众号「UIcircle」,会同步推送文章,欢迎关注哦 :)

hhqr

【载体不同,原理相通的设计知识科普】

  1. 《设计易容术!如何设计一张高品位高水准的海报?》
  2. 《设计易容术!如何设计一张高品位高水准的海报(二)》
  3. 《设计易容术!如何设计一张高品位高水准的海报?(三)》
  4. 《大学生专属教程!4个方法帮你设计好看美观的社团海报》

原文地址:zhuanlan.zhihu
作者:@洪涵滴滴

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量104万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/create-design-sense-ppt

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 转场动效 优设大课堂 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 配色 设计师专访 视觉设计 素材下载 设计流程 web前端开发 AI教程 用户体验设计 设计理论 神器下载 字体下载 海报设计 设计趋势 设计规范 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里