查看原文
其他

扁平化风格PPT指南——看看人家的PPT是怎么做的

2016-01-05 邓佳佶 职问




● ●


新年伊始,大家不是忙着在做上一年的年终总结,就是在做下一年的工作计划。即使是学生党,也进入了课堂PPT展示的高峰期。那么,究竟怎样才能做出下面Facebook和Google这种具有科技感的的扁平化设计呢?从选色、字体、构思到配图,PPT的正确打开方式都在下面啦。



Facebook IPO路演PPT



Google 年度新闻盘点PPT


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


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


● ● ●

初级篇——扁平、纯色


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


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


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


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


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


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



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



剩下的还有三件事情:


选图标,选字体,选颜色



我们一件一件地来讲:



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

(http://www.easyicon.net/)


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



就是这么简单直接粗暴。



首先,请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

(http://nipponcolors.com/#shironezumi)


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






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




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



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


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

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


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


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

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


以下举一个简单的例子。


比如这是一张PPt白板:



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



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


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


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



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


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


● ●

进阶篇——几何图形和半透明


透明度设置很简单的,点你要调整透明度的图或框,设置形状格式:



具体来看有什么用吧:


1.在设置标题的时候可以用一定透明度的模块覆盖:




嗯,中间这个矩形框就是这么设置的(很丑勿喷只是举例……实在是太懒)


好吧鉴于上一张图实在太丑我还是另外加一点点工,当做一个案例给大家好了——




这样是不是高洋上了很多?我早就说了嘛,很多时候就是颜色的问题~


你们一定问:可是我不会PS啊!可是我根本没用PS啊!!!!再说一遍:我根本没用PS啊!


来来来看过来:双击你要调整的图片,然后左上角调颜色→再调色温就好(但是PowerPoint只支持调整一次,如果要多次调整,就另存为,再打开调整):




如果你想逼格很高,也可以这样:




好吧其实这个应该放在初级讲的……anyway反正大家学到知识就好= =


2.可以使得做的ppt比较小清新:


比如随手弄了这么个模板:




右边即透明度设置:



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


有时候在选择颜色搭配的时候不知道哪些颜色相近,搭配起来好看,一个很简单的办法就是:设置了底色之后,文本框随意选一个看上去还不错的颜色,然后通过调节透明度来观测哪个比例的颜色混合不错。


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


这是今天帮同学做的ppt,当她给我的时候ppt是这样的:



你们知道我的表情是这样的:



不过把它变成了这样:



是不是好看了许多~


这就是我要讲的重点——看到没有!!!用好透明度是不是有一种美美哒的感觉!再改一下颜色工作就完成了!几何图形和透明度搭配绝对是美美的!


再比如她给我这帧:



我的心情是:



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



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


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



我的感受是:



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



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


● ●

高级篇——随心所欲


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


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


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


PPT到最后,还是凭一些创意的。


给大家先看专辑封面、杂志:












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






字体也可以做到这样:










几点问题:


1)16:9投影仪4:3对不上啊

我不是说了嘛,如果允许的话……不允许那就乖乖用4:3咯= =当然我们学校的投影仪也是4:3的,可是我还是经常用16:9呀……就是上下会留黑边而已呀……我觉得还挺好的(●´∀`●)


2)显示器上看颜色不错,但到了投影仪上会很难看

这一点确实,所以要慎用浅色调,我通常的解决办法是,把觉得最合适的颜色调深一些,这样在投影仪上放出来的效果就差不多了


3)关于字体

记住在其他电脑上放的时候一定要把字体嵌入啊!!!

嵌入方式:点左上角文件→选项




勾选将字体嵌入即可


本文转载自知乎,作者邓佳佶,已获得作者授权,转载请联系原作者。



(点击即可阅读)


认真准备的人运气不会太差,拿好这70个投行面试问题和问答

为什么他画的excel比我好看比我快!居然还不用鼠标和触摸板!

【技能】如何制作具有专业感的PPT(多图干货)


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存