慕課在高職“UI 設(shè)計(jì)”課程中的應(yīng)用

盧琳琳

0 引言

在教育改革背景下，廣大教師紛紛開始探索新的教學(xué)模式，“慕課”作為一種特色教學(xué)方式應(yīng)運(yùn)而生，受到師生的一致喜愛。通過大規(guī)模開放在線課程為人們提供廣闊的網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)，將其應(yīng)用到高職“UI 設(shè)計(jì)”教學(xué)中，可有效激發(fā)學(xué)生的學(xué)習(xí)欲望，促進(jìn)優(yōu)質(zhì)資源共享，使教學(xué)效率和質(zhì)量得到全面提升。

1 “U I 設(shè)計(jì)”課程現(xiàn)狀

在當(dāng)前高職計(jì)算機(jī)專業(yè)教學(xué)體系中，“UI 設(shè)計(jì)”屬于基礎(chǔ)性課程，具有較強(qiáng)的技術(shù)性與操作性特點(diǎn)，通常設(shè)置在大一下學(xué)期，它要求學(xué)生掌握PS 軟件的基本用法，可利用該軟件對(duì)用戶界面、Web 頁(yè)面與移動(dòng)客戶端進(jìn)行設(shè)計(jì)，教學(xué)內(nèi)容不但包括理論講解，實(shí)踐演練也十分重要，需要教師上機(jī)演示操作。在教學(xué)過程中應(yīng)采取項(xiàng)目案例的方式，由整體到局部，將案例中的操作劃分為多個(gè)部分進(jìn)行分化學(xué)習(xí)。例如，怎樣改變圖像大小和方向、怎樣創(chuàng)建不同區(qū)域、怎樣選取色彩等等。在掌握基礎(chǔ)PS 技術(shù)后，再對(duì)案例內(nèi)容進(jìn)行細(xì)化和深化，如圖層樣式疊加后改變效果、調(diào)整濾鏡效果等等，這些實(shí)踐又需要相應(yīng)的理論作支撐。但是，該門課程主要面向大一學(xué)生，每個(gè)學(xué)生的計(jì)算機(jī)水平不盡相同，對(duì)軟件的掌握程度也參差不齊。在以往的教學(xué)模式下，教師先對(duì)學(xué)生進(jìn)行理論講解，再開展實(shí)踐演練，所需的課時(shí)大大超出教學(xué)計(jì)劃規(guī)定，教師為了趕進(jìn)度便會(huì)縮短實(shí)訓(xùn)時(shí)間，導(dǎo)致教學(xué)效果受到不良影響。對(duì)此，可將慕課引入其中，采用線上線下綜合教學(xué)模式，有效彌補(bǔ)傳統(tǒng)教學(xué)弊端，使教學(xué)效果得到顯著提升[1]。

2 高職“U I 設(shè)計(jì)”課程中的慕課教學(xué)措施

2.1 慕課視頻設(shè)計(jì)

在以往教學(xué)中教師常常會(huì)開門見山，但在慕課模式下教師可對(duì)課程內(nèi)容進(jìn)行重構(gòu)，以小而精的視頻形成優(yōu)質(zhì)的教學(xué)資源，以此提高“UI 設(shè)計(jì)”教學(xué)效果。在實(shí)際教學(xué)中，教師可結(jié)合教學(xué)內(nèi)容引入典型案例，由表及里、循序漸進(jìn)的將知識(shí)點(diǎn)滲透到案例項(xiàng)目中，使學(xué)生更易抓住重點(diǎn)，并親身參與實(shí)踐操作。在正式教學(xué)之前，教師可將重難點(diǎn)匯集成5—10 分鐘的視頻，要求學(xué)生課前預(yù)習(xí)。例如，在學(xué)習(xí)“按鈕制作”知識(shí)時(shí)，教師便可將該課程的重點(diǎn)內(nèi)容——圖層樣式、選區(qū)工具等納入課件之中，制作視頻范例，一邊操作一邊講解工具的應(yīng)用方法，如采用“套索”“魔棒”等創(chuàng)建不同選區(qū)。學(xué)生在觀看視頻的同時(shí)便會(huì)對(duì)即將要學(xué)的知識(shí)有所了解，還可根據(jù)自身掌握情況進(jìn)行暫停、重播、快進(jìn)等等，便于更加深入的理解知識(shí)，疑難之處可標(biāo)記出來與教師在課上進(jìn)行探討。在教學(xué)完畢后，教師還可將課后訓(xùn)練上傳到慕課平臺(tái)，為學(xué)生課后復(fù)習(xí)和知識(shí)消化提供幫助。

2.2 網(wǎng)絡(luò)資源應(yīng)用

當(dāng)前，慕課在“UI 設(shè)計(jì)”教學(xué)中的應(yīng)用主要是將重難點(diǎn)以微視頻的形式傳遞到線上，為學(xué)生課前預(yù)習(xí)和課后復(fù)習(xí)提供便利，克服以往只看不練、學(xué)過就忘的不良現(xiàn)象。在教學(xué)全過程中，視頻內(nèi)容選擇和制作屬于核心所在，如何制作出優(yōu)質(zhì)的教學(xué)課件、以小而精的視頻模式展示教學(xué)重點(diǎn)值得深思。對(duì)此，在慕課平臺(tái)選擇時(shí)可結(jié)合學(xué)生的行為習(xí)慣。當(dāng)前學(xué)生們經(jīng)常使用手機(jī)，微信已經(jīng)成為人際交往的重要工具，教師可采用微信平臺(tái)開展慕課教學(xué)，這樣便可打破時(shí)間與地域上的限制，學(xué)生可隨時(shí)隨地拿出手機(jī)進(jìn)行學(xué)習(xí)。值得一提的是，學(xué)生無(wú)需額外下載其他APP 便可獲取知識(shí)，受到廣大學(xué)生的一致歡迎。首先，教師可在騰訊網(wǎng)上申請(qǐng)注冊(cè)UI 設(shè)計(jì)的相關(guān)公眾號(hào)，然后將錄制好的視頻傳遞到微信平臺(tái)上。待準(zhǔn)備工作完成后，便可將該平臺(tái)推廣給學(xué)生，要求學(xué)生關(guān)注微信號(hào)后學(xué)習(xí)相關(guān)內(nèi)容，還可設(shè)置一些積分獎(jiǎng)勵(lì)等，學(xué)生通過自主練習(xí)、回答問題、參與討論等方式獲得積分。教師通過查看學(xué)生積分?jǐn)?shù)量檢查其平臺(tái)使用情況，還可借助大數(shù)據(jù)獲取學(xué)生資料下載率等等，進(jìn)而得出哪些內(nèi)容最受學(xué)生喜愛，哪些內(nèi)容無(wú)人問津，學(xué)生學(xué)習(xí)普遍的重難點(diǎn)在何處等等，并以此為依據(jù)對(duì)教學(xué)進(jìn)度、教學(xué)內(nèi)容進(jìn)行調(diào)整優(yōu)化[2]。

2.3 非視頻資源設(shè)計(jì)

在慕課教學(xué)中，資源普遍通過視頻的形式展示出來并推廣，但一些非視頻資源也不應(yīng)受到輕視，如課堂練習(xí)、小組討論等等。在“UI 設(shè)計(jì)”教學(xué)中，雖然更側(cè)重于實(shí)踐操作，但理論知識(shí)同樣不容小覷，例如，在摳圖操作中可選的工具較多，不但可用“選區(qū)”，也可用“蒙版”，還可用“鋼筆”來完成，應(yīng)結(jié)合實(shí)際情況選擇最為方便的工具。對(duì)此，可組織學(xué)生針對(duì)案例進(jìn)行討論，選出最為便捷高效的工具，以此加深對(duì)各項(xiàng)工具功能的理解。在“UI 設(shè)計(jì)”中，頁(yè)面布局模式眾多，可通過瀏覽優(yōu)秀APP 頁(yè)面的方式，掌握界面設(shè)計(jì)與制作的精妙之處。由此可見，教師應(yīng)重視非視頻資源設(shè)計(jì)與應(yīng)用，充分發(fā)揮理論資源的作用與優(yōu)勢(shì)，對(duì)視頻資源做好補(bǔ)充和完善。

3 慕課背景下高職“U I 設(shè)計(jì)”課程教學(xué)案例

3.1 教學(xué)目標(biāo)

本文以智能手機(jī)用戶界面設(shè)計(jì)為例，將教學(xué)總目標(biāo)細(xì)分后，包括三項(xiàng)子目標(biāo)，一是知識(shí)目標(biāo)，掌握界面設(shè)計(jì)技巧、框架特性以及新界面設(shè)計(jì)方法；了解移動(dòng)手機(jī)操作系統(tǒng)界面設(shè)計(jì)的相關(guān)規(guī)范；二是技能目標(biāo)，掌握并熟練應(yīng)用PS 等軟件進(jìn)行界面設(shè)計(jì)；三是素質(zhì)目標(biāo)，通過參與教學(xué)活動(dòng)不但提高學(xué)生技能水平，還使其團(tuán)隊(duì)意識(shí)、合作能力、創(chuàng)新能力得到培養(yǎng)，引導(dǎo)其樹立嚴(yán)謹(jǐn)?shù)墓ぷ鲬B(tài)度，提高審美水平。

3.2 教學(xué)內(nèi)容

在APP 產(chǎn)品設(shè)計(jì)之前應(yīng)對(duì)界面設(shè)計(jì)有充分的了解，并靈活運(yùn)用相關(guān)技術(shù)進(jìn)行設(shè)計(jì)。為了滿足當(dāng)前用戶的使用需求，用戶界面還應(yīng)具備樣式美觀大方、功能全面清晰、簡(jiǎn)約實(shí)用等特點(diǎn)。因此，在教學(xué)內(nèi)容設(shè)置方面，主要分為界面設(shè)計(jì)基礎(chǔ)、結(jié)構(gòu)、圖標(biāo)設(shè)計(jì)等內(nèi)容，由淺入深的進(jìn)行教學(xué)。

3.3 教學(xué)過程

該門課程一般在第二至第四學(xué)期開設(shè)，學(xué)生通過先前學(xué)習(xí)已經(jīng)掌握一定的平臺(tái)設(shè)計(jì)知識(shí)與軟件應(yīng)用能力。在教學(xué)中將慕課引入其中，分為課前、課中與課后三個(gè)階段進(jìn)行教學(xué)，具體過程如下：

（1）課前預(yù)習(xí)

教師將教學(xué)重難點(diǎn)知識(shí)制作成微視頻，借助微信平臺(tái)開展慕課教學(xué)，將微視頻課件上傳到微信號(hào)中，由學(xué)生自行下載學(xué)習(xí)，可幫助其精準(zhǔn)掌握重點(diǎn)知識(shí)，課前預(yù)習(xí)也能夠有的放矢的開展。

（2）課中教學(xué)

在正式上課后，教師通過多媒體大屏幕為學(xué)生播放5—10分鐘的慕課視頻，引導(dǎo)學(xué)生突破重難點(diǎn)，通過學(xué)習(xí)發(fā)現(xiàn)疑點(diǎn)。同時(shí)，教師還可將案例分析法引入其中，通過慕課平臺(tái)進(jìn)行實(shí)際演練，提高學(xué)生的學(xué)習(xí)熱情與實(shí)踐動(dòng)手能力。在案例選擇方面，可引入當(dāng)前熱門的手機(jī)投屏技術(shù)，如當(dāng)前流行的抖音短視頻APP，教師可將手機(jī)頁(yè)面投屏到大屏幕，對(duì)手機(jī)中的熱門應(yīng)用進(jìn)行直觀的講解，起到示范、借鑒與引導(dǎo)的作用。再如，在繪制圖形時(shí)，如何才能在保障尺寸的同時(shí)提高繪圖速度；如何在保留樣式圖層輪廓的基礎(chǔ)上，使圖標(biāo)內(nèi)容鏤空等等，還可將學(xué)生劃分多個(gè)小組，通過合作學(xué)習(xí)、交流討論等方式探尋問題的解決方法，并每組派出一名組長(zhǎng)匯報(bào)本組的探究結(jié)構(gòu)，開展競(jìng)賽PK等，以此激發(fā)學(xué)生的參與熱情[3]。

（3）課后訓(xùn)練與考核

教師根據(jù)教學(xué)內(nèi)容精心制作課后練習(xí)題，并傳送到慕課平臺(tái)上，學(xué)生可在課下自行下載練習(xí)。為了提高慕課教學(xué)效果，在慕課教學(xué)完畢后還應(yīng)進(jìn)行評(píng)價(jià)考核。其中，在線學(xué)習(xí)占35%，慕課網(wǎng)站根據(jù)事先制定的學(xué)習(xí)目標(biāo)與內(nèi)容，對(duì)學(xué)生的每項(xiàng)學(xué)習(xí)過程進(jìn)行記錄，以在線學(xué)習(xí)與答題、參與討論頻率、討論區(qū)發(fā)言質(zhì)量等對(duì)學(xué)生的態(tài)度和積極性進(jìn)行評(píng)定。以慕課平臺(tái)為基礎(chǔ)構(gòu)建相關(guān)模型，自動(dòng)產(chǎn)生該項(xiàng)分支，督促學(xué)生認(rèn)真高效的完成課前預(yù)習(xí)與課后練習(xí)；課堂表現(xiàn)占25%，包括課后訓(xùn)練參與度、案例任務(wù)完成進(jìn)度等等，檢驗(yàn)學(xué)生線上學(xué)習(xí)成果，并以此為依據(jù)調(diào)整線下學(xué)習(xí)活動(dòng)安排；項(xiàng)目實(shí)戰(zhàn)占40%。以項(xiàng)目組為單位，對(duì)學(xué)生團(tuán)隊(duì)精神、主觀能動(dòng)性、創(chuàng)新意識(shí)等進(jìn)行考核，注重學(xué)生協(xié)作能力與實(shí)踐技能的培養(yǎng)。通過多角度的考核評(píng)估，使學(xué)生獲得全面發(fā)展。

3.4 教學(xué)效果

在“UI 設(shè)計(jì)”教學(xué)中采用慕課教學(xué)法，與傳統(tǒng)教學(xué)模式相比效果更加理想。學(xué)生課前通過觀看微視頻可對(duì)教學(xué)內(nèi)容有基本的了解，在課堂練習(xí)與提問中可使知識(shí)點(diǎn)領(lǐng)悟更加透徹，學(xué)習(xí)欲望也得到激發(fā)；在課后練習(xí)時(shí)，通過慕課平臺(tái)可提高復(fù)習(xí)效率，促進(jìn)學(xué)生之間、師生之間的交流，使所學(xué)知識(shí)及時(shí)得到練習(xí)與鞏固。教師在課前做好微視頻與練習(xí)作業(yè)的制作，課中減少操作演示、理論講解等時(shí)間，可將更多時(shí)間投入到重難點(diǎn)突破、答疑解惑方面，使教與學(xué)效率得到全面提升。在課后借助慕課平臺(tái)進(jìn)行練習(xí)，有助于增進(jìn)師生間的交流，教師可針對(duì)學(xué)生的疑惑之處進(jìn)行重點(diǎn)講解與指導(dǎo)[4]。

4 結(jié)論

綜上所述，針對(duì)當(dāng)前“UI 設(shè)計(jì)”教學(xué)中存在的不足，將慕課教學(xué)模式引入其中可得到有效彌補(bǔ)和完善。對(duì)此，在實(shí)際教學(xué)中教師應(yīng)積極轉(zhuǎn)變思維與方法，充分發(fā)揮網(wǎng)絡(luò)資源與非視頻資源的作用，結(jié)合教學(xué)內(nèi)容與學(xué)生特點(diǎn)，精心制作教學(xué)微視頻，以學(xué)生喜聞樂見的方式激發(fā)其學(xué)習(xí)興趣，以此提高整體教學(xué)質(zhì)量，促進(jìn)教育改革目標(biāo)的高效落實(shí)。