肖文婷

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（一）教學(xué)分析

1.課程定位

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

2.學(xué)情分析

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

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

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

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

1.教學(xué)理念

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

2.教學(xué)策略

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

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

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

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

1.課前準(zhǔn)備

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

2.課堂教學(xué)

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

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

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

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

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

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

3.課后拓展

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

4.課程評價(jià)

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

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

1.教學(xué)效果

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

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

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

四、結(jié)語

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