您的位置首页百科知识

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

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

的有关信息介绍如下:

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

更新日志:

5月17日:添加字体部分,题图页修改。

————————————————这是一个针对最高票答案的反对贴。

或许已经没人在乎这个2014年的老坟,但有些话不吐不快:

引用知乎网友

的一段话:

这里,是指排名第一的2W赞答案。

我不在乎那些赞是怎么来的,我只是觉得我不能看着这类「乱讲」被冲上各位的时间线,误导大家设计的方法。

PPT作为信息媒介,最重要的是易读性和高辨识度。作为辅助演讲的工具,PPT的核心是使观众一眼即可辨认清楚画面上的文字与图片,从而能跟随演讲者的节奏吸收信息。

这是PPT,不是美术课作业。

像这种逼格十足的字体,我真的不敢苟同观众们能够一眼认出是要表达什么内容。

这种字体也是好用的,在哪里好用?在海报上。平面传播媒介中,海报是最适合用这类字体来提高美观度与逼格的。

而用在PPT中,只会出现你在台上演讲,台下的人都去努力辨清屏幕上的炫酷字体,而忘掉了你在说的话。

盲文和条形码不是正规字体,不要随便放到PPT上去。

关于答主的设计:

一

答主拿来做修改范例的图

左边是原稿,右边是答主自己满意的修改稿。

不客气地讲,左边要比右边的好。

真的。

修改后在色调上更统一,风格也达到了扁平化,看似是优秀的改变,但认真看,在易读性和辨识度上真的达标了吗?

如果真的想要这个菱形与这种风格,可以在易读性上稍微改一下

当然,这么做仅能让它变成一个及格的PPT页。要想美观,还是重画吧。

二:

用构成分析一下是这样的

看图面设计

有,但少且不明显:

标题过小,与正文对比不够大;

主段落也缺乏节奏,让人看不下去。

有,但不够且逻辑性不强:

主段落与附录有逻辑上的对齐关系,但标题完全被独立在外;

大脑的图形作为一个辅助性质的小图,被放到了过于重要的位置

作为辅助线的红线与整个图面的主颜色完全脱离,错误地吸引眼球。

那些融在背景里的圆圈儿,只会干扰信息的获取,对图面的美观度没有什么帮助

稍作修改是这样

在图面的设计逻辑上,就要工整许多。而且,重点一目了然。

这个问题是

所以,前提是,这得是一个幻灯片演示文稿,而不是一个创意美术课作业;里边包含的所有信息都是给人阅读的,不是炫酷的绘画。

而答主的问题就是在于一昧追求高逼格,忽略了PPT的本质,更何况,展示出来的设计基础也不过关。

另外,关于PPT比例的问题:不尊重放映环境的强行16:9都是耍流氓。

永远记得,这不是创意美术课作业,这是PPT。

批判结束。

————————

我想,必须放一些干货 来感谢怀着满满的耐心看到这里的你了。

一 、关于背景

对于幻灯片而言,重要的是信息及文本的高辨识度。

所以对于背景图片,绝对不能对重要信息传达有任何影响。

那么,如何在保证信息准确完美传达的基础上,正确而美观的使用背景?

先看这张图:

能辨认清楚上边的字吗?绝大多数人都能;

能很快且轻松地辨认清楚图片上边的字吗?绝大多数人都不能。

为什么?

字体和背景图片接触的位置,都有很多明确的、很亮的「硬边缘」。

这些「硬边缘」交织在一起,就像辨认森林里的树叶一样,很难辨认字体的边缘了。

如何区分背景图案和字体的边缘?

以下两种方法可以在保证信息可读性的基础上让幻灯片更加美观:

二、关于文字

有了好看的背景,现在该考虑,怎么排列搭配背景之上的内容才能让自己的PPT出彩了。

这是最经典最稳重的居中排版示例,推荐在16:9的演示比例下使用。

原则是主标题字重要大,副标题相应字重要轻一些。中间为凸显元素之间的对齐关系可依个人口味酌情添加分隔线。

当图面比例更改为经典4:3的时候,仍然使用居中对齐有时会显得过于正经与呆板,这时可更改图面排版方式,使整体活跃起来。

在这个示例里分隔线变得必要起来,因为它强化了主标题与附加内容里的对齐关系。

不要小看对齐手法的运用,它可以很大程度上加强元素之间的逻辑关系与图面的整体感。

另外,在演讲用幻灯片中,大部分情况下,同一张幻灯片上出现文字过多是很不好的,就好比把演讲的稿子亮出来给大家看一样,整个儿降低演讲吸引力。

不过有一种情况是可以例外的:引用。

在引用别人说过的话或者书里的词句的时候,可以将引用部分展示至幻灯片页。

这时可以起到强调作用。

2.字体

正文里边提到过,字体必须要有好的辨识度,在这之上,才能谈美观。那么什么样的字体是合适用在幻灯片上的呢?

黑体系:

从微软雅黑开始,中文字体大概就进入了大骨架的时代。有人说之所以字怀变大是因为前期的显示分辨率较低,增大骨架可以占用更多像素,增加显示效果。虽不知真假,但蛮有道理的样子(笑)。

所以黑体系的字体我更推荐雅黑系的字体。

Adobe与Google联合开发,Adobe家叫Source Han Sans,Google家叫Noto Han Sans,其实是一样的。

开源字体,不需要经过授权与购买,而且美观易用程度不输其他黑体,所以算是正文字体一个很好的选择。比较正式的幻灯片建议使用。

相较微软雅黑,思源黑体有更好,但我更推荐微软雅黑作为普通幻灯片的正式字体——这要牵扯到Powerpoint这个软件的问题:放映端PC上没有已制作好的PPT内字体的话,PPT内文字会被替换为放映端PC内的基本字体(大概是宋体),显示效果会大打折扣。虽然可以用「嵌入字体」来解决以上问题,但较大的PPT文件打开会变慢很多,在不稳定版本上甚至会出现崩溃现象。如求稳妥,建议使用微软雅黑。

其他答主的推荐,诸如「汉仪旗黑」「方正兰亭黑」之类常用黑体,由于个人审美,不认为比「思源黑体」高到哪里去,且使用需要购买获得授权,故在此不作推荐。

衬线字体:

在标题页或者一些需要显示出不同字体效果的场景下,黑体显得不够用。在此推荐一下其他衬线字体以丰富幻灯片的图面表达。

原则:要切合演讲主题和易读。

这是平时会用到的两个字体。

许岑使用过的幻灯片字体

用在题图页也蛮好用

例如——移轴模糊

曾经做过的一个餐饮建筑汇报的题图。

原图:

处理后:

补注:移轴模糊的目的是使一侧的主题图片辅助另一侧的标题文字表达主题。所以需要一些处理使文字与背景图片协调:

主要思路将背景图片的亮度压下去,右侧部分的对比度调高。

另外说一句,关于PPT中图片的选用,该话题下的很多其他优秀答主已经给出了许多国内外网址资源,这里不再狗尾续貂。

但是,千万不要从百度图片搜索寻找漂亮好看的图片素材。

————————

(待更新)