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

盧琳琳

0 引言

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

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

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

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

2.1 慕課視頻設(shè)計

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

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

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

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

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

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

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

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

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

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

3.3 教學(xué)過程

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

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

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

（2）課中教學(xué)

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

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

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

3.4 教學(xué)效果

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

4 結(jié)論

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