程嘉萱 李源楓

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

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

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

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

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

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

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

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

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

2.知識(shí)點(diǎn)不連貫，缺乏整體性。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1.教學(xué)分析。

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

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

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

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

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

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

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

3.教學(xué)流程。

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

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

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

4.教學(xué)評(píng)價(jià)。

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

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

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

五、結(jié)語

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