基于混合式教學背景下高職電子商務人才培養模式創新與研究
——以《UI 界面設計》課程為例

匡栩葭 楊江浩（益陽職業技術學院）

■整體教學設計

（一）教學模塊剖析

《UI 界面設計》為移動商務專業的專業核心課程。通過本課程的學習，能夠了解UI 設計理念、掌握UI 設計操作和強化移動商務能力，同時能夠在一定程度上滿足軟件UI 設計師工作崗位需求。

針對本課程以往在教學過程中出現的體系混亂、無重點和重理論輕操作等缺陷，結合學院的相關要求和企業就業要求，對原有的內容進行了重組和提升，將《UI 界面設計》課程劃分成了三大項目、六大模塊，共計68 個課時。

三大項目：

（1）移動UI 界面設計（16 課時）。

（2）Web UI 界面設計（22 課時）。

（3）游戲UI 界面設計（30 課時）。

每個項目分別都包含六大模塊：

（1）圖標設計。

（2）色彩搭配。

（3）界面布局設計。

（4）界面設計。

（5）切片與標注。

（6）app 界面實踐。

（二）學情和課程背景分析

本課程適用于大專二年級的學生，對移動商務的基礎概念有了較為深刻的理解，同時，已經掌握了相關的PS 操作基礎和AI設計能力，本課程便是以此為基礎，進一步有針對性地提升其動手實踐能力。

課程背景：UI 界面設計是移動商務人才必不可少的技能，同時也是當前企業招聘中的熱門崗位，上升渠道通暢。當前，移動端、web 端和游戲端是UI 界面設計的三大重要領域，本課程也以此三大項目作為框架支撐。

（三）教學目標

依據學院發布的專業人才培養方案和課程標準，我們教研團隊確立了知識目標、能力目標和情感目標。

知識目標：需要掌握移動端、web 端和游戲的界面設計理念、色彩搭配、布局設計、界面設計和切片與標注等基本的知識。

能力目標：能有效地處理和分析三大界面的UI 設計理念，并能通過小組協作的方式進行UI 界面設計。

情感目標：提升學生對專業的認可度和自信心，同時，將課程思政的內容融入到教學體系中，實現思政教育與課程的統一。

■教學實施過程設計

本課程圍繞三大項目進行界面設計實踐內容講授，共計68學時。在課程設計中實現學生自學、教師助學和企業評學三位一體，并創新模塊化“3 階梯、6 模塊，多任務”教學模式，取得了良好教學效果。

（一）三位一體，共創共贏

三位一體即學生自學、教師助學、企業評學三位一體。

學生自學，對于授課任務中，針對通過學生自學就能掌握的相關知識，采用翻轉課堂的方式，讓學生實現課前自學。本次的課程將采用云課堂-智慧職教APP 實現教學資源課前上傳，教學資源包括微課堂、網絡視頻和課程自學講義等資源。教師課前便安排學生進行自學。學生通過云課堂-智慧職教APP 自學的相關結果將全程反饋到教師的APP 手機端上。教師實時掌握課前學習情況。

教師助學，打破以往以教師為主導，學生為輔導傳統教育模式。在本次的教學實施中，將實現以學生為主導，老師為輔的新的教育模式。教師主要扮演的角色為助學，促進學生的自我能動性，增強學生在課堂中的主體地位。對于相對較為復雜的設計理念、設計思路等內容，教師引導教育的方式，在課中實現教師助學。

企業評學，本系部屬學院中的傳統強勢學科，經過多年的發展，已經積累了豐厚的企業資源。本次教學實施將對接系部優秀的企業資源，將企業導師納入到教學體系中，將企業資源導入到課程學習中，實現企業評學。對學生的評價不再以傳統的期末成績等傳統的評選體系，教學評價將企業標準納入到教學實施過程中，讓學生即使在校園中也能夠以企業的標準嚴格要求自己。

（二）6 模塊、3 階梯和多任務

開創 “6 模塊、3 階梯、多任務”的模塊制混合式教學模式。

6 模塊即梳理教學內容，實現模塊化教學。6 個模塊分別為圖標設計、色彩搭配、界面布局設計、界面設計、切片與標注、app 界面實踐。《UI 界面設計》課程的內容十分廣泛，體系也十分復雜，不僅是一個純粹的操作實踐課程，同樣也需要學生具有一定的藝術基礎。教研團隊根據系部學生的情況和教學的特色，在眾多的教材之中，提煉出了6 個模塊。6 個模塊擺脫了以往傳統教學中從復雜的概念出發，教研團隊選擇了直奔主題，選擇將圖標設計作為教學的第1 個模塊。6 個教學模塊都十分注重實踐動手能力，以設計能力作為6 個模塊的基礎，從圖標、色彩、布局、切片與標注，最后到實踐環節，層層相扣。

3 階梯即每一模塊包含3 個階梯。三個階梯是建立在每個模塊細化基礎之上，也是建立在傳統理念教學里“學前”“學中”“學后”的基礎之上。

第一階梯為“學前”，體現為自我學習能力的提升。通過學前線上學生自學，激發學習興趣，教師同時可以在線耐心指導，解疑答惑，促進學生專業的技能核心能力。通過學生自學實現自我跨越，掌握基礎操作，實現課堂入門教學。

第二階梯為“學中”，體現為自我實踐能力的提升。以“線上線下結合”“課內課外交叉”教學理念進行教學設計，完成第二個階梯的上升。線上平臺采用云課堂-智慧職教APP，通過此APP 實現到勤打卡、課前自學、課中提問、頭腦風暴和課后評學等多種信息化教學手段。線下則采用真實的園區環境，將教室搬到產業園，能夠最大限度地貼近企業環境。“課內課外交叉”體現為任務式教學方式，不拘泥于課本知識，將課外企業的優秀案例導入到課程實施過程中。

第三階梯為“學后”，體現為自我反思能力的提升。通過企業對接，完成企業評學，對作品進行評價反饋，經過修改，最終成為成熟的項目作品。學生從第一階梯的自學，到第二階梯中的實踐能力的提升，到最后第三階梯的結果呈現和反思，學生的能力實現了階梯式的上升。采用階梯式理論，其重點主要有兩個。其一，強調隨著教學進程的上升，學生的能力的上升，打破了以往將教學實施過程按照時間來進行劃分的平行劃分方式。其二，強調每一個階梯都是對學生自身能力的一個定位。

多任務即每一個模塊都將包含多個形式多樣、手段創新的教學任務，將任務進行難易程度的劃分，并在每堂課將做好任務清單。多任務是對每個模塊下的內容進行細分，同時，模塊式教學與任務式教學的配合，使整個教學實施貼近企業環境，模擬企業運行。任務的數量會根據模塊內容的復雜性而不同。

六模塊、三階梯、多任務，三者相互交織，共同支撐整個《UI界面設計》的框架體系。從教學內容上，六模塊保證了教學內容能實現有針對性的模塊化教學；從教學目標上，三階梯保證了從知識目標、能力目標和素質目標的完成。從教學方式上，多任務保證了多樣化的教學方式。最終，學生實現了6 個模塊的學習、3 個階梯的跨越和多任務的完成。

（三）園區教學、企業項目

本著將專業辦到園區的理念，讓學生更加貼近真實的企業環境，教學團隊利用系部資源的天然優勢，將移動商務班移到了電商產業園區。樓上樓下都是企業，最大限度地模擬出真實的企業環境，實現園區教學。同時，對接企業真實的項目，同園區的各大企業都實現了緊密的合作。在園區進行教學，將最大限度地實現課內課外的有機結合。同時，本次的模塊化教學并沒有指定唯一的教材。教研團隊根據模塊的內容和特色，為每一個模塊尋找最合適的教材和教學資源。同時，有效利用園區的企業的資源，走出課文，貼近實戰，引入大量最新企業UI 設計案例，讓學生體驗到最新的UI 設計前沿設計理念。

（四）課程思政，潤物無聲

充分挖掘移動端的信息技術使用，通過學習強國等APP 作為案例，引導學生關注正能量作品；在課程資源中引入文明小標語等方式融入課程思政元素，隱形提升學生思想政治素質，潛移默化引導學生樹立正確價值觀。

■教學實施成效及反思

針對此次教學實施過程中采用的一些新的教學手段和方法，學生的認可程度高，接受能力強，特別是通過課內課外相結合，線上與線下相匹配等方法，使學生在知識目標和能力目標以及情感目標上都取得了很大的成效，整個教學環境更加貼近實踐，貼近企業，學生也迅速適應了新的教學實施方法。但學生在企業評學中，發現其動手操作實踐能力還距離企業的目標有一些差距。同時由于是模塊化教學和任務式教學，非常易于進行量化統計，每個學生能否掌握相關知識點都能十分清晰地統計出來。在今后的教學實施過程中，要針對學生的個性化發展，進一步深化改革教學。