數(shù)字媒體藝術(shù)設(shè)計專業(yè)信息化教學(xué)設(shè)計初探

肖文婷

摘要：在互聯(lián)網(wǎng)+時代背景下，信息技術(shù)正在潛移默化地滲透到社會中的各個領(lǐng)域，藝術(shù)設(shè)計類課程信息化教學(xué)改革的目前現(xiàn)狀不佳，而信息化教學(xué)已成為目前教學(xué)改革研究的重點方向。文章通過展示《APP界面動效設(shè)計》教學(xué)單元實例，從教學(xué)分析、教學(xué)設(shè)計、教學(xué)過程與教學(xué)效果與創(chuàng)新四個方面對信息化教學(xué)環(huán)境、信息化資源共享與信息化教學(xué)手段在數(shù)字媒體藝術(shù)設(shè)計專業(yè)的課程中如何深度應(yīng)用展開探析，為同類課程的信息化教學(xué)改革創(chuàng)新提供參考案例與建議。

關(guān)鍵詞：數(shù)字媒體藝術(shù)設(shè)計專業(yè) 信息化教學(xué) APP界面動效設(shè)計

一、藝術(shù)設(shè)計類課程信息化教學(xué)改革的現(xiàn)狀與困境

傳統(tǒng)說教式的教學(xué)模式早已經(jīng)不再適應(yīng)現(xiàn)代藝術(shù)設(shè)計專業(yè)人才培養(yǎng)的需求了。信息化教學(xué)改革的時代契機確立了藝術(shù)設(shè)計類專業(yè)新的教學(xué)理念、教學(xué)方式及教學(xué)手段。早期的信息化教學(xué)，已經(jīng)凸顯出困境，如數(shù)字化資源建設(shè)缺乏教學(xué)針對性，與課程教學(xué)實效難以匹配；課程改革中信息技術(shù)的應(yīng)用牽強附會，有“炫技”之嫌，無“應(yīng)用”之實；教師的信息化培訓(xùn)過于籠統(tǒng)，信息化比賽中的優(yōu)秀個案參考性、借鑒性不強等。藝術(shù)設(shè)計類專業(yè)深度信息化教學(xué)改革必須結(jié)合授課對象的學(xué)情情況、課程內(nèi)容與信息化結(jié)合點、教師的信息化思維與理念同步等方面著手，提出更具針對性的解決對策。對于95后的學(xué)生而言，普通存在學(xué)習(xí)被動不自覺性。小班制教學(xué)人數(shù)隨著近年來辦學(xué)規(guī)模不斷擴大，為課程的信息化開展增加了難度；對于教師而言，部分教師的觀念陳舊，特別是部分院校的教學(xué)內(nèi)容中仍包含較多的手繪技能，教師思維仍停留在傳統(tǒng)教學(xué)階段，信息化教學(xué)改革難以推進(jìn)；對于課程而言，藝術(shù)設(shè)計類課程以培養(yǎng)學(xué)生創(chuàng)造性思維和創(chuàng)新性實踐技能為中心。課程體系的構(gòu)建邏輯以階段遞進(jìn)式展開，理論與實踐分開授課，造成學(xué)生理解偏差，知識難以遷移等，這些都限制了利用信息化手段嘗試解決課內(nèi)教學(xué)容量與學(xué)生能力提升發(fā)展之間的矛盾。

二、數(shù)字媒體藝術(shù)設(shè)計專業(yè)特征與信息化教學(xué)的原則

當(dāng)下我們生活在一個前所未有的數(shù)字化時代。作為人和科技之間的媒介橋梁，數(shù)字媒體設(shè)計持續(xù)塑造著人與自身、與他人、與世界互動的方式。自2009年中國普及移動互聯(lián)網(wǎng)科技以來。無所不在的移動互聯(lián)網(wǎng)，飛速推進(jìn)了數(shù)字化技術(shù)的全方面應(yīng)用：從手機、智能穿戴設(shè)備到智能建筑、智能家居等，數(shù)字化正在改變?nèi)藗儎?chuàng)造、表達(dá)與溝通的方式。正是數(shù)字化背后無數(shù)的設(shè)計細(xì)節(jié)，成就了今天的數(shù)字化生活體驗。數(shù)字媒體藝術(shù)設(shè)計專業(yè)正是數(shù)字化信息時代不斷高速發(fā)展的產(chǎn)物，它融合了藝術(shù)、技術(shù)與人文，運用新技術(shù)、開發(fā)新系統(tǒng)、生產(chǎn)新產(chǎn)品的設(shè)計觀與設(shè)計方法。

信息化教學(xué)是將數(shù)字化信息技術(shù)引入到教學(xué)過程中，以信息技術(shù)支持教學(xué)輔助，這樣的教學(xué)形式是符合數(shù)字媒體藝術(shù)設(shè)計專業(yè)的專業(yè)特征。與傳統(tǒng)的課堂教學(xué)模式不同，信息化教學(xué)強調(diào)以學(xué)生為中心，調(diào)用符合學(xué)生認(rèn)知的技術(shù)手段，充分發(fā)揮學(xué)生的主觀能動性。在信息化教學(xué)過程設(shè)計中，采取互聯(lián)網(wǎng)思維的“教”與“學(xué)”的課程設(shè)計思路，培養(yǎng)符合現(xiàn)代設(shè)計人才的培養(yǎng)需求，主要有以下五點原則Ⅻ：

第一、充分調(diào)用各類信息化教學(xué)資源來支撐課堂，包括硬件搭建采購與數(shù)字化資源軟件配套；

第二、改變教學(xué)結(jié)構(gòu)，以“問題導(dǎo)向”與“任務(wù)驅(qū)動”為教學(xué)主線，改變線性邏輯設(shè)置，以單元與模塊化重新布局課程安排，在特定的情景中確認(rèn)教學(xué)策略；

第三、強調(diào)“團(tuán)隊協(xié)作”學(xué)習(xí)。學(xué)生小組共同合作解決問題到帶著問題到課堂與老師研究問題；

第四、強調(diào)互動性教學(xué)，給予學(xué)習(xí)過程性評價；

第五、以學(xué)生為中心，注重學(xué)生的學(xué)情分析、教學(xué)技術(shù)手段的有效性與技能培養(yǎng)的運用。

三、《APP界面動效設(shè)計》單元的信息化教學(xué)設(shè)計

《UI界面設(shè)計》課程是數(shù)字媒體藝術(shù)設(shè)計專業(yè)的主干課程，文本所引案例《APP界面效設(shè)計》屬于本課程中的一個教學(xué)單元。作為解決以用戶體驗為核心的數(shù)字化界面設(shè)計的問題課程設(shè)置，利用信息化手段強化學(xué)生用戶體驗的設(shè)計理念、提高學(xué)生對界面美觀與用戶行為的認(rèn)知理解，增加學(xué)生動手操作的學(xué)習(xí)興趣，是非常必要的。以《APP界面效設(shè)計》單元為例，初探從教學(xué)分析、教學(xué)設(shè)計、教學(xué)過程、教學(xué)效果與創(chuàng)新四個方面闡述信息化教學(xué)的深度應(yīng)用。

（一）教學(xué)分析

1.課程定位

《UI界面設(shè)計》課程一般在第4學(xué)期開設(shè)，56學(xué)時。它的前期課程是專業(yè)基礎(chǔ)課，如設(shè)計基礎(chǔ)、編排設(shè)計、計算機輔助設(shè)計等，后續(xù)課程為專業(yè)綜合課，相關(guān)課程包括網(wǎng)頁設(shè)計、信息動畫設(shè)計、畢業(yè)設(shè)計等。在過去的課程結(jié)構(gòu)里，理論講授與操作實踐分開開課，這樣理論與實踐嚴(yán)重分離。學(xué)生學(xué)習(xí)理論枯燥無味，學(xué)習(xí)軟件操作沒有難度，按部就班。經(jīng)過教學(xué)改革的實踐嘗試，現(xiàn)有的課程結(jié)構(gòu)依托藝術(shù)與技術(shù)互滲互補的教學(xué)設(shè)計理念，藝術(shù)基礎(chǔ)、技術(shù)操作與創(chuàng)意思維緊密結(jié)合。教學(xué)內(nèi)容模塊化處理，由易到難，激發(fā)學(xué)生學(xué)習(xí)興趣，提高了學(xué)習(xí)效果，符合市場需求（如圖1）所示。

2.學(xué)情分析

本課程的授課對象是數(shù)字媒體藝術(shù)設(shè)計專業(yè)二年級學(xué)生，通過一年級的課程學(xué)習(xí)，他們已經(jīng)掌握了平面軟件的操作及相關(guān)理論，具有一定的動畫設(shè)計概念，但這種形式學(xué)習(xí)停留于軟件技能操作與基本樣式的層面。但是這門課程需要學(xué)生掌握從靜態(tài)圖形設(shè)計到圖形的動態(tài)效果展示，并且其界面動態(tài)效果要符合APP用戶的體驗習(xí)慣。95后的學(xué)生熟悉數(shù)字互聯(lián)網(wǎng)知識，喜歡自己動手操作，卻缺乏主動學(xué)習(xí)的能力，對于用戶體驗的設(shè)計理念方面意識比較薄弱，有待提高。因此，教師需要加強設(shè)計思維與設(shè)計理念的引導(dǎo)，帶領(lǐng)學(xué)生以結(jié)果為導(dǎo)向，團(tuán)隊協(xié)作解決問題。

3.課程目標(biāo)與難點

《UI界面設(shè)計》課程一共6個模塊，《APP界面動效設(shè)計》屬于本門課程第3個模塊中的一個教學(xué)單元，講授4學(xué)時，實踐6學(xué)時。依據(jù)數(shù)字媒體藝術(shù)設(shè)計專業(yè)人才培養(yǎng)方案、《UI界面設(shè)計》課程標(biāo)準(zhǔn)，結(jié)合作者教材《UI設(shè)計——創(chuàng)意表達(dá)與實踐》。本單元的知識目標(biāo)是領(lǐng)悟APP界面動效設(shè)計的概念、原則與常用表現(xiàn)技法；能力目標(biāo)是理解以“用戶體驗為中心”界面設(shè)計原則，掌握APP動效策劃、圖形設(shè)計與動效展示；素質(zhì)目標(biāo)是培養(yǎng)學(xué)生會創(chuàng)意、能溝通、強邏輯、善合作、勤思考、重執(zhí)行的能力。因此，本單元的學(xué)習(xí)重點為理解APP界面動效設(shè)計的原則，難點為學(xué)生把握“以用戶體驗為中心”的APP界面動效設(shè)計表現(xiàn)技法并應(yīng)用。

（二）教學(xué)設(shè)計

1.教學(xué)理念

本單元的教學(xué)設(shè)計理念是基于問題式教學(xué)（PBL）的翻轉(zhuǎn)課堂學(xué)習(xí)方式。1969年，PBL（Problem-Based Learning）由美國的神經(jīng)病學(xué)教授Barrows提出，該教學(xué)模式強調(diào)以學(xué)生為中心，以解決問題為主線，教師起到一個引導(dǎo)作用，協(xié)助學(xué)生解決復(fù)雜的、實際的或真實的問題，建構(gòu)寬廣而靈活的知識基礎(chǔ)。翻轉(zhuǎn)課堂是相對于傳統(tǒng)課堂上講授知識、課下完成作業(yè)的教學(xué)方式而言，利用現(xiàn)在多元化的信息資源，課堂上以學(xué)生為主體、教師作為指導(dǎo)者，學(xué)生帶著自主學(xué)習(xí)過程中存在的問題上課，師生探究合作進(jìn)行學(xué)習(xí)互動，從而提高教學(xué)效果的—種教學(xué)形態(tài)?；趩栴}式的翻轉(zhuǎn)課堂教學(xué)，能滿足學(xué)生好奇心，符合他們的認(rèn)知構(gòu)建，提高學(xué)生的學(xué)習(xí)積極性，形成以結(jié)果為導(dǎo)向，在解決問題中教學(xué)做。

2.教學(xué)策略

《APP界面動效設(shè)計》單元的教學(xué)結(jié)果是完成“以用戶體驗為中心”的APP界面動效設(shè)計。以這個結(jié)果為導(dǎo)向倒退，學(xué)生前期已掌握UI界面元素的繪制與動畫設(shè)計的基技法。那么靜態(tài)的APP界面元素可以有多樣可能性的動效演示方案，由此提出該單元的核心問題——如何設(shè)計符合用戶體驗的APP界面動效？通過問題展開學(xué)習(xí)。學(xué)生首先開始“思考”——APP界面中包含哪些界面圖形元素？APP界面設(shè)計的規(guī)范是什么？其次完成“討論”與“方案”，完成APP界面中的元素從策劃——視覺設(shè)計——動效設(shè)計解決方案的可行性分析與規(guī)劃。

最后根據(jù)項目需求，掌握設(shè)計技巧，“實施”方案。

因此“問題”——“思考”——“討論”——“方案”——“實施”是本單元的五個教學(xué)環(huán)節(jié)，每個環(huán)節(jié)由問題驅(qū)動。通過小組討論、頭腦風(fēng)暴、課堂講授、獨立思考等教學(xué)方法完成教學(xué)全過程。通過超星網(wǎng)絡(luò)教學(xué)平臺進(jìn)行教學(xué)互動，實施監(jiān)控；智慧職教資源庫共享教學(xué)所需的各類資源；視頻案例、微課、演示動畫等信息化手段幫助學(xué)生理解重點，突破難點。達(dá)成知識在引導(dǎo)應(yīng)用中內(nèi)化，技能在解決問題中提升的教學(xué)目標(biāo)（如圖2）所示。

（三）教學(xué)過程實施

1.課前準(zhǔn)備

課前，教師利用超星網(wǎng)絡(luò)教學(xué)平臺布置學(xué)習(xí)任務(wù)單，備課并完成整個教學(xué)任務(wù)的全部部署。提出課前問題——如何制作APP界面動效設(shè)計？學(xué)生從網(wǎng)絡(luò)課程平臺中領(lǐng)取任務(wù)單，思考問題，利用信息化手段完成資料收集，并將調(diào)研情況、動效類型分析結(jié)果等課前作業(yè)上傳至網(wǎng)絡(luò)平臺。

2.課堂教學(xué)

本模塊的課堂教學(xué)共分為課前檢查——案例講解——學(xué)生提出方案—重難點講授——學(xué)生優(yōu)化方案五大環(huán)節(jié)。

首先，教師檢查學(xué)生課前的自學(xué)情況。通過手機點到檢查學(xué)生出勤情況，學(xué)生完成線上問卷，教師掌握課前學(xué)習(xí)情況，了解學(xué)生基礎(chǔ)。學(xué)生小組討論分享，將課前各自查找的資料分享心得與困惑，學(xué)生互評，教師點評討論結(jié)果。

教師案例講解，主要針對提升用戶體驗的APP界面設(shè)計要點與關(guān)鍵點。提出問題——學(xué)生課前的作業(yè)與課上講解的案例差別是什么？逐一展示案例，講解提升方法，讓學(xué)生了解到APP界面中主要動效提升用戶體驗的途徑與方法（如圖3）所示。

學(xué)生根據(jù)課上案例所講，結(jié)合課前作業(yè)收集的資料進(jìn)行分類，研究討論，提出觀點，領(lǐng)悟動效設(shè)計的定義與內(nèi)涵，并從技術(shù)上得出優(yōu)化動態(tài)效果方案的規(guī)律，提煉可行性原則。

教師點評學(xué)生觀點，提出錯幀動效的原理是什么？教師通過教學(xué)資源中的微課、軟件實操演示等信息化手段，將知識重點進(jìn)行分解講解，得出技術(shù)操作過程中的關(guān)鍵要素，幫助學(xué)生理解。教師將原理性的難點用動畫對比演示的方法，破解從思維上到技術(shù)上的難點（如圖4）所示。

學(xué)生突破技術(shù)重難點技巧，提出優(yōu)化解決問題的方案。通過小組討論、獨立上網(wǎng)查找、實踐操作，線上預(yù)演等多媒介、多渠道尋找最佳解決方案。學(xué)生理解用戶行為與動效設(shè)計的關(guān)系，尋找設(shè)計邏輯與技術(shù)實現(xiàn)的切入點。通過用戶行為分解圖、平面軟件、三維軟件、特效軟件等結(jié)合使用，完成解決方案的執(zhí)行嘗試，掌握設(shè)計技巧。

3.課后拓展

教師布置課后學(xué)習(xí)任務(wù)，并提供設(shè)計要求與訓(xùn)練素材。學(xué)生通過課上所學(xué)，完成符合用戶體驗的社交APP項目的動效設(shè)計模型。學(xué)生需要將設(shè)計方案的過程圖全部保留，對比最初稿與優(yōu)化稿的差異，領(lǐng)會設(shè)計技巧，吃透學(xué)習(xí)重點與難點。學(xué)生與教師在線上互動，提交作業(yè)與隨時交流，由傳統(tǒng)的交流型互動轉(zhuǎn)變?yōu)閵蕵沸蜕缃换印?/p>

4.課程評價

該課程的評價主要由三部分組成，學(xué)生互評、教師點評與企業(yè)參評。整個課程教學(xué)過程中，以學(xué)生互評為主，學(xué)生在互動交流中理解知識、解決問題，培養(yǎng)團(tuán)隊合作意識，強化執(zhí)行力。教師通過整個課程的線上輔導(dǎo)與線下教授結(jié)合教學(xué)，給予過程性的考核評價。課后，教師將學(xué)生的作業(yè)與練習(xí)通過線上方式發(fā)給企業(yè)專家，讓企業(yè)行業(yè)參與課程考核，并得到有價值的反饋意見，利用信息化手段幫助學(xué)生收獲符合市場需求的解決方案。

（四）教學(xué)效果與創(chuàng)新

1.教學(xué)效果

過去采用講授+實踐的傳統(tǒng)教學(xué)方案，教師注重教學(xué)流程的主導(dǎo)性，理論與實踐嚴(yán)重脫節(jié)，學(xué)生感到晦澀難懂，枯燥無趣?，F(xiàn)在利用信息化手段，以學(xué)生為中心，問題驅(qū)動的方法，將信息化媒介、移動終端、學(xué)習(xí)內(nèi)容模塊化整合創(chuàng)新。學(xué)生興趣度大大提高，課堂氣氛活躍，學(xué)習(xí)效率也得到提升。教學(xué)目標(biāo)達(dá)到，教學(xué)重難點都已掌握，多元評價體系建立。通過運用信息化技術(shù)、搭建數(shù)字共享資源、完善信息化教學(xué)環(huán)境，學(xué)生從課前學(xué)習(xí)、課堂實踐、在線測試、過程考核等環(huán)節(jié)都比傳統(tǒng)教學(xué)效果上明顯提高，學(xué)生從被動學(xué)習(xí)轉(zhuǎn)變成主動學(xué)習(xí)（如圖5）所示。

2.特色與創(chuàng)新

縱觀整個課程的信息化教學(xué)探索，形成兩個明顯的教學(xué)特色。第一，課程強調(diào)教學(xué)過程的設(shè)計，非教學(xué)流程的設(shè)計，問題驅(qū)動教學(xué)，學(xué)生由被動學(xué)習(xí)變?yōu)橹鲃訉W(xué)習(xí)。從課前學(xué)生討論問題，課中師生共同討論問題，到學(xué)生解決問題，實施完善方案，學(xué)生在探尋解決問題中成長。第二，運用信息化手段破解教學(xué)重點難點，解決數(shù)字媒體技術(shù)問題。讓APP界面設(shè)計元素動起來很容易，但是符合用戶體驗感受的動效設(shè)計確有動畫時間節(jié)奏把握上的難度，很難用語言說得清楚。將難懂的動畫原理用對比演示動畫的方式，并結(jié)合網(wǎng)絡(luò)教學(xué)平臺、微課、移動客戶端等信息化技術(shù)支持，給學(xué)生理解知識上提供幫助。

四、結(jié)語

《APP界面動效設(shè)計》課程單元充分利用信息化教學(xué)技術(shù)手段，發(fā)揮數(shù)字化共享資源，在信息化互動的教學(xué)環(huán)境中科學(xué)合理地安排教學(xué)策略、教學(xué)方法與教學(xué)流程。在信息化的教學(xué)設(shè)計中不斷培養(yǎng)學(xué)生的自主學(xué)習(xí)能力、創(chuàng)新思維能力與技術(shù)執(zhí)行力，同時結(jié)合數(shù)字媒體藝術(shù)設(shè)計專業(yè)的學(xué)科共性與個性，生動參與的課堂體驗，有效打通課內(nèi)外，具有一定的推廣價值。