基于線上線下混合式教學“金課”《UI設計》的探索與實踐

劉海芹

摘要：目的：為了把《UI設計》課程建設成具有高階性、創新性和挑戰度的“金課”;方法：采用了線上線下的混合式教學，教學過程中首先要進行學前測試，學習內容分析，學習者分析，教學目標的制定，教學策略的制定和線上線下的評價;結果：線上線下混合的“金課”學生平均成績高于傳統的課堂教學;結論：線上線下混合式教學方法教學效果比單純線上學習和單純線下教學效果好。

關鍵詞：線上線下混合式教學;金課;學習需要

中圖分類號：G642? ? ? ? 文獻標識碼：A

文章編號：1009-3044（2021）34-0157-02

1 緒論

線上線下混合式的“金課”，利用信息科技技術和Internet技術進行教學內容的發布和互聯網碎片化的學習，并結合線下有組織、有計劃的線下課堂教學。線上線下混合式的“金課”是具有結合線上和線下的優點的具有高階性、創新性和挑戰度的課程。

線上教學可以給學生提供大量的課程資料，擴展資源。教師利用在線平臺，可以組織學生討論，在線答疑，線上作業，網絡協作。教師也利用在線平臺對學生考核評價，而且平臺還會出詳細的學情分析。缺點：對學生的監管力度小，學生的作業是否自己獨立完成平臺很難監控，線上學生有時只是能進行淺層學習。而線下的課堂教學剛好彌補了這一點。課堂教學對線上學習深入講解、實驗及驗證、拓展和延伸。

2 《UI設計》課程特點

User Interface（簡稱UI）界面設計，UI設計（或稱界面設計）是指對軟件的人與計算機的接口、使用方式方法、人機界面風格、界面美觀的整體設計2。

《UI設計》課程是計算機科學與技術專業的專業必修課程。本課程的教學內容包括UI設計理論部分和設計與制作兩部分。其中理論部分包括UI概念及分類、圖形界面發展史、色彩知識、UI設計工作流程、圖標設計的基礎知識、手機主題的基礎知識、手機主題界面賞析、手機鎖屏界面的基礎知識和手機鎖屏界面設計過程。實踐部分包括手機圖標設計與制作、手機主題界面設計與制作、手機鎖屏界面設計與制作、UI常用基本控件的使用、UI常用高級控件的使用和交互項目的開發。

3 改革措施

建設線上線下混合式的課程，首先要進行學習需要分析、學前測試、教學目標的制定、教學策略的制定，建設學習資源庫，實行線上線下教學，對教學效果評價。教學過程如圖所示。

3.1 學習需要分析

學習需要分析，是課程組成員經過深入細致的調研和分析，準確理解計算機科學與技術專業培養目標和《UI設計》的課程目標，根據人才培養方案確定本門課程的課程目標轉化為學習需求，從而確定課程必須教什么的過程。

3.2 學前測試

學生的學習需要、身心發展、認知結構、學習策略和學習風格都將影響學習效果。通過在學習本門課程前，對學生進行測試，分析測試結果明確知識結構、技能實踐能力和學習態度，確定今后的教學重點?！禪I設計》課程要求學生掌握色彩模式的知識，如果學生在測試時這部分測試題出錯較多，我們就要在線上重點推送這部分的知識。

3.3 目標

教學目標可以分為三個層次：

3.3.1 節教學目標

根據布魯姆教育目標分類法中認知領域的教育目標分為知道、領會、運用、分析、綜合、評價。其中，知道、領會、運用是低階的教學目標，而分析、綜合、評價是高階的目標。

線上教學內容模塊碎片化，但是不能碎片不能太小。視頻講解內容在10～15分鐘為宜。把知識點化為相應的節。每節應是可獨立的小模塊。每個模塊有自己獨立的教學目標。教學目標應該是具體的，可測量可評價。如：線上學習的教學目標：通過學習色彩模式，能說出顏色值#FFCC00為什么顏色;通過本節的學習，能制作出來一個“水晶花”主題的手機界面。

3.3.2 課程目標

本課程的教學目的是使學生系統UI設計的基本理論、基本概念、色彩知識、設計原理及工作流程，圖標設計的基礎知識、手機主題的基礎知識、手機主題界面賞析、手機鎖屏界面的基礎知識和手機鎖屏界面設計過程，了解當前國際國內UI設計發展的新動態、新熱點。使學生具備合理制定和執行UI設計方案的能力，初步掌握設計方案質量分析和控制的能力;通過該課程的學習，使學生的專業基本素質、專業基本能力和技能得到全面發展，為學生從事軟件編程或是UI設計的實際工作打下基礎。

3.3.3 課程思政目標

根據《UI設計》課程特點把課程思政建設主要內容，有機融入課程教學。課程思政教育目的將課程思政教育與學科教學融為一體、相互滲透，使學生在掌握UI設計的基礎知識和UI設計的設計制作能力的同時，受到課程思政教育，并將轉化為人民服務的崇高理想，從而更加努力學習。

3.4 教學內容

3.5 教學評價

課程考核成績采取平時考核成績（含期中測驗、作業、考勤以及課堂表現等）和期末考核相結合的方式綜合評定。

（1）考核方式：線上考核;線下考核。

（2）成績評定：課程總成績=線上考核×40%+線下考核×60%。

其中，線上考核：課程音視頻學習（10%），章節測驗（5%），章節學習次數（5%），線上作業（10%），線上考試（10%）。

線下考核：線下出勤及課堂表現（10%），線下作業（10%），線下考試（40%）。

試題類型及權重：填空題（20%），選擇題（20%），論述題（30%），設計題（30%）。

例：期末試卷中論述題，給出一款App的界面設計和功能設計圖，需要學生分析給出的案例和綜合運用所學的知識，論述App界面設計的優缺點和功能設計的優缺點，突出了學習的高階性;設計題一個指定的圖標，提高了挑戰度和創新性。

4 課程評價及改革成效

從最近兩個學期的成績對比可以看，線上線下混合式教學班優于傳統教學班，如圖所示。

通過課程實踐得到經驗如下：

（1）線上教學不受時空約束，可以提供豐富的教學資源和多種學習方式，讓學生提高學習的自主性。而線上教學最大的缺點就是缺乏對學生的有效管控，教師無法約束學生，對于學習自主能力差的學生比如學習效果差。但是結合線下教學可以有效地解決了這個問題。

（2）本課程合理建構混合式教學流程，合理劃分線上線下教學內容，利用學習通制作在線課程，教學平臺發布資源、教學視頻、線上作業。

（3）布置綜合性和設計性的作業，有利于培養學生的主動學習能力和團隊合作意識。

（4）加入課程思政，激發了學生愛國熱情和努力學習意識，在教書過程中體現育人元素。

5 結束語

本文提出了線上線下混合式“金課”教學流程，并在實際教學中，以《UI設計》課程為例經過了兩個學學期的實踐。結果表明混合教學比單純課程教學和純線上教學效果好?！敖鹫n”建設大勢所趨，線上線下混合“金課”在課程改革上優勢很明顯。為了提高教學效果，我們將根據實際的教學效果和學習需要分析進一步改進教學。

參考文獻：

[1] 魏武華，羅雅過，侯敏，等.線上線下混合式教學模式的探索與實踐[J].計算機時代，2020（3）：87-89.

[2] 姜璐璐.網絡教學中學習者的特征分析[J].素質教育論壇，2010 （4）：141-142.

[3] 霍涌泉，李越.教育心理學[M].西安：西北大學出版社，2007.

[4] 杜小利. 線上線下混合式教學模式的實踐探索——以《創新創業基礎》課程為例[J]. 電子商務， 2019（8）：81-82

【通聯編輯：王力】