基于移動學習的響應式微課件設計制作研究

夏麗雯

[摘要]隨著校園移動學習環境的成熟，以及市面多種顯示設備在尺寸、分辨率、屏幕密度一級處理性能、網絡環境、操作版本等上存在顯著的差異，也考慮到學生可能會利用多終端進行學習的知識，也為了節約老師和課件設計者的時間成本并且爭取更多的學習者，也為了微課件的利用率更高，所以本文通過課程的特點、移動響應式課件原則、響應式課件制作軟件的特點分析總結出移動學習響應式微課件的制作方法流程。

[關鍵詞]移動學習 響應式 微課件

[中圖分類號]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軟件中。具體制作流程如下：①直接選擇響應式項目模塊創建幻燈片。②插入文字、圖片、圖形、表格、音效、鏈接、轉場、提示等標準對象。③插入音頻、視頻、動畫、角色、交互等特殊對象。④調整時間軸順序和長短。⑤項目框架設計。⑥部分內容預覽或整個項目預覽和發布。