基于移動(dòng)學(xué)習(xí)的響應(yīng)式微課件設(shè)計(jì)制作研究

夏麗雯

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

[關(guān)鍵詞]移動(dòng)學(xué)習(xí) 響應(yīng)式 微課件

[中圖分類號(hào)]G434 [文獻(xiàn)標(biāo)識(shí)碼]A [文章編號(hào)]2095-3089（2017）12-0041-02

一、多媒體交互藝術(shù)設(shè)計(jì)課程教學(xué)特點(diǎn)

我?！抖嗝襟w交互藝術(shù)設(shè)計(jì)》課程考慮到多媒體交互設(shè)計(jì)行業(yè)的特殊性，交互設(shè)計(jì)產(chǎn)品不像傳統(tǒng)的藝術(shù)設(shè)計(jì)產(chǎn)品只是用戶被動(dòng)欣賞，它更強(qiáng)調(diào)產(chǎn)品與用戶之間的互動(dòng)體驗(yàn)，所以在課程內(nèi)容設(shè)置上除了真實(shí)案例的講解外還要擴(kuò)展許多交互設(shè)計(jì)、信息設(shè)計(jì)、用戶體驗(yàn)、光影材質(zhì)等相關(guān)知識(shí)。

結(jié)合以上特點(diǎn)又因我校移動(dòng)網(wǎng)絡(luò)的成熟，以及有限的課堂課時(shí)量，需要在有限的時(shí)間內(nèi)擴(kuò)展相關(guān)知識(shí)點(diǎn)，利用移動(dòng)教學(xué)原理打破教授、點(diǎn)評(píng)式的教學(xué)模式，設(shè)計(jì)出基于“移動(dòng)+面授”的混合式微課教學(xué)模式，在課程教學(xué)的整個(gè)過(guò)程中將移動(dòng)微課分成課前、課中、課后三部分，360度環(huán)繞著面授課堂進(jìn)行立體教學(xué)。將多媒體交互藝術(shù)設(shè)計(jì)的核心知識(shí)點(diǎn)以及配套資源設(shè)計(jì)成課前微課，將案例項(xiàng)目中的疑難點(diǎn)設(shè)計(jì)成課中微課便于面授教學(xué)過(guò)程中解決知識(shí)點(diǎn)的應(yīng)用問(wèn)題，最后將課程拓展知識(shí)點(diǎn)及配套資源設(shè)計(jì)成課后學(xué)習(xí)微課。這樣的教學(xué)設(shè)計(jì)促進(jìn)了移動(dòng)式微課教學(xué)模式的轉(zhuǎn)型，且全過(guò)程貫穿“無(wú)處不在的學(xué)習(xí)”理念。

二、移動(dòng)響應(yīng)式微課件設(shè)計(jì)原則

1.移動(dòng)響應(yīng)式課件符合移動(dòng)設(shè)備屏幕尺寸原則

要研究移動(dòng)學(xué)習(xí)課件的響應(yīng)式設(shè)計(jì)，就必須了解產(chǎn)品要兼容的設(shè)備類型和屏幕像素尺寸。而移動(dòng)響應(yīng)式學(xué)習(xí)課件應(yīng)用的設(shè)備類型包括手機(jī)、平板電腦和PC電腦。因?yàn)槭忻孀钪髁鞯娜笠苿?dòng)平臺(tái)所對(duì)應(yīng)產(chǎn)品屏幕的物理尺寸、屏幕比例和密度相對(duì)PC電腦端更為復(fù)雜多樣，又因PC電腦端的界面布局設(shè)計(jì)只需考慮設(shè)備屏幕的像素分辨率，而移動(dòng)端的界面布局設(shè)計(jì)不僅要考慮設(shè)備屏幕的像素分辨率還要考慮屏幕的像素密度，而且在響應(yīng)式布局設(shè)計(jì)中最重要最復(fù)雜的部分就是屏幕的適配。所以接下來(lái)我們將詳細(xì)分析對(duì)比移動(dòng)終端產(chǎn)品和PC終端產(chǎn)品的屏幕特點(diǎn)如表1。

2.移動(dòng)響應(yīng)式課件符合響應(yīng)式布局結(jié)構(gòu)原則

基于以上對(duì)移動(dòng)終端產(chǎn)品和PC終端產(chǎn)品的屏幕尺寸比對(duì)結(jié)果，我們不難看出多種顯示設(shè)備在尺寸、分辨率、屏幕密度一級(jí)處理性能、網(wǎng)絡(luò)環(huán)境、操作版本等上存在顯著的差異，我們同時(shí)也考慮到學(xué)生可能會(huì)利用多終端進(jìn)行學(xué)習(xí)的知識(shí)，也為了節(jié)約老師和課件設(shè)計(jì)者的時(shí)間成本并且爭(zhēng)取更多的學(xué)習(xí)者，也為了微課件的利用率更高，所以我們?cè)谠O(shè)計(jì)移動(dòng)響應(yīng)式課件時(shí)要符合響應(yīng)式布局結(jié)構(gòu)、移動(dòng)優(yōu)先原則，同時(shí)結(jié)合遵循“像素點(diǎn)的尺寸越小，屏幕密度越大，圖像的像素大小是可以根據(jù)尺寸向下兼容的，圖像像素尺寸偏大，載入到屏幕對(duì)角尺寸較小的移動(dòng)終端時(shí)會(huì)被縮小，清晰度不會(huì)損失；但圖像像素尺寸偏小，載入到屏幕對(duì)角尺寸較大的移動(dòng)終端時(shí)會(huì)被放大，清晰度下降”的原理，對(duì)移動(dòng)微課件進(jìn)行響應(yīng)式布局設(shè)計(jì)。我們可以將這種設(shè)計(jì)原則歸納成以下幾點(diǎn)：①封面式布局模式一一在PC機(jī)上將內(nèi)容主要集中于畫(huà)面中心，響應(yīng)后整體內(nèi)容繼續(xù)向中靠攏，周邊多余部分隨著屏幕縮小而被裁切。②左右雙列布局模式一一在PC機(jī)上將信息內(nèi)容按左右分布，但要遵循黃金分割原理，在響應(yīng)后內(nèi)容信息根據(jù)重要性逐一下降。③標(biāo)題布局模式一一在PC機(jī)上將信息內(nèi)容按上下結(jié)構(gòu)布局，上面標(biāo)題，下面文字或圖片，信息內(nèi)容盡量以中心集中，響應(yīng)后內(nèi)容結(jié)構(gòu)基本不變，內(nèi)容信息逐一向下堆疊。④網(wǎng)格式布局模式一一在PC機(jī)上將信息內(nèi)容一組一組按網(wǎng)格列表形式排列，響應(yīng)后隨著屏幕變窄，網(wǎng)格列表最右側(cè)的列表逐一向下排列，整體列數(shù)減少。

三、移動(dòng)響應(yīng)式微課制作工具Abobe Captivat8.0特點(diǎn)介紹

Abobe Captivat8.0軟件是Abobe公司2014年6月以后發(fā)布的一款教育開(kāi)發(fā)軟件，是如今信息化教育時(shí)代通用性課件開(kāi)發(fā)軟件中最具代表性的產(chǎn)品，它已經(jīng)發(fā)展成為一個(gè)跨平臺(tái)跨終端的通用性課件設(shè)計(jì)軟件，而且可以開(kāi)發(fā)一次同時(shí)生成三種不同尺寸的視頻或HTLM交互課件，能同時(shí)適用于Windows、Mac等PC機(jī)操作系統(tǒng)，還可以適用于iOS、Android、WindowsPhone等移動(dòng)終端操作系統(tǒng)的各種形式微課件。接下來(lái)我們介紹Abobe Captivat8.0軟件的核心功能介紹如下：

①結(jié)構(gòu)創(chuàng)建于順序設(shè)計(jì)一一可以通過(guò)響應(yīng)項(xiàng)目、軟件模擬、視頻演示、幻燈片、項(xiàng)目模板、空白項(xiàng)目等模塊進(jìn)行項(xiàng)目創(chuàng)建。

②響應(yīng)式項(xiàng)目模塊——如果選擇了這個(gè)模塊進(jìn)行創(chuàng)建項(xiàng)目，會(huì)發(fā)現(xiàn)創(chuàng)建界面內(nèi)同時(shí)出現(xiàn)主要、平板、移動(dòng)三個(gè)畫(huà)布，也就意味著我們?cè)趧?chuàng)建一個(gè)的同時(shí)生成三種不同的尺寸的頁(yè)面，以備響應(yīng)式課件設(shè)計(jì)。

③對(duì)象插入與交互設(shè)計(jì)——可以向幻燈片內(nèi)插入各種圖片、視頻、聲音和交互對(duì)象（如交互圖表，互動(dòng)內(nèi)容）等。

④音、視頻與字幕編輯——可以在幻燈片內(nèi)同步錄制、插入和編輯音、視頻與字幕。

⑤跨平臺(tái)多類型發(fā)布——制作完成后可以發(fā)布成MP4、SWF、PDF、APP、HTML5等格式的課件。

四、多媒體交互藝術(shù)設(shè)計(jì)課程移動(dòng)響應(yīng)式微課件制作

通過(guò)以上上介紹，我們以《多媒體交互藝術(shù)設(shè)計(jì)》課程為例，基于課程內(nèi)容具有跨學(xué)科的特點(diǎn)，移動(dòng)微課程內(nèi)容以課程擴(kuò)展知識(shí)點(diǎn)為主，不局限于制作過(guò)程，所以初步構(gòu)想以交互視頻為主，可結(jié)合能融合PPT、Flash、圖片、視頻等多種元素為載體的SWF課件為微課呈現(xiàn)方式，能更加生動(dòng)形象，更好地完成教學(xué)目標(biāo)。在設(shè)計(jì)制作過(guò)程中根據(jù)知識(shí)點(diǎn)的不同，在課程設(shè)計(jì)中適當(dāng)選用文字、數(shù)字、圖像、音頻、視頻、動(dòng)畫(huà)等媒體形式來(lái)表現(xiàn)課程內(nèi)容，可以使用Ps、PPT、Abobe Caotivat8.0軟件等軟件進(jìn)行繪制說(shuō)明，也可進(jìn)入攝錄教室錄制真實(shí)課程，后期剪輯制作成5分鐘左右的視頻插入到Abobe Captivat8.0軟件中。具體制作流程如下：①直接選擇響應(yīng)式項(xiàng)目模塊創(chuàng)建幻燈片。②插入文字、圖片、圖形、表格、音效、鏈接、轉(zhuǎn)場(chǎng)、提示等標(biāo)準(zhǔn)對(duì)象。③插入音頻、視頻、動(dòng)畫(huà)、角色、交互等特殊對(duì)象。④調(diào)整時(shí)間軸順序和長(zhǎng)短。⑤項(xiàng)目框架設(shè)計(jì)。⑥部分內(nèi)容預(yù)覽或整個(gè)項(xiàng)目預(yù)覽和發(fā)布。