慕課在高職“UI 設計”課程中的應用

盧琳琳

0 引言

在教育改革背景下，廣大教師紛紛開始探索新的教學模式，“慕課”作為一種特色教學方式應運而生，受到師生的一致喜愛。通過大規模開放在線課程為人們提供廣闊的網絡學習平臺，將其應用到高職“UI 設計”教學中，可有效激發學生的學習欲望，促進優質資源共享，使教學效率和質量得到全面提升。

1 “U I 設計”課程現狀

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

2 高職“U I 設計”課程中的慕課教學措施

2.1 慕課視頻設計

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

2.2 網絡資源應用

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

2.3 非視頻資源設計

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

3 慕課背景下高職“U I 設計”課程教學案例

3.1 教學目標

本文以智能手機用戶界面設計為例，將教學總目標細分后，包括三項子目標，一是知識目標，掌握界面設計技巧、框架特性以及新界面設計方法；了解移動手機操作系統界面設計的相關規范；二是技能目標，掌握并熟練應用PS 等軟件進行界面設計；三是素質目標，通過參與教學活動不但提高學生技能水平，還使其團隊意識、合作能力、創新能力得到培養，引導其樹立嚴謹的工作態度，提高審美水平。

3.2 教學內容

在APP 產品設計之前應對界面設計有充分的了解，并靈活運用相關技術進行設計。為了滿足當前用戶的使用需求，用戶界面還應具備樣式美觀大方、功能全面清晰、簡約實用等特點。因此，在教學內容設置方面，主要分為界面設計基礎、結構、圖標設計等內容，由淺入深的進行教學。

3.3 教學過程

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

（1）課前預習

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

（2）課中教學

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

（3）課后訓練與考核

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

3.4 教學效果

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

4 結論

綜上所述，針對當前“UI 設計”教學中存在的不足，將慕課教學模式引入其中可得到有效彌補和完善。對此，在實際教學中教師應積極轉變思維與方法，充分發揮網絡資源與非視頻資源的作用，結合教學內容與學生特點，精心制作教學微視頻，以學生喜聞樂見的方式激發其學習興趣，以此提高整體教學質量，促進教育改革目標的高效落實。