新文科背景下混合式教學(xué)在《UI設(shè)計》課程中的創(chuàng)新應(yīng)用
——以《UI動效設(shè)計》模塊為例

程嘉萱 李源楓

浙江農(nóng)林大學(xué)暨陽學(xué)院晨曉藝術(shù)與設(shè)計學(xué)院

2020年11月《新文科建設(shè)宣言》發(fā)布，為適應(yīng)新時代文科發(fā)展面臨的新環(huán)境、新挑戰(zhàn)以及新機(jī)遇，新文科建設(shè)全面啟動。新文科建設(shè)要求從理論體系創(chuàng)新、專業(yè)建設(shè)質(zhì)量和優(yōu)化課程結(jié)構(gòu)等方面來建設(shè)新文科。

隨著信息化服務(wù)行業(yè)快速發(fā)展，企業(yè)對UI設(shè)計師的崗位技能要求逐步提高。由靜態(tài)視覺設(shè)計轉(zhuǎn)向動態(tài)交互設(shè)計。為了改善學(xué)生就業(yè)質(zhì)量低、畢業(yè)生能力與實際崗位需求脫節(jié)等現(xiàn)象，《UI設(shè)計》課程改革迫在眉睫?；旌鲜浇虒W(xué)是教育信息化發(fā)展的必然趨勢，現(xiàn)階段各高校均采取了線上線下混合式教學(xué)的手段，混合式教學(xué)需要經(jīng)過縝密的教學(xué)設(shè)計才能展現(xiàn)優(yōu)勢，它要求教師充分利用混合式教學(xué)的優(yōu)勢調(diào)動學(xué)生的主觀能動性，引導(dǎo)學(xué)生積極參與到課程實踐中來，使其能適應(yīng)社會新型人才的發(fā)展需要。同時改進(jìn)教學(xué)模式，優(yōu)化教學(xué)資源，轉(zhuǎn)變教學(xué)思想，創(chuàng)新教學(xué)設(shè)計，將新模式應(yīng)用到相關(guān)設(shè)計類課程當(dāng)中。

針對以上背景,本文結(jié)合《UI動效設(shè)計》單元的教學(xué)實踐，探索混合式教學(xué)在《UI設(shè)計》課程中的創(chuàng)新應(yīng)用，從課程改革層面進(jìn)一步推進(jìn)新文科建設(shè)，為社會提供適應(yīng)時代新環(huán)境的高素質(zhì)應(yīng)用型人才。

一、《UI設(shè)計》課程混合式教學(xué)現(xiàn)狀及存在問題

《UI設(shè)計》作為信息化社會發(fā)展下的一種新興職業(yè)，大部分應(yīng)用型人才培養(yǎng)高校均開設(shè)了《UI設(shè)計》課程。現(xiàn)階段大部分互聯(lián)網(wǎng)企業(yè)對UI設(shè)計師的軟件技能要求為：PhotoshopAdobeIllustratorAfterEffectsAdobeXD，然而目前學(xué)生關(guān)于AfterEffects和AdobeXD的軟件學(xué)習(xí)基礎(chǔ)為零。傳統(tǒng)的線下教學(xué)難以兼顧兩款軟件的教學(xué)內(nèi)容，為了保證課程的完整性與實用性，教師必須應(yīng)用混合式教學(xué)模式，合理利用線上資源庫輔助線下課程教學(xué)。

現(xiàn)階段，《UI設(shè)計》課程混合式教學(xué)主要存在以下問題。

1.教學(xué)資源陳舊，難以適應(yīng)不同水平的學(xué)生。

目前《UI設(shè)計》課程線上教學(xué)資源更新遲緩，尤其是案例與軟件教學(xué)內(nèi)容難以適應(yīng)技術(shù)發(fā)展潮流，技能教學(xué)內(nèi)容實用性差。同時，相同的課程內(nèi)容對于零基礎(chǔ)同學(xué)來說熟練掌握有一定困難，對于有一定學(xué)習(xí)基礎(chǔ)的同學(xué)提升應(yīng)用能力的幫助不大。

2.知識點不連貫，缺乏整體性。

線上課程以案例教學(xué)為主，學(xué)生跟隨課程內(nèi)容臨摹，完成教師設(shè)定的模擬練習(xí)項目?！禪I設(shè)計》結(jié)課后，學(xué)生對知識掌握情況模棱兩可，熟悉的項目會習(xí)慣性的尋找案例模仿設(shè)計，對于課程未接觸過的內(nèi)容不敢著手進(jìn)行創(chuàng)意設(shè)計，不符合新文科要求下的應(yīng)用型人才培養(yǎng)目標(biāo)。

3.教學(xué)內(nèi)容理想化，與實際項目需求不符。

由于教學(xué)內(nèi)容理想化，學(xué)生設(shè)計作品視覺效果雖好，卻未控制實現(xiàn)成本，導(dǎo)致作品無法落地實施，造成就業(yè)時發(fā)現(xiàn)大學(xué)時的項目經(jīng)驗難以適應(yīng)實際項目需求的尷尬局面。

二、《UI動效設(shè)計》單元混合式教學(xué)模式的構(gòu)建思路

傳統(tǒng)教學(xué)模式以教師為中心，教師僅利用有限的課堂時間講授知識解答學(xué)生的問題，沒有渠道和方法引導(dǎo)學(xué)生進(jìn)一步思考與更深層次的交流。針對新文科建設(shè)下UI設(shè)計人才的社會需求，傳統(tǒng)混合式教學(xué)模式無法將學(xué)生的主觀能動性與企業(yè)的實際需求匹配。

針對傳統(tǒng)混合式教學(xué)模式的不足，混合式教學(xué)模式創(chuàng)新應(yīng)用主要有以下三點設(shè)計對策：

1.優(yōu)化教學(xué)資源包，實現(xiàn)分層教學(xué)。

以學(xué)生為中心，實現(xiàn)分層教學(xué)，利用《我是校園》與《智慧樹》平臺，整合《UI動效設(shè)計》教學(xué)資源庫。依據(jù)學(xué)生的知識水平與學(xué)習(xí)規(guī)律，將教學(xué)資源內(nèi)容分為簡單—進(jìn)階—困難三個部分。課前摸底，采用分層教學(xué)法，為不同知識水平的學(xué)生分配不同的教學(xué)資源包。

2.知識模塊化設(shè)計，采用任務(wù)驅(qū)動法。

優(yōu)化教學(xué)結(jié)構(gòu)，將UI動效設(shè)計知識模塊化設(shè)計。以“問題導(dǎo)向”與“任務(wù)驅(qū)動”為教學(xué)設(shè)計原點，優(yōu)化線上、線下課程內(nèi)容銜接，刪減重復(fù)教學(xué)內(nèi)容，強(qiáng)化重點難點教學(xué)內(nèi)容。

3.以項目為導(dǎo)向，打造互動式課堂。

教學(xué)模塊分別結(jié)合實際企業(yè)項目或比賽項目，實現(xiàn)“產(chǎn)賽教”融合，將班級分成若干小組，以小組形式開展教學(xué)活動。通過合作式的學(xué)習(xí)，開發(fā)潛能，培養(yǎng)團(tuán)隊合作能力。翻轉(zhuǎn)教學(xué)，把課堂交給學(xué)生，打造互動式課堂。

三、《UI動效設(shè)計》單元混合式教學(xué)模式設(shè)計

《UI設(shè)計》課程是視覺傳達(dá)設(shè)計專業(yè)的限選課程，《UI動效設(shè)計》是課程中的一個教學(xué)單元。教學(xué)單元主要內(nèi)容圍繞以用戶體驗為核心的界面動效設(shè)計展開，利用混合式教學(xué)設(shè)計可以強(qiáng)化學(xué)生對用戶體驗設(shè)計的理解，增加學(xué)生實踐學(xué)習(xí)的自覺性與主動性。

1.教學(xué)分析。

（1）課程定位?！禪I設(shè)計》課程在第5學(xué)期開設(shè)，64學(xué)時。其前置課程為專業(yè)基礎(chǔ)課：計算機(jī)輔助設(shè)計、字體設(shè)計、標(biāo)志設(shè)計、版式設(shè)計。后續(xù)課程為專業(yè)應(yīng)用課：APP設(shè)計、畢業(yè)設(shè)計等。

傳統(tǒng)課程架構(gòu)中，理論與軟件實操部分分屬線上線下教學(xué)模式。課程中學(xué)生被動接受理論知識，軟件實操教學(xué)學(xué)生臨摹案例，枯燥乏味。對教學(xué)內(nèi)容解構(gòu)再設(shè)計后，設(shè)計理論與軟件實操相互融合，賽產(chǎn)教融合。課程內(nèi)容模塊化設(shè)計，采用分層教學(xué)設(shè)計，提升學(xué)生學(xué)習(xí)效率。

（2）學(xué)情分析。對于大三學(xué)生來說，大二學(xué)習(xí)的字體設(shè)計、標(biāo)志設(shè)計、編排設(shè)計等前置課程已經(jīng)幫助他們掌握了運用Photoshop、Adobe Illustrator等平面軟件進(jìn)行靜態(tài)圖形設(shè)計的能力，UI動效設(shè)計單元難點在于熟練使用動效制作軟件After Effects將靜態(tài)圖形轉(zhuǎn)化為動態(tài)圖形，實現(xiàn)用戶體驗與設(shè)計內(nèi)容、界面動效與人機(jī)交互的完美融合與實現(xiàn)。教學(xué)設(shè)計時，加入分層教學(xué)與項目化教學(xué)方法，引導(dǎo)學(xué)生自主學(xué)習(xí)，教師在線下課堂中著重把控設(shè)計思維與設(shè)計理念，鼓勵學(xué)生創(chuàng)意創(chuàng)新，團(tuán)結(jié)協(xié)作完成各項項目任務(wù)。

（3）課程目標(biāo)與教學(xué)重點難點?！禪I動效設(shè)計》單元的教學(xué)目標(biāo)是使學(xué)生掌握 UI 動效設(shè)計基本理論知識和基本創(chuàng)作技能，掌握各類UI動效設(shè)計的基本設(shè)計手法和動效設(shè)計軟件After Effects的使用方法，能夠獨立完成各類UI動效設(shè)計作品。

本單元的教學(xué)重點為動效在UI交互中的應(yīng)用設(shè)計，教學(xué)難點為以用戶體驗為中心的UI動效應(yīng)用設(shè)計。

2.教學(xué)設(shè)計。

采用“問題導(dǎo)向”-“任務(wù)驅(qū)動”的翻轉(zhuǎn)課堂學(xué)習(xí)方式。學(xué)生帶著自主學(xué)習(xí)和項目小組討論的問題來到線下課堂尋求教師解答，翻轉(zhuǎn)課堂的有點是可以激發(fā)學(xué)生學(xué)習(xí)的主觀能動性與學(xué)習(xí)積極性，學(xué)生在問題-解答-思考-實操這樣一個過程中完成課程任務(wù)與項目訓(xùn)練，獲得思維與技能雙重提升。

3.教學(xué)流程。

（1）課前準(zhǔn)備。通過《智慧樹》平臺布置學(xué)習(xí)任務(wù)及線下課程問題。學(xué)生登錄平臺領(lǐng)取任務(wù)，線上教學(xué)資源學(xué)習(xí)，搜集線下問題資料，總結(jié)思考結(jié)果并上傳平臺。

（2）課堂教學(xué)?！禪I動效設(shè)計》單元課堂教學(xué)共分為“學(xué)生自主預(yù)習(xí)——學(xué)生交流展示——教師精講點撥——課堂鞏固訓(xùn)練——動效翻轉(zhuǎn)微課堂——教學(xué)小結(jié)提升——課后拓展任務(wù)——學(xué)生研討總結(jié)”八大環(huán)節(jié)。

（3）課后拓展。學(xué)生將課程項目匯總整理后發(fā)布到線上教學(xué)平臺。教師布置課后拓展閱讀，通過線上平臺繼續(xù)更新分享動效設(shè)計相關(guān)內(nèi)容，與學(xué)生保持良好的互動。

4.教學(xué)評價。

課程采用多維度評價的模式，更加科學(xué)合理，生生互評提升了學(xué)生課堂參與度，企業(yè)評分幫助學(xué)生明晰了社會實際需求與理想化設(shè)計的差距，教師全程參與線上線下教學(xué)，針對學(xué)生線上線下課堂綜合表現(xiàn)提供整體性評價。

四、《UI動效設(shè)計》單元混合式教學(xué)應(yīng)用效果分析

混合式教學(xué)的應(yīng)用提升了學(xué)生學(xué)習(xí)動效設(shè)計的積極性及自覺性，學(xué)生軟件技能與設(shè)計思維均得到了良好的提高。學(xué)生基本掌握教學(xué)重難點，課程教學(xué)基本達(dá)標(biāo)。對比傳統(tǒng)教學(xué)模式，學(xué)生對課程線上資源、課堂教學(xué)、課程考評以及就業(yè)指導(dǎo)的實用性評價均有顯著提升。從新文科建設(shè)角度來看，課程改革后的人才培養(yǎng)符合時代與社會的需求，能夠適應(yīng)大部分企業(yè)對于UI設(shè)計人才的需求。

五、結(jié)語

《UI動效設(shè)計》教學(xué)單元教學(xué)設(shè)計科學(xué)系統(tǒng)，充分利用了線上教學(xué)資源包教授設(shè)計理論，訓(xùn)練學(xué)生軟件實操技能，同時結(jié)合線下“賽產(chǎn)教”項目訓(xùn)練學(xué)生的設(shè)計創(chuàng)意思維與小組協(xié)作能力。課程重構(gòu)后培養(yǎng)了一批集自主學(xué)習(xí)、創(chuàng)意創(chuàng)新與技術(shù)實操能力于一體的符合社會需求的《UI設(shè)計》人才。新文科建設(shè)環(huán)境下，根據(jù)視覺傳達(dá)設(shè)計專業(yè)的學(xué)科共性，為培養(yǎng)更多適應(yīng)時代發(fā)展的高素質(zhì)應(yīng)用型人才，混合式教學(xué)模式的創(chuàng)新應(yīng)用可推廣至其他相關(guān)課程中。