基于移动学习的响应式微课件设计制作研究

夏丽雯

[摘要]随着校园移动学习环境的成熟，以及市面多种显示设备在尺寸、分辨率、屏幕密度一级处理性能、网络环境、操作版本等上存在显著的差异，也考虑到学生可能会利用多终端进行学习的知识，也为了节约老师和课件设计者的时间成本并且争取更多的学习者，也为了微课件的利用率更高，所以本文通过课程的特点、移动响应式课件原则、响应式课件制作软件的特点分析总结出移动学习响应式微课件的制作方法流程。

[关键词]移动学习 响应式 微课件

[中图分类号]G434 [文献标识码]A [文章编号]2095-3089（2017）12-0041-02

一、多媒体交互艺术设计课程教学特点

我校《多媒体交互艺术设计》课程考虑到多媒体交互设计行业的特殊性，交互设计产品不像传统的艺术设计产品只是用户被动欣赏，它更强调产品与用户之间的互动体驗，所以在课程内容设置上除了真实案例的讲解外还要扩展许多交互设计、信息设计、用户体验、光影材质等相关知识。

结合以上特点又因我校移动网络的成熟，以及有限的课堂课时量，需要在有限的时间内扩展相关知识点，利用移动教学原理打破教授、点评式的教学模式，设计出基于“移动+面授”的混合式微课教学模式，在课程教学的整个过程中将移动微课分成课前、课中、课后三部分，360度环绕着面授课堂进行立体教学。将多媒体交互艺术设计的核心知识点以及配套资源设计成课前微课，将案例项目中的疑难点设计成课中微课便于面授教学过程中解决知识点的应用问题，最后将课程拓展知识点及配套资源设计成课后学习微课。这样的教学设计促进了移动式微课教学模式的转型，且全过程贯穿“无处不在的学习”理念。

二、移动响应式微课件设计原则

1.移动响应式课件符合移动设备屏幕尺寸原则

要研究移动学习课件的响应式设计，就必须了解产品要兼容的设备类型和屏幕像素尺寸。而移动响应式学习课件应用的设备类型包括手机、平板电脑和PC电脑。因为市面最主流的三大移动平台所对应产品屏幕的物理尺寸、屏幕比例和密度相对PC电脑端更为复杂多样，又因PC电脑端的界面布局设计只需考虑设备屏幕的像素分辨率，而移动端的界面布局设计不仅要考虑设备屏幕的像素分辨率还要考虑屏幕的像素密度，而且在响应式布局设计中最重要最复杂的部分就是屏幕的适配。所以接下来我们将详细分析对比移动终端产品和PC终端产品的屏幕特点如表1。

2.移动响应式课件符合响应式布局结构原则

基于以上对移动终端产品和PC终端产品的屏幕尺寸比对结果，我们不难看出多种显示设备在尺寸、分辨率、屏幕密度一级处理性能、网络环境、操作版本等上存在显著的差异，我们同时也考虑到学生可能会利用多终端进行学习的知识，也为了节约老师和课件设计者的时间成本并且争取更多的学习者，也为了微课件的利用率更高，所以我们在设计移动响应式课件时要符合响应式布局结构、移动优先原则，同时结合遵循“像素点的尺寸越小，屏幕密度越大，图像的像素大小是可以根据尺寸向下兼容的，图像像素尺寸偏大，载入到屏幕对角尺寸较小的移动终端时会被缩小，清晰度不会损失；但图像像素尺寸偏小，载入到屏幕对角尺寸较大的移动终端时会被放大，清晰度下降”的原理，对移动微课件进行响应式布局设计。我们可以将这种设计原则归纳成以下几点：①封面式布局模式一一在PC机上将内容主要集中于画面中心，响应后整体内容继续向中靠拢，周边多余部分随着屏幕缩小而被裁切。②左右双列布局模式一一在PC机上将信息内容按左右分布，但要遵循黄金分割原理，在响应后内容信息根据重要性逐一下降。③标题布局模式一一在PC机上将信息内容按上下结构布局，上面标题，下面文字或图片，信息内容尽量以中心集中，响应后内容结构基本不变，内容信息逐一向下堆叠。④网格式布局模式一一在PC机上将信息内容一组一组按网格列表形式排列，响应后随着屏幕变窄，网格列表最右侧的列表逐一向下排列，整体列数减少。

三、移动响应式微课制作工具Abobe Captivat8.0特点介绍

Abobe Captivat8.0软件是Abobe公司2014年6月以后发布的一款教育开发软件，是如今信息化教育时代通用性课件开发软件中最具代表性的产品，它已经发展成为一个跨平台跨终端的通用性课件设计软件，而且可以开发一次同时生成三种不同尺寸的视频或HTLM交互课件，能同时适用于Windows、Mac等PC机操作系统，还可以适用于iOS、Android、WindowsPhone等移动终端操作系统的各种形式微课件。接下来我们介绍Abobe Captivat8.0软件的核心功能介绍如下：

①结构创建于顺序设计一一可以通过响应项目、软件模拟、视频演示、幻灯片、项目模板、空白项目等模块进行项目创建。

②响应式项目模块——如果选择了这个模块进行创建项目，会发现创建界面内同时出现主要、平板、移动三个画布，也就意味着我们在创建一个的同时生成三种不同的尺寸的页面，以备响应式课件设计。

③对象插入与交互设计——可以向幻灯片内插入各种图片、视频、声音和交互对象（如交互图表，互动内容）等。

④音、视频与字幕编辑——可以在幻灯片内同步录制、插入和编辑音、视频与字幕。

⑤跨平台多类型发布——制作完成后可以发布成MP4、SWF、PDF、APP、HTML5等格式的课件。

四、多媒体交互艺术设计课程移动响应式微课件制作

通过以上上介绍，我们以《多媒体交互艺术设计》课程为例，基于课程内容具有跨学科的特点，移动微课程内容以课程扩展知识点为主，不局限于制作过程，所以初步构想以交互视频为主，可结合能融合PPT、Flash、图片、视频等多种元素为载体的SWF课件为微课呈现方式，能更加生动形象，更好地完成教学目标。在设计制作过程中根据知识点的不同，在课程设计中适当选用文字、数字、图像、音频、视频、动画等媒体形式来表现课程内容，可以使用Ps、PPT、Abobe Caotivat8.0软件等软件进行绘制说明，也可进入摄录教室录制真实课程，后期剪辑制作成5分钟左右的视频插入到Abobe Captivat8.0软件中。具体制作流程如下：①直接选择响应式项目模块创建幻灯片。②插入文字、图片、图形、表格、音效、链接、转场、提示等标准对象。③插入音频、视频、动画、角色、交互等特殊对象。④调整时间轴顺序和长短。⑤项目框架设计。⑥部分内容预览或整个项目预览和发布。