【扁平化设计对多媒体课件制作的应用】多媒体课件

扁平化设计对多媒体课件制作的应用

关键词：扁平化设计；
生物学多媒体；
课件制作 多媒体课件是连接信息技术与课程整合的重要桥梁，但 课件可能存在的“课本搬家”、色彩不和谐和排版单调等问 题将直接影响课件的质量，进而影响教学的效果。扁平化设 计指“零3D属性的设计［1］”。自2010年以来，随着数码 化程度的提高，扁平化设计越来越多地运用到产品设计中。

目前，生物学教学中的多媒体课件以PPT为主。本文以生物 学课件为设计对象，总结扁平化设计在多媒体教学课件制作 中的应用策略，详见如下: 1图片 扁平化设计最核心之处是除冗杂，更加精炼地展示信息 和突出关键部分。为了使扁平化设计的生物学教学图片能提 高学习效率，提出了3个生物学图片的设计原则。1．1认知 负荷分解原则扁平化设计的图片包含的信息组块不宜过多， 由于生物结构及反应过程往往比较复杂，图片的信息组块数 经常会超过上限，就要对生物结构或反应过程进行必要的分 解，使得各部分信息组块数不超过短时记忆的容量限制(图 1)。1．2图文互补原则对图片进行扁平化设计时，要遵循图 文互补原则，让图画与文字相互补充，如图1所示的光合作 用过程图解就很好地实现了这一点。1．3组块与图式化原则由于几个小组块可以整合成一个包含较大信息量的大组块， 组块化程度越高，认知负荷越小，所以扁平化设计的图片应 该通过色块或大字号的文字对相关信息块进行组块化处理。

如图1就利用了灰色和白色色块对光驱动反应和碳反应进行 了组块化处理，将知识进行整合构建更加完善的认知图式， 有助于学生的短时记忆。但是，不是所有的图片都适合进行 扁平化设计。可依据所述的3个原则进行图片的扁平化改造， 而保留实物照片、教材插图及因教学需要而拟物化的图片和 动画，以确保教育性和科学性。

2排版 2．1运用最佳视域和黄金分割律根据视觉心理学，人在 观看时最先看到的地方往往是一个平面的上部和中上部，而 遵循黄金分割律的事物都能达到一种视觉平衡从而让人感 觉美观。例如，将本页最重要的名词“束缚水”和“自由水” 放在页面中上部的黄金分割点(图2中圆点)，让人一目了然。

另外，运用扁平化元素―――放弃高光、渐变和浮雕等修饰 效果的色块加以强调，更加突出重点。2．2创造独特的页面 风格扁平化设计中，因所用的素材有限，排版具有创意才能 做到简洁大方，发挥扁平化设计独特的美感。另外，课件应 有统一的页面风格，能形成规范，使学生快速适应各页面的 切换。例如，可运用方框、色块等扁平化元素作为标识，为 不同级别标题准备相应的表示方式，同一个课件中各页面严 格遵守，形成简洁统一的页面风格(图3)。3界面元素 扁平化设计通常采用无高光、渐变等修饰效果的线条、 色块等简单的界面元素来表达内容。如图3采用扁平的圆形 橙色色块制作按钮，既美化了页面，又使功能一目了然，从 而减少学习新交互方式过程中的成本，体现了抽象、符号化 和去除冗杂的扁平化设计理念。

4色彩 4．1灵活选择配色方案配色方案多分为两类:多色系配 色方案(6～8种颜色)和单色系配色方案(在选定的色调上增 加色彩之间对比度)。但教学课件的色彩一般应控制在三色 以内，以确保课件风格一致及易于色彩统一。因此，制作教 学课件时仍应将色彩控制在三色以内，再根据具体课件内容 灵活选用配色方案。图2选用单色系配色方案，“束缚水” 和“自由水”背景色块都是绿色，但色调有所区别，有一定 的层次感和辨识度;图3借鉴多色系配色方案，采用醒目明亮 的绿色和橙黄色，增加视觉元素的趣味性。4．2减轻视觉疲 劳恰当运用色彩可减轻视觉疲劳。例如，使用绿色，则有利 于镇静神经［2］;增大颜色间对比度，避免阅读吃力;化大 色块背景为小色块，减少可视面积，从而减轻视觉疲劳等。

4．3根据主次安排色彩教学课件需对课件中的要点进行强调。

根据主次合理安排色彩，如采用暖色标识文字、色块搭配文 字和放大字号的方式，可实现强调效果。其中，后两种方式 为扁平化设计的应用，与常规方式有所区别，比较新颖。5文字 5．1字体推荐无衬线字体，其字体简单，无过多修饰， 符合扁平化风格。最常使用的中文无衬线字体是电脑自带的 微软雅黑，并去除斜体、加阴影和加渐变，甚至使用艺术字 等特效，更方便学生浏览和信息的传达［3］。5．2字号正 文部分的字号一般不局限于一种，且以大字号为扁平化特色。

通过大胆加大字号，与排版相搭配，突破传统，有利于吸引 学生的注意力(图2)。

主要参考文献 ［1］温柔．2014．移动交互界面扁平化设计解读．美 术教育研究，(3):108 ［2］时粉周，王珏，包德海．2003．不同颜色纸张对 视功能的影响．海军医学杂志，(3):227 ［3］任冬巧，杨春燕．2014．扁平化设计在网页设计 中的运用研究．大众科技，(6):4～5