怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?

怎样将扁平化的设计理念融入到ppt的制作中?需要什么技术要求? pptorgoogle drive里面的设计软件?
关注者
122506
被浏览
4278115

===============

更新日志:

2015-5-23 回答了评论区大家的一些问题:字体,字体嵌入,版式比例等

2015-5-26 进阶篇添加了:几何图形和透明度的运用

2015-12-04 隔了半年看这个回答,发现当时答得很杂,很多事情都没有说清楚。我最近将在设计杂谈 - 知乎专栏中更新相关的内容,欢迎关注。


注:

谢谢点赞与各位评论区手动点赞的朋友们,恕不能一一回复,见谅~


===========


来来来我来给大家些绝对实用的干货~

我觉得从观念上,最重要的事情就是要意识到PPT就是排版设计的一个系列作品。因此无论用什么东西,都要记住,风格统一一定是重点。

其实排版设计这件事,并没有大家想的那么复杂,最难的其实是内容。而扁平化其实是相当好操作的一种一学即会的设计。

废话不多说。进入干货。



似乎应该加上一句:前方多图预警!多图预警!!!!这不是演习!!!流量党请速速撤退!!!!!!!!


初级篇——扁平、纯色

这一部分主要是为大家速成准备的,至少做出来的PPT不会太难看。


第一件事:(如果允许的话)比例调成16:9

再说一次:比例调成16:9

大家可能觉得这不是必要的。这确实不是必要的,但是!!!对于尚不熟练的人来说绝对是加分项。

人类对于和电影银幕这种长度比例差不多的东西有天然的好感。

你要知道这是,希,腊,人,设计神庙时的比例。

如何设置?点设计→幻灯片大小就可以了!就是这么简单!


剩下的还有三件事情:

选图标,选字体,选颜色


我们一件一件地来讲:


嗯直接发链接咯:图标下载,ICON(PNG/ICO/ICNS)图标搜索下载

比如我搜“用户”,嗯有了:

就是这么简单直接粗暴。

首先,请download足够多可以让你选择的字体,比如我基本下载了全套方正字体:

当然我们经常下载中文字体而忘了也要下载西文字体,其实西文字体才是各种美哭好嘛!!!!

嗯因此一定谨记:下载西文字体,下载西文字体,下载西文字体!!!



以后不要傻乎乎只会用艺术字了啊乖……这些都是字体直接有的效果!!!

嗯下面的也是= =

这个条形码也是…………

字体在手,一生无忧!


=============================
根据知友建议,把字体链接删了。。。。
关于字体版权抱歉= =
不过我把我常用的且非系统自带的英文字体贴一下~
AMGDT

Code Light

Futura Std Light

Adobe Hebrew

Angsana New

Niagara Solid

Bell MT

Amputa Bangiz

Cleanwork


Origram

Anastasia

Bauhaus 93

Berlin Sans FB Demi

Charlemagne Std

Nouvelle Vague

Dotchaos

Braille

Null Free

Pump Demi Bold LET

Modern plate

KiloGram

Modo

Dokyo

VAL

solgas

JI Hidden Vines

PROMISES BROKEN DREAM

C39HrP36DlTt

PlAGuEdEaTH

Roughwork Demo(这个字体只适合大写用)

Urban Jungle

Death From Above

CarbonType

Calligraph421 BT


Edwardian Script ITC

Freebooter Script

Kunstler Script

Palace Script MT

Mekanik LET

以及这个应该没有没有违法吧答主是法盲的如果有问题请告知立删_(´ཀ`」 ∠)_

顺便说一张图一张图地截真的好辛苦_(´ཀ`」 ∠)_


==============================


这一部分,不用去记怎么搭配RGB通道,不用去思考冷暖色调,只需要记住一个网站:NIPPON COLORS

这个网站美哭……它提供配色,相近色,而且还给出了RGB值…………欧欧欧有图为证!


还可以有这种炫酷的3D……原谅我经常玩这么个网页就玩了半个小时……

嗯你完全可以靠你的眼睛决定颜色搭配了!



到目前为止,准备工作就绪!可以开始做PPT啦!

神马???你问怎么用背景图片!???

答案是:鳖用了!如果你是初级,仅仅是从网上下载一个和主题毫不相关的图片,那么尼玛为什么不用纯色!


在排版设计上,只有两个简单的原则:

在一张ppt上,使用字的大小和加粗而不是字体来区分重点!

当你觉得整体面不平衡时,请使用线来稳定面!


以下举一个简单的例子。

比如这是一张PPt白板:

首先,思索一张ppt上放多少内容。最终的结论是,这么多的内容需要拆分在两张ppt上。

(大家可以看到,本来这帧是完全可以在4:3的尺寸里放得下,但是留一个边都会变得好看许多)

图标是前面我们讲到的,左右排版一学即会,当你觉得文字过多,一下子放上去看着很头痛时,用我刚刚说的:用线稳定面!为了保持平衡,再在左侧也加一条线,就大功告成了。

复制第一帧PPT,直接把字塞进去,第二帧ppt就出来了,嗯就是这样。

为了有突出,把重要的标点符号(在这里是引号,逗号、分号、句号同理),选择大的字号就可以了。这也就是刚刚说的原则:使用字的大小和加粗而不是字体来区分重点!


还要记住最重要的一点:风格统一!!!!在这种纯色系里,要保证的是:颜色选择不要差太大!尽量保证每帧所用颜色都一样!


嗯至于更深入的排版和动画,我们在进阶篇里讨论。



进阶篇——风格尝试和动画(未完)

在这个阶段,就需要完全地把ppt当做平面设计来做了。图片什么的等我有空来讲。。。

=====================
更新!!!2015-5-26
看到这么多赞不更都不好意思了………………
其实呢,没有更的原因一半是傲娇,一半是不知道应该怎么讲……
因为动画的部分,技巧太杂了,而且如果不用视频很难讲出来,所以这一部分我就还是不讲吧。
以下讲讲所谓的“风格”。


这一部分呢,其实可以发挥的东西就太多了,因为风格这种东西,就是每个人做有每个人的特色,所以还是比较难讲的,不过我尽量讲一些共性的,可以一学就会的。这一部分就以案例为主:


老规矩,从简单的讲起:今天呢,就主要讲两件事情——几何图形和半透明的运用
透明度
设置很简单的,点你要调整透明度的图或框,设置形状格式:
具体来看有什么用吧:
1.在设置标题的时候可以用一定透明度的模块覆盖:
嗯,中间这个矩形框就是这么设置的
(很丑勿喷只是举例……实在是太懒)
好吧鉴于上一张图实在太丑我还是另外加一点点工,当做一个案例给大家好了——
这样是不是高洋上了很多?我早就说了嘛,很多时候就是颜色的问题~
你们一定问:可是我不会PS啊!
可是我根本没用PS啊!!!!
再说一遍:我根本没用PS啊!来来来看过来:
双击你要调整的图片,然后左上角调颜色→再调色温就好(但是PowerPoint只支持调整一次,如果要多次调整,就另存为,再打开调整):
如果你想逼格很高,也可以这样:
好吧其实这个应该放在初级讲的……anyway反正大家学到知识就好= =
2.可以使得做的ppt比较小清新:比如随手弄了这么个模板:
右边即透明度设置:

顺便再讲一个选择颜色搭配的技巧:

有时候在选择颜色搭配的时候不知道哪些颜色相近,搭配起来好看,

一个很简单的办法就是:设置了底色之后,文本框随意选一个看上去还不错的颜色,然后通过调节透明度来观测哪个比例的颜色混合不错。


2.如果你把几何图形和半透明用在一起,就有意想不到的效果

这是今天帮同学做的ppt,当她给我的时候ppt是这样的:你们知道我的表情是这样的:

不过把它变成了这样:

是不是好看了许多~

这就是我要讲的重点——

看到没有!!!用好透明度是不是有一种美美哒的感觉!再改一下颜色工作就完成了!

几何图形和透明度搭配绝对是美美的!

再比如她给我这帧:

我的心情是:

但是稍稍调整就可以变成这样:

虽然还是不美但是是不是好了很多~(主要因为有点歪而且局部没有处理好)

比如这一个她当初给我的时候是这样的:

我的感受是:


但是单用矩形图案,仍然可以让ppt不至于这么丑:

好吧我其实就是为了给你们讲解专门把每一帧都用的几何图形不一样……你们做的时候千万不要这样!!!!

好今天就更到这里,都要两点了/(ㄒoㄒ)/~~我要睡觉觉了ღ(๑╯◡╰๑ღ)

=======================


高级篇——随心所欲(未完)

可以看看这个视频:designed by apple in california(PPT临摹版)(这个其实在技巧上完全算是高级了,但是还是欠缺真正能一下就打动人的东西。)

这一部分,我觉得最好的学习素材是:专辑封面,和杂志

因为大小合适,好处是学了可以立马用。当然海报也非常好,只是可能你更需要学到其精髓。

先占坑。以后慢慢填。


总之这一部分想讲的其实是:PPT到最后,还是凭一些创意的。

给大家先看专辑封面、杂志,以后来更:



比如平面化,也可以做到这样:

字体也可以做到这样:


(图片来自网络,侵权立删)


总之进阶和高阶部分呢………………哼。集齐赞再来更。(再让你们看一遍如此傲娇脸)



码字略慢请见谅。。。赞都骗了好多坑都挖了好久了……不过放心我一定慢慢填坑的!
让我先回答一些知友的问题好了:
1)16:9投影仪4:3对不上啊
我不是说了嘛,如果允许的话……不允许那就乖乖用4:3咯= =当然我们学校的投影仪也是4:3的,可是我还是经常用16:9呀……就是上下会留黑边而已呀……我觉得还挺好的(●´∀`●)
2)显示器上看颜色不错,但到了投影仪上会很难看
这一点确实,所以要慎用浅色调,我通常的解决办法是,把觉得最合适的颜色调深一些,这样在投影仪上放出来的效果就差不多了
3)关于字体:不会再发链接咯= =不过会把每种字体对应名字贴出来
以及记住在其他电脑上放的时候一定要把字体嵌入啊!!!
嵌入方式:
点左上角文件→选项
勾选将字体嵌入即可~