微课在移动终端的动画表现形式的研究

田维　张英香

摘 要：微课时代的来临，语言、文字表达不再局限于教师单方面的讲授，需要教师能够把知识内化转化为动态原理、让学生深刻的了解知识。那么使用辅助图表和动画来增进语言、文字表达不足的缺点，增进学生对学习内容的理解和交流。

关键词：微课；扁平化；动画；移动终端

基金项目：湖南省教育科学“十二五”规划 2015 年度立项一般课题“基于移动网络的动画设计课程微课学习及其引导策略的研究”（XJK015CZY100）阶段成果。

1 移动终端、微课的概念

1.1 移动终端的概念

移动终端广义的讲包括手机、笔记本、平板电脑等移动设备。但是大部分情况是指智能手机和平板电脑。

1.2 微课的概念

微课是个微小的课程教学应用，是一种以5-10分钟甚至更短时长为单位的微型课程。它以视频为主要载体，特别适宜与智能手机、平板电脑等移动设备相结合，为大众提供碎片移动化的网络学习新体验。

2 移动终端用户动画形式喜爱度的研究

iiMedia Research数据显示，截止2015年7月，中国手机网民用户规模达到6.57亿人，中国智能手机用户达6.01亿人。在智能手机的操作系统中IOS、安卓、WIN7这三类占了80%，在这三类手机的界面设计中已向扁平化设计发展。在手机上用更少的按钮和选项使界面干净整齐。可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生。扁平化在移动系统上不仅界面美观、简洁，而且达到降低功耗，延长待机时间和提高运算速度。

根据优酷网显示的数据《飞碟说》第一季、第二季全网播放流量已突破7.5亿。其中移动终端播放达到3亿次。可见移动终端的用户对于此种类型的动画形式的认可。《飞碟说》是一档选取社会热点为话题，用有趣的方式，对各种热点知识进行视频化科普解说的动画脱口秀节目。飞碟说动画大多是扁平化动画为主、如飞碟一分钟中人物细节简化设计：动画里的人物只用简单图形组合，头部用圆形、五官也是用几何图形组合而来的、身体用椭圆形、四肢用简洁的弧线和相应的折线组合成了一个角色。背景使用单一纯色背景起到突出人物的特点、再配上人物动画和声音，赋予诙谐、简单易懂的内容就成为了观众喜欢的动画视频。我们把这类的视频称为扁平化动画。这是在设计元素上强调抽象、极简、符号化。

3 扁平化设计在微课中的应用技巧

微课时代的来临，语言、文字表达不再局限于教师单方面的讲授，需要教师能够把知识内化转化为动态原理、让学生深刻的了解知识。那么使用辅助图表和动画来增进语言、文字表达不足的缺点，增进学生对学习内容的理解和交流。文字读解转化为动画演示、要找到一个结合点。根据上文所讲到的移动终端手机系统扁平化设计和飞碟说扁平动画成功的案例。可以把扁平化这一元素引用到微课中、从而让视频学习变得生动有趣。目前在移动终端的同类型视频有壹读广告、鲸梦文化等等，很多网络推广的形式都倾向于扁平化，把这一元素借鉴到微课中来，画面简洁、色彩搭配合理的文字解释，能够形象的传达出教师微课的知识点、那么以何种方式进行转化，可以从以下四点来进行研究：

3.1 图形元素简化

在微课中涉及到统计、图表、等形式的解释、可以用图形动画来进行转化、根据不同的需求可用不同类型的图表。条形图、柱状图、折线图和饼图是图表中四种最常用的基本类型、比如在课程中需要对两种产品不同阶段数据变化进行讲解、如果要达到直观的效果、可以用柱形图或者折线图来进行制作、两种产品不同的颜色由于数据的不一样产生的折线的位置不同或者是柱形高低不同的动画，折线图中线与点的设计一般就是不同幅度的折顶点上都搭配的有圆形或者方形等元素选择合适的图形表现形式后需要对背景进行简化通常就是以一个单纯的颜色作为底色、为了更好的突出图表中的信息、例如要解释几种产品在市场的占有率、可以使用饼形图、通过对圆所占面积来代替百分比、可以让观众更加直观的了解到数据的多和少。利用这些简单几何图形来表达单纯的数字解释、能让观看者直观的了解所要传达的数据。

3.2 文字运用得当

微课中文字主要是起到解释说明的作用、一般就是一个词、几个字的概括。字体出现在图形的内部、利于突出文字内容、可以强化视觉效果，提升作品的辨识度。在设计的运用中必须注意一下几点：

1、提高文字的辨识度

微课中的文字应避选择常规的字体，笔划清晰容易辨识、切忌选择辨识度不够的字体，文字的根本目的是为了解释课程的知识点，让用户了解微课的内容。

2、字体符合整体要求

字体在微课中的选择要考虑到全局的因素，不能有视觉上的冲突。否则在画面上主次不分，例如：在介绍一个层级关系的时、级别高的字体大、级别小的字体小。根据级别逐级递减、这样字体符合了整体的要求。

3、在设计上要富于创造性

根据微课风格的要求，图形突出文字的色彩，让文字在图形中凸显出来，文字解释的时候在关键的数据信息时 色彩的选擇可以是突出的色彩、让人能一眼辨识出、例如：在解释文字中一般文字可以是冷色、关键文字可以是暖色、这样关键文字就凸显出来、还可以把关键文字稍微旋转、给人以凸显的视觉感受。

3.3 色彩搭配巧妙

在微课中图形色彩与背景的色彩搭配的好坏，取决于对色彩原理的掌握、熟悉色彩的三要素、色彩三原色、并对色彩的原色、间色、复色的形成原理有一定了解、其次掌握色环的组合原理例如：邻近色、类似色、对比色、补色等原理、是对色彩搭配的必要的前提。在微课视频图形的配色中、例如：图形主元素是黑色、背景色彩可以用白色。黑白在明度排列中是两个距离最远的两种颜色形成的对比也是最大。同时在文字的色彩上可以用红色的调和这样可以突出图形、文字醒目、在视频中两种三种以上的色彩的搭配、需要运用色彩原理进行色彩的处理、给所有颜色都把明度提高、这样纯度就降低、色彩就可以变的和谐等很多的方法处理色彩的搭配、如果对色彩原理不是特别的熟悉、可以使用Adobe Kuler软件、在圆环中有五个拾色器、可以任意选择你想要的色彩、自动生成其他的色彩、另外还分了7大类型、类比、单色、三原色、等按照色彩原理进行的分类、可以快速的搭配色彩。

3.4 动画运动合理

微课中的动画可分为两类：一种是图表和图形的动画，另一种是角色的动画和特效。

图形图表的动画，考虑图片的运动形式、面对繁复的文字解释、学生听起来还是和上课没有区别、可以多使用点、线、面、的形式对知识进行细分， 点表示标记、线表示引导指示、面表示解释内容，点的出现可以是淡入带缩放、接着是线的生长动画、最后是关键的知识点显示在面的图形里面。图形动画可以由几个元素分散然后汇聚在一个新的图形里面、表达出整体与局部的关系。

角色动画与特效，在微课中角色主要可以担当老师进行课程的传授、也可以担当学生回答老师的问题，提问与回答使课程更加完整。在人物运动的过程中可以适当加入一些烟雾特效、增加画面的效果、利用不同的天气情况表达人物的心情也是一种很好的表达方式、在整体的设计上 角色与图形图像的扁平化设计整体风格统一、完整。设想如果把真实的老师抠像加入到扁平化中有一种违和感。

以上几点是在微课制作中总结的一点经验、运用上述经验获得了湖南省首届微课比赛一等奖。在以后的微课设计与开发中会不断的吸取优秀作品的精髓、通过知识的内化转化到自己的作品中并在微课设计制作中不断探索。

参考文献

[1] 刘万辉.微课开发与制作技术[M].北京：高等教育出版社，2015：5.

[2]艾媒咨询：2014-2015年中国移动广告行业研究报告[DB/OL]香港 艾媒网 2015