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

田維　張英香

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

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

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

1 移動終端、微課的概念

1.1 移動終端的概念

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

1.2 微課的概念

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

2 移動終端用戶動畫形式喜愛度的研究

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

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

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

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

3.1 圖形元素簡化

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

3.2 文字運用得當

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

1、提高文字的辨識度

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

2、字體符合整體要求

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

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

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

3.3 色彩搭配巧妙

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

3.4 動畫運動合理

微課中的動畫可分為兩類：一種是圖表和圖形的動畫，另一種是角色的動畫和特效。

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

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

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

參考文獻

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

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