微課在移動(dòng)終端的動(dòng)畫(huà)表現(xiàn)形式的研究

田維　張英香

摘 要：微課時(shí)代的來(lái)臨，語(yǔ)言、文字表達(dá)不再局限于教師單方面的講授，需要教師能夠把知識(shí)內(nèi)化轉(zhuǎn)化為動(dòng)態(tài)原理、讓學(xué)生深刻的了解知識(shí)。那么使用輔助圖表和動(dòng)畫(huà)來(lái)增進(jìn)語(yǔ)言、文字表達(dá)不足的缺點(diǎn)，增進(jìn)學(xué)生對(duì)學(xué)習(xí)內(nèi)容的理解和交流。

關(guān)鍵詞：微課；扁平化；動(dòng)畫(huà)；移動(dòng)終端

基金項(xiàng)目：湖南省教育科學(xué)“十二五”規(guī)劃 2015 年度立項(xiàng)一般課題“基于移動(dòng)網(wǎng)絡(luò)的動(dòng)畫(huà)設(shè)計(jì)課程微課學(xué)習(xí)及其引導(dǎo)策略的研究”（XJK015CZY100）階段成果。

1 移動(dòng)終端、微課的概念

1.1 移動(dòng)終端的概念

移動(dòng)終端廣義的講包括手機(jī)、筆記本、平板電腦等移動(dòng)設(shè)備。但是大部分情況是指智能手機(jī)和平板電腦。

1.2 微課的概念

微課是個(gè)微小的課程教學(xué)應(yīng)用，是一種以5-10分鐘甚至更短時(shí)長(zhǎng)為單位的微型課程。它以視頻為主要載體，特別適宜與智能手機(jī)、平板電腦等移動(dòng)設(shè)備相結(jié)合，為大眾提供碎片移動(dòng)化的網(wǎng)絡(luò)學(xué)習(xí)新體驗(yàn)。

2 移動(dòng)終端用戶動(dòng)畫(huà)形式喜愛(ài)度的研究

iiMedia Research數(shù)據(jù)顯示，截止2015年7月，中國(guó)手機(jī)網(wǎng)民用戶規(guī)模達(dá)到6.57億人，中國(guó)智能手機(jī)用戶達(dá)6.01億人。在智能手機(jī)的操作系統(tǒng)中IOS、安卓、WIN7這三類占了80%，在這三類手機(jī)的界面設(shè)計(jì)中已向扁平化設(shè)計(jì)發(fā)展。在手機(jī)上用更少的按鈕和選項(xiàng)使界面干凈整齊?？梢愿雍?jiǎn)單直接的將信息和事物的工作方式展示出來(lái)，減少認(rèn)知障礙的產(chǎn)生。扁平化在移動(dòng)系統(tǒng)上不僅界面美觀、簡(jiǎn)潔，而且達(dá)到降低功耗，延長(zhǎng)待機(jī)時(shí)間和提高運(yùn)算速度。

根據(jù)優(yōu)酷網(wǎng)顯示的數(shù)據(jù)《飛碟說(shuō)》第一季、第二季全網(wǎng)播放流量已突破7.5億。其中移動(dòng)終端播放達(dá)到3億次?？梢?jiàn)移動(dòng)終端的用戶對(duì)于此種類型的動(dòng)畫(huà)形式的認(rèn)可。《飛碟說(shuō)》是一檔選取社會(huì)熱點(diǎn)為話題，用有趣的方式，對(duì)各種熱點(diǎn)知識(shí)進(jìn)行視頻化科普解說(shuō)的動(dòng)畫(huà)脫口秀節(jié)目。飛碟說(shuō)動(dòng)畫(huà)大多是扁平化動(dòng)畫(huà)為主、如飛碟一分鐘中人物細(xì)節(jié)簡(jiǎn)化設(shè)計(jì)：動(dòng)畫(huà)里的人物只用簡(jiǎn)單圖形組合，頭部用圓形、五官也是用幾何圖形組合而來(lái)的、身體用橢圓形、四肢用簡(jiǎn)潔的弧線和相應(yīng)的折線組合成了一個(gè)角色。背景使用單一純色背景起到突出人物的特點(diǎn)、再配上人物動(dòng)畫(huà)和聲音，賦予詼諧、簡(jiǎn)單易懂的內(nèi)容就成為了觀眾喜歡的動(dòng)畫(huà)視頻。我們把這類的視頻稱為扁平化動(dòng)畫(huà)。這是在設(shè)計(jì)元素上強(qiáng)調(diào)抽象、極簡(jiǎn)、符號(hào)化。

3 扁平化設(shè)計(jì)在微課中的應(yīng)用技巧

微課時(shí)代的來(lái)臨，語(yǔ)言、文字表達(dá)不再局限于教師單方面的講授，需要教師能夠把知識(shí)內(nèi)化轉(zhuǎn)化為動(dòng)態(tài)原理、讓學(xué)生深刻的了解知識(shí)。那么使用輔助圖表和動(dòng)畫(huà)來(lái)增進(jìn)語(yǔ)言、文字表達(dá)不足的缺點(diǎn)，增進(jìn)學(xué)生對(duì)學(xué)習(xí)內(nèi)容的理解和交流。文字讀解轉(zhuǎn)化為動(dòng)畫(huà)演示、要找到一個(gè)結(jié)合點(diǎn)。根據(jù)上文所講到的移動(dòng)終端手機(jī)系統(tǒng)扁平化設(shè)計(jì)和飛碟說(shuō)扁平動(dòng)畫(huà)成功的案例?？梢园驯馄交@一元素引用到微課中、從而讓視頻學(xué)習(xí)變得生動(dòng)有趣。目前在移動(dòng)終端的同類型視頻有壹讀廣告、鯨夢(mèng)文化等等，很多網(wǎng)絡(luò)推廣的形式都傾向于扁平化，把這一元素借鑒到微課中來(lái)，畫(huà)面簡(jiǎn)潔、色彩搭配合理的文字解釋，能夠形象的傳達(dá)出教師微課的知識(shí)點(diǎn)、那么以何種方式進(jìn)行轉(zhuǎn)化，可以從以下四點(diǎn)來(lái)進(jìn)行研究：

3.1 圖形元素簡(jiǎn)化

在微課中涉及到統(tǒng)計(jì)、圖表、等形式的解釋、可以用圖形動(dòng)畫(huà)來(lái)進(jìn)行轉(zhuǎn)化、根據(jù)不同的需求可用不同類型的圖表。條形圖、柱狀圖、折線圖和餅圖是圖表中四種最常用的基本類型、比如在課程中需要對(duì)兩種產(chǎn)品不同階段數(shù)據(jù)變化進(jìn)行講解、如果要達(dá)到直觀的效果、可以用柱形圖或者折線圖來(lái)進(jìn)行制作、兩種產(chǎn)品不同的顏色由于數(shù)據(jù)的不一樣產(chǎn)生的折線的位置不同或者是柱形高低不同的動(dòng)畫(huà)，折線圖中線與點(diǎn)的設(shè)計(jì)一般就是不同幅度的折頂點(diǎn)上都搭配的有圓形或者方形等元素選擇合適的圖形表現(xiàn)形式后需要對(duì)背景進(jìn)行簡(jiǎn)化通常就是以一個(gè)單純的顏色作為底色、為了更好的突出圖表中的信息、例如要解釋幾種產(chǎn)品在市場(chǎng)的占有率、可以使用餅形圖、通過(guò)對(duì)圓所占面積來(lái)代替百分比、可以讓觀眾更加直觀的了解到數(shù)據(jù)的多和少。利用這些簡(jiǎn)單幾何圖形來(lái)表達(dá)單純的數(shù)字解釋、能讓觀看者直觀的了解所要傳達(dá)的數(shù)據(jù)。

3.2 文字運(yùn)用得當(dāng)

微課中文字主要是起到解釋說(shuō)明的作用、一般就是一個(gè)詞、幾個(gè)字的概括。字體出現(xiàn)在圖形的內(nèi)部、利于突出文字內(nèi)容、可以強(qiáng)化視覺(jué)效果，提升作品的辨識(shí)度。在設(shè)計(jì)的運(yùn)用中必須注意一下幾點(diǎn)：

1、提高文字的辨識(shí)度

微課中的文字應(yīng)避選擇常規(guī)的字體，筆劃清晰容易辨識(shí)、切忌選擇辨識(shí)度不夠的字體，文字的根本目的是為了解釋課程的知識(shí)點(diǎn)，讓用戶了解微課的內(nèi)容。

2、字體符合整體要求

字體在微課中的選擇要考慮到全局的因素，不能有視覺(jué)上的沖突。否則在畫(huà)面上主次不分，例如：在介紹一個(gè)層級(jí)關(guān)系的時(shí)、級(jí)別高的字體大、級(jí)別小的字體小。根據(jù)級(jí)別逐級(jí)遞減、這樣字體符合了整體的要求。

3、在設(shè)計(jì)上要富于創(chuàng)造性

根據(jù)微課風(fēng)格的要求，圖形突出文字的色彩，讓文字在圖形中凸顯出來(lái)，文字解釋的時(shí)候在關(guān)鍵的數(shù)據(jù)信息時(shí) 色彩的選擇可以是突出的色彩、讓人能一眼辨識(shí)出、例如：在解釋文字中一般文字可以是冷色、關(guān)鍵文字可以是暖色、這樣關(guān)鍵文字就凸顯出來(lái)、還可以把關(guān)鍵文字稍微旋轉(zhuǎn)、給人以凸顯的視覺(jué)感受。

3.3 色彩搭配巧妙

在微課中圖形色彩與背景的色彩搭配的好壞，取決于對(duì)色彩原理的掌握、熟悉色彩的三要素、色彩三原色、并對(duì)色彩的原色、間色、復(fù)色的形成原理有一定了解、其次掌握色環(huán)的組合原理例如：鄰近色、類似色、對(duì)比色、補(bǔ)色等原理、是對(duì)色彩搭配的必要的前提。在微課視頻圖形的配色中、例如：圖形主元素是黑色、背景色彩可以用白色。黑白在明度排列中是兩個(gè)距離最遠(yuǎn)的兩種顏色形成的對(duì)比也是最大。同時(shí)在文字的色彩上可以用紅色的調(diào)和這樣可以突出圖形、文字醒目、在視頻中兩種三種以上的色彩的搭配、需要運(yùn)用色彩原理進(jìn)行色彩的處理、給所有顏色都把明度提高、這樣純度就降低、色彩就可以變的和諧等很多的方法處理色彩的搭配、如果對(duì)色彩原理不是特別的熟悉、可以使用Adobe Kuler軟件、在圓環(huán)中有五個(gè)拾色器、可以任意選擇你想要的色彩、自動(dòng)生成其他的色彩、另外還分了7大類型、類比、單色、三原色、等按照色彩原理進(jìn)行的分類、可以快速的搭配色彩。

3.4 動(dòng)畫(huà)運(yùn)動(dòng)合理

微課中的動(dòng)畫(huà)可分為兩類：一種是圖表和圖形的動(dòng)畫(huà)，另一種是角色的動(dòng)畫(huà)和特效。

圖形圖表的動(dòng)畫(huà)，考慮圖片的運(yùn)動(dòng)形式、面對(duì)繁復(fù)的文字解釋、學(xué)生聽(tīng)起來(lái)還是和上課沒(méi)有區(qū)別、可以多使用點(diǎn)、線、面、的形式對(duì)知識(shí)進(jìn)行細(xì)分， 點(diǎn)表示標(biāo)記、線表示引導(dǎo)指示、面表示解釋內(nèi)容，點(diǎn)的出現(xiàn)可以是淡入帶縮放、接著是線的生長(zhǎng)動(dòng)畫(huà)、最后是關(guān)鍵的知識(shí)點(diǎn)顯示在面的圖形里面。圖形動(dòng)畫(huà)可以由幾個(gè)元素分散然后匯聚在一個(gè)新的圖形里面、表達(dá)出整體與局部的關(guān)系。

角色動(dòng)畫(huà)與特效，在微課中角色主要可以擔(dān)當(dāng)老師進(jìn)行課程的傳授、也可以擔(dān)當(dāng)學(xué)生回答老師的問(wèn)題，提問(wèn)與回答使課程更加完整。在人物運(yùn)動(dòng)的過(guò)程中可以適當(dāng)加入一些煙霧特效、增加畫(huà)面的效果、利用不同的天氣情況表達(dá)人物的心情也是一種很好的表達(dá)方式、在整體的設(shè)計(jì)上 角色與圖形圖像的扁平化設(shè)計(jì)整體風(fēng)格統(tǒng)一、完整。設(shè)想如果把真實(shí)的老師摳像加入到扁平化中有一種違和感。

以上幾點(diǎn)是在微課制作中總結(jié)的一點(diǎn)經(jīng)驗(yàn)、運(yùn)用上述經(jīng)驗(yàn)獲得了湖南省首屆微課比賽一等獎(jiǎng)。在以后的微課設(shè)計(jì)與開(kāi)發(fā)中會(huì)不斷的吸取優(yōu)秀作品的精髓、通過(guò)知識(shí)的內(nèi)化轉(zhuǎn)化到自己的作品中并在微課設(shè)計(jì)制作中不斷探索。

參考文獻(xiàn)

[1] 劉萬(wàn)輝.微課開(kāi)發(fā)與制作技術(shù)[M].北京：高等教育出版社，2015：5.

[2]艾媒咨詢：2014-2015年中國(guó)移動(dòng)廣告行業(yè)研究報(bào)告[DB/OL]香港 艾媒網(wǎng) 2015