浅析扁平化PPT课件设计要领

◆高子砚

浅析扁平化PPT课件设计要领

◆高子砚

从PPT课件在课堂上的尴尬现状引入主题，总结归纳出PPT课件艺术设计的三个要领，即“一个理念”“四个原则”和“四个方面”。提出在大数据时代的今天，以简约高效的扁平化设计理念，遵循“对比、重复、对齐、亲密”这四大基本原则，对PPT课件的文字、颜色、图片、排版四方面内容进行艺术设计，从而实现教学信息的创新表达，提高课堂教学效率。

扁平化；课件设计；PPT

10.3969/j.issn.1671-489X.2015.24.059

20世纪90年代，微软公司开发的PowerPoint（以下简称PPT）演示文稿软件开始在世界范围内风靡。尽管如此，PPT作为21世纪的“世界语”，在教育领域的应用仍然存在一些尴尬的境遇。虽然PPT是广大教师使用最为频繁的课件制作软件，但把PPT当成Word一样使用、模板应用得一成不变、幻灯片图文混淆等这些情况，仍然较为普遍。这些现象不仅对学生的学习兴趣与积极性产出负面作用，也必然影响教师的课堂教学效果。因此，如何化解PPT课件在课堂上的这些尴尬，无疑成为教师最想做出的改变。那么，教师的PPT课件可以做哪些改变呢？在这里，笔者通过研究总结，将PPT课件设计要领归纳为“一个理念”“四个原则”和“四个方面”。

1 一个理念——扁平化设计

2008年，Google提出“扁平化设计”的概念，即“flat design”，其核心是去除一切阴影、纹理、渐变、立体等装饰效果，用单纯的形状和颜色，更加直观有力地向观者传递信息，也因其简洁鲜明、清晰快速的风格特点，迅速成为设计界的焦点，并迅速受到设计师的追捧。正如大众所熟悉的Windows Phone操作系统、Windows 8以及IOS 7.0系统，其扁平化的设计风格，在成功获得用户青睐的同时，也预示着纯粹简单、干净利落的视觉形式在大数据时代的现代社会必将发挥持久的活力。

其实，这种崇尚简约、去繁为简的设计理念同样在教育领域受用。基于扁平化设计理念设计出的PPT课件，均以更加简单、直白的方式呈现教师所要展示的信息与内容，以达到言简意赅的目的，从而减少认知障碍，提高教学效率。

因此，教师可以顺应扁平化设计的趋势，基于简约高效的设计理念，尝试走出改变PPT课件设计思路的第一步。下面，笔者将从四大基本原则与文字、图片、颜色、排版四个方面来谈一谈此类PPT课件艺术设计的心得与经验。

2 四个原则——C、R、A、P四大基本原则

在这个创意无处不在的大数据时代，新鲜、有意义的信息与事物总能够第一时间抓住人们的眼球，因此，越来越多的人需要成为设计师。教师也是如此，论文、教案、教学课件，这些都在考验教师基本的设计能力。那么在毫无设计经验的情况下，想让学生第一时间被PPT课件的内容所吸引，并沉浸其中，需要如何设计呢？世界著名的设计师Robin Williams在她的《写给大家看的设计书》（The Non-Designer’s Design Book）一书中归纳出的对比（Contrast）、重复（Repetition）、对齐（Alignment）和亲密性（Proximity）四大基本设计原则，将是教师在设计制作PPT课件时所必须了解的黄金法则。

对比 如图1所示，对比性原则，即在一张幻灯片中的不同元素应当有所差别，甚至截然不同，足以吸引眼球。这是为页面增加视觉效果的最有效的途径之一。另外，合理使用对比能在不同元素、不同层次的信息中梳理出较为清晰的组织结构。因此，在PPT课件的设计制作过程中，可以通过字号的大小、色调的冷暖、线条的粗细、形状所占的比重大小等多种方式形成强烈对比，以突出教学信息的层次或教学重难点。

重复 如图2所示，重复性原则可以理解为“一致性”，也就是说“在设计的某些方面需要在整个作品中重复”。在教师的PPT课件中，重复元素可能是一句标题、一种加粗字体、一块矩形色块，因此，整个PPT课件作品，每一页过渡幻灯片、某一项罗列的条目、选定的同一RGB值的色块等，只要是能看到的任何内容，都可以成为重复元素。重复的目的就是统一，将幻灯片中的各个部分联系起来，从而统一并增强整个课件作品，这样的课件作品才能深入人心。

对齐 如图3所示，对齐性原则即拒绝将任意的信息或元素随意地排列。每一个页面中的信息与信息、元素与元素之间，都存在某种视觉联系。在制作PPT课件时，教师倘若只是轻易地将图文信息等教学内容随意堆积在幻灯片页面中，会给人杂乱无章的感觉，用这样的课件展开教学必然事倍功半。但神奇的是，教师只需巧妙借助PPT工作环境中参考线、网格线等对齐工具进行排版布局，就可以彻底告别略显杂乱的状况了。

图1 对比性原则示例

图2 重复性原则示例

亲密 如图4所示，亲密性原则又可称为聚拢原则。只有相关的元素组织在一起，才能实现聚拢效果。有时候，在同一个页面上，物理位置的接近就意味着存在联系。应用到PPT课件制作当中也是一样，只需稍稍移动位置，使相关的信息、元素的位置相互靠近，它们就自然被理解为是一个整体，而不是一堆彼此无关的内容。试想，教学课件中多运用这一原则来呈现新知识、新思路、新事物，学生根据幻灯片中的直观展示，就能马上了解教学课件的组织脉络与内容，甚至教师的意图，教学效果自然优化。

3 四个方面——文字、颜色、图片、排版四方面内容

当然，想完全掌握PPT课件艺术设计的技巧，仅有设计理念与设计原则是远远不够的。最需要的是将扁平化的设计理念与“对比、重复、对齐、亲密”这四大基本原则适时应用于文字字体、颜色搭配、图片选取、排版布局这四方面内容当中去。

文字字体 文字，可谓是PPT课件中最常用、最基本的信息内容。通常情况下，教师在准备教学PPT课件时，考虑最多的就是使用什么字体、文字如何排列这类问题。

由于大部分教学PPT课件都是在教室的投影幕布或教学一体机上展示，需要保证教室里所有的学生都能够清晰地看到幻灯片中所展示的教学信息与内容，这就要求教师在制作PPT课件时在考虑美观的情况下，首当其冲地选择笔画清晰、容易辨认的字体类别，最为常用的有微软雅黑、黑体、幼圆之类的无衬线字体。无衬线字体笔画简单，无过多修饰，适合投影展示的场合。而使用有衬线字体时，如宋体，为保证文字内容在投影场合更为清晰地呈现，最好放大字号，或设置加粗。而在面对中小学、幼儿园的学生制作PPT课件时，也可以适度选择一些比较活泼的卡通字体，如方正卡通简体、方正艺黑简体、汉仪丫丫简体等，会更易被学生接受与喜爱。但为了PPT课件整个风格的统一，一般来说，一个PPT课件作品中，字体系列保持在两种比较合适。这也符合扁平化设计推崇简约、拒绝复杂的风格理念，如图5所示。

图3 对齐性原则示例

图4 亲密性原则示例

图5 有衬线字体与无衬线字体

另外，PPT课件中的文字使用还需要注意文字与背景的颜色搭配。考虑到PPT课件在教室投影时的显示效果，要做到“对比明显，搭配和谐”，如浅色背景配深色字、深色背景配浅色字。至于颜色搭配的具体技巧，笔者会在颜色搭配部分详述。

颜色搭配 在PPT课件的颜色选取上，可以依据学科、专业以及课程的特点。譬如，理工科类一般以冷色调为主，计算机操作类的教材封面就多以蓝色为主。使用冷色系作为整部PPT色调风格会令人较为舒适，但易使人感到乏味，可以搭配在冷暖色过渡带的颜色，如绿色，会带来俏皮感。相反，在幼儿园或小学的PPT课件中，为了调动孩子们的学习兴趣，通常会使用活泼、热烈的暖色调，如橙色、红色。但需注意的是，虽然暖色调非常善于营造视觉冲击，但暖色调也易使人产生视觉疲劳。与字体系列的使用方法一样，一个PPT课件作品中的颜色系列也不适宜过于单一或复杂，不管是单色系还是多色系，一般四种颜色即可。

图6 文字颜色的搭配

图7 图文混排时要避免“图文混淆”

但无论使用什么样的色调或色系，同样是考虑学生在投影场合的观看感受，使用的颜色最好做到“鲜艳不刺目”。而文字的颜色则需要与背景色搭配协调，如图6示例。

图片选取 图文并茂通常是PPT课件作品最基本的评价标准，这就要求除了文字的合理使用，图片的搭配选取也至关重要。笔者认为，要想遵循扁平化设计风格，达到言简意赅的目的，对于图片选取的要求可以归纳为一句话：“清晰简单有留白，切勿图文混淆，喧宾夺主。”

1）考虑PPT课件的观看感受，搭配的图片最好清晰、简单，并与文字能够相互呼应，起到帮助理解文字内容的作用；反之，过于模糊、复杂的图片不仅干扰教学信息传播效果，还会给学生造成视觉疲劳。因此，作为选取图片最基本的要求，如果清晰简单都做不到，还不如不要图片。

2）如图7所示，图文混淆是目前大部分PPT课件中常见的顽疾，通常表现为：背景图片与文字段落过多重叠，导致图文信息都不清晰；背景图片的色调与文字段落的颜色基本一致，混为一体，投影场合观看困难；配图过多，且有多余动画效果，使学生的注意力转移，反而忽略文字信息。笔者根据这三种常见的图文混淆情况提出建议。

①背景图片最好选择有留白的高清图片。这样一方面不影响观看，另一方面可以利用留白的空间放置对应的文字信息，实现真正的图文并茂。

②配图时，需要根据文字信息的内容多少，适当地裁剪图片。搭配文字的图片，通常可以利用PPT中的形状工具、图片工具对图片做一些简单的加工与处理。

③在一张幻灯片中，图片再美再清晰，都是为了呼应或解释文字信息，如果它是配图的话，请不要让图过分夸张地呈现，以免夺了“文字”的主。

最后，在图文信息量较大的情况下，要想让图文和谐搭配、相得益彰，还需要明确图片与文字的主次关系。在图文混排时，可以参照四大基本原则中的“对比性原则”“对齐性原则”与“亲密性原则”，不仅能够避免不必要的图文混淆，还能够在排版方面实现灵活布局。

排版布局 如何围绕扁平化设计的风格，并参考“对比、重复、对齐、亲密”的四大设计原则，在PPT课件的布局排版方面做到简约整齐、明确一致？其实，掌握“顾及全局、突出重点”的关键要领即可。

1）“顾及全局”指的是要有全局观念，包括风格统一、排版一致、页间对齐等几个细节。

①在制作PPT课件时，单击“幻灯片浏览”按钮，就可以对设计PPT课件统一性情况有一个整体的了解。这时可以参考“重复”原则，对PPT中的色彩、字体等元素进行统一设置，通过相同元素的不断重复，以达到从感官上的统一。

②将具有相似性的图文信息或元素放在幻灯片页面的相同位置，使学生便于阅读、理解，并清楚地了解各部分之间的层次关系。譬如添加一个精巧的导航栏，就是在PPT课件设计中较为实用的巧妙设计。插入文本框或圆角矩形等对象，无需复杂设计，通过变换文字或色块的颜色，配合幻灯片页面之间的切换，这样的导航栏就能够帮助学生更好地理解课件呈现的内容脉络与层次，如图8所示。

③整齐是精巧的前提。遵循“对齐”原则，在幻灯片页面之间保持统一的情况下，还需要注意每一张幻灯片的页间对齐情况。页间对齐即在不同的页面中，相同内容的位置与属性设置不变；而相似的内容，分别处于不同页面的相同位置，如此一来，最终的PPT课件在播放翻页时更有整体感。除了可以借助参考线、网格线以及幻灯片母版等设置来实现，还可以使用复制文本法。即直接把上一张幻灯片的文本复制到下一张，文本的属性设置不变，还自动落在相同的位置，只需修改文字内容即可。

图8 导航栏示例

2）“突出重点”，就是要快速让学生知道重点是什么。PowerPoint本身的英文原意就是“重点”“关键点”。因此，好的PPT设计，能让人一眼就抓住重点，不会让人产生认知障碍，在不重要的部分浪费时间。那么，在PPT课件的设计与制作过程中，积极借鉴“对比”“亲密”的设计原则，利用幻灯片中图文信息等元素的属性设置就能实现重点内容的突出。例如，如果各部分的距离相等，但颜色有异，那颜色相同的部分自然被理解为是一个整体；而利用颜色的相似性，可以让别人快速明白幻灯片中的内容层次；如果把相同层次地位的元素排列得更紧凑，则更能帮助学生将信息分类，从而更快地理解教师的思路。另外，也可以参照摄影构图技巧中的“九宫格构图法”（又称为“黄金分割法”）来设计幻灯片中的排版布局。九宫格将整个幻灯片页面分割成九个相同大小的矩形块，两条横线与两条竖线交叉的四个点被称为黄金分割点。那么，黄金分割点即是整个页面的视觉焦点所在。也就是说，只要将重要的信息放在视觉焦点上，就可以实现“突出重点”。

4 注意事项

PPT不是Word 既然是PowerPoint，即重点、关键点，呈现在幻灯片页面上的图文信息就应该是少而精。为避免满屏图文，最好筛选段落内容，做到简单精炼，只呈现最关键的内容。

模板不是万能的 互联网中海量的PPT模板素材，有时确实能帮助教师减少备课工作量，但现成的模板的文本格式、色调风格已经统一，教师后期使用、添加新内容时要注意与模板内容保持一致。

利用好备注 PPT课件已经成为一些教师课堂教学的讲稿，照PPT宣科导致的满屏图文的现象不在少数。按照简约高效的思路，就需要精简幻灯片上的内容，可幻灯片上的内容突然少了，不知道该讲什么，有些教师难以适应。其实可以将提示的内容放在备注，也能起到提醒作用。

5 结束语

多年来，评价一个PPT课件作品是否优秀，一般是从课件的技术性、艺术性与思想性三个方面考量，而教师设计与制作课件时常常“重技术，轻内容”。扁平化设计对于大部分人来说，可能只是个新潮的名词，但与“对比、重复、对齐、亲密”四大设计原则一样，它们在备受各领域设计师追捧的同时，其耳目一新的视觉特征，简约高效的设计理念，也可为教育教学所用——用最便捷简单的方式去实现教学信息的高效表达。可以说，其核心思想正为广大一线教师化解课堂尴尬、提高教学效率提供了新思路。PPT课件的“简约高效”就是不需要过多的繁琐修饰，需要的是内容本身的斟酌凝练。

当然，PPT课件的设计与制作，仅是教师进行教学准备阶段的其中一个环节。由于会涉及如教学环节的安排、教学内容的甄选、教学活动设计的推敲等其他环节，因此，在对课件做了设计、制作与应用之后，更重要的是将课件及时地修改完善、不断更新迭代，才能使课件作品为教师的教学工作持续地发挥应有的作用。■

［1］崔天剑，徐碧珺.大数据时代扁平化设计趋势研究［J］.创意与设计，2014（3）:16-20.

［2］William R.写给大家看的设计书［M］.北京:人民邮电出版社，2013:4-6.

［3］孙力.PowerPoint！让教学更精彩：PPT课件高效制作［M］.北京:电子工业出版社，2012:57-61.

［4］钟志贤，张晓梅.全新思维视域下的PowerPoint设计［J］.中国电化教育，2011（4）:86-92.

［5］周丽.PowerPoint教学课件设计原则及注意事项［J］.软件导刊·教育技术，2014（7）:76-77.

［6］曹舒.浅析扁平化设计在现代设计中的地位和作用［J］.美术教育研究，2014（3）:106-107.

［7］嘉文钱.PPT扁平化设计手册［EB/OL］.［2013-12-13］. http://page.renren.com/601842666/channel-391355.

G436

B

1671-489X（2015）24-0059-05

作者：高子砚，徐州幼儿师范高等专科学校（221000）。