扁平化设计在生物学多媒体课件制作中的应用

刘一畅

(华南师范大学生命科学学院 广州 510631)

多媒体课件是连接信息技术与课程整合的重要桥梁，但课件可能存在的“课本搬家”、色彩不和谐和排版单调等问题将直接影响课件的质量，进而影响教学的效果。

扁平化设计指“零3D属性的设计[1]”。自2010年以来，随着数码化程度的提高，扁平化设计越来越多地运用到产品设计中。目前，生物学教学中的多媒体课件以PPT为主。本文以生物学课件为设计对象，总结扁平化设计在多媒体教学课件制作中的应用策略，详见如下：

1 图片

扁平化设计最核心之处是除冗杂，更加精炼地展示信息和突出关键部分。为了使扁平化设计的生物学教学图片能提高学习效率，提出了3个生物学图片的设计原则。

1.1 认知负荷分解原则 扁平化设计的图片包含的信息组块不宜过多，由于生物结构及反应过程往往比较复杂，图片的信息组块数经常会超过上限，就要对生物结构或反应过程进行必要的分解，使得各部分信息组块数不超过短时记忆的容量限制(图1)。

图1 课件截图

1.2 图文互补原则 对图片进行扁平化设计时，要遵循图文互补原则，让图画与文字相互补充，如图1所示的光合作用过程图解就很好地实现了这一点。

1.3 组块与图式化原则 由于几个小组块可以整合成一个包含较大信息量的大组块，组块化程度越高，认知负荷越小，所以扁平化设计的图片应该通过色块或大字号的文字对相关信息块进行组块化处理。如图1就利用了灰色和白色色块对光驱动反应和碳反应进行了组块化处理，将知识进行整合构建更加完善的认知图式，有助于学生的短时记忆。

但是，不是所有的图片都适合进行扁平化设计。可依据所述的3个原则进行图片的扁平化改造，而保留实物照片、教材插图及因教学需要而拟物化的图片和动画，以确保教育性和科学性。

2 排版

2.1 运用最佳视域和黄金分割律 根据视觉心理学，人在观看时最先看到的地方往往是一个平面的上部和中上部，而遵循黄金分割律的事物都能达到一种视觉平衡从而让人感觉美观。例如，将本页最重要的名词“束缚水”和“自由水”放在页面中上部的黄金分割点(图2中圆点)，让人一目了然。另外，运用扁平化元素——放弃高光、渐变和浮雕等修饰效果的色块加以强调，更加突出重点。

图2 课件截图

2.2 创造独特的页面风格 扁平化设计中，因所用的素材有限，排版具有创意才能做到简洁大方，发挥扁平化设计独特的美感。另外，课件应有统一的页面风格，能形成规范，使学生快速适应各页面的切换。例如，可运用方框、色块等扁平化元素作为标识，为不同级别标题准备相应的表示方式，同一个课件中各页面严格遵守，形成简洁统一的页面风格(图3)。

图3 课件截图

3 界面元素

扁平化设计通常采用无高光、渐变等修饰效果的线条、色块等简单的界面元素来表达内容。如图3采用扁平的圆形橙色色块制作按钮，既美化了页面，又使功能一目了然，从而减少学习新交互方式过程中的成本，体现了抽象、符号化和去除冗杂的扁平化设计理念。

4 色彩

4.1 灵活选择配色方案 配色方案多分为两类：多色系配色方案(6～8种颜色)和单色系配色方案(在选定的色调上增加色彩之间对比度)。但教学课件的色彩一般应控制在三色以内，以确保课件风格一致及易于色彩统一。因此，制作教学课件时仍应将色彩控制在三色以内，再根据具体课件内容灵活选用配色方案。

图2选用单色系配色方案，“束缚水”和“自由水”背景色块都是绿色，但色调有所区别，有一定的层次感和辨识度；图3借鉴多色系配色方案，采用醒目明亮的绿色和橙黄色，增加视觉元素的趣味性。

4.2 减轻视觉疲劳 恰当运用色彩可减轻视觉疲劳。例如，使用绿色，则有利于镇静神经[2]；增大颜色间对比度，避免阅读吃力；化大色块背景为小色块，减少可视面积，从而减轻视觉疲劳等。

4.3 根据主次安排色彩 教学课件需对课件中的要点进行强调。根据主次合理安排色彩，如采用暖色标识文字、色块搭配文字和放大字号的方式，可实现强调效果。其中，后两种方式为扁平化设计的应用，与常规方式有所区别，比较新颖。

5 文字

5.1 字体 推荐无衬线字体，其字体简单，无过多修饰，符合扁平化风格。最常使用的中文无衬线字体是电脑自带的微软雅黑，并去除斜体、加阴影和加渐变，甚至使用艺术字等特效，更方便学生浏览和信息的传达[3]。

5.2 字号 正文部分的字号一般不局限于一种，且以大字号为扁平化特色。通过大胆加大字号，与排版相搭配，突破传统，有利于吸引学生的注意力(图2)。