基于超星云課程平臺下的《UI界面設計》課程教學實踐研究

摘? 要：隨著互聯網技術的飛速發展，“互聯網+”教育背景下的教育信息化技術在傳統教學中的教學理念、方法、模式以及資源配置發生了深刻變化。從高校開設UI界面設計課程所面臨的問題，依托超星學習通云平臺技術，重置課程體系，以項目式為導入，設計競賽為拓展，從學校、教師、平臺、競賽四位一體的評價體系，構建基于互聯網云平臺的線上線下混合教學模式。提升教學內容的金課質量，增強學生自主學習的積極性，為課程質量優化提標升級提供參考模式。

關鍵詞：超星云課程;UI界面設計;教學實踐

近年來，人工智能、大數據、區塊鏈、5G等新技術趨向成熟，信息技術已經開始滲透到教育行業，黨的十九大提出：“必須把教育放在優先位置，讓每個孩子享受公平有質量的教育，教育信息化是推動教育系統性變革的內生力量，從1.0時代進入2.0時代，實現教育跨域式發展。”2019年3月，教育部關于印發《2019年教育信息化和網絡安全工作要點》通知提出，云課程是穩定和持續存在的共享平臺，能大力推進教育信息化，實現教育資源共享。云課程作為新的課程形態的載體，為學習者打造了一個多元開放的信息化交流平臺。因此，面對藝術設計專業的學生，教師如何在學習上調動學生的積極性和主動性，培養符合企業需要的設計人才，如何把日常教學與云課程教學融合創新，實現信息技術與教育教學智慧共生、學習活動個性化、評價科學化的教學目標，引用云課程教學是非常重要的。本文以西南財經大學天府學院數字媒體藝術專業的UI界面設計課程為例，將以我校的“雅典式”教學理念融合到云教學中，構建互聯網+的云課程混合式的教學模式。

一、高校數字媒體藝術專業

《UI界面設計》教學現狀分析

《UI界面設計》是數字媒體藝術設計專業的核心課。課程一般設置在第4學期，課程內容包括用戶研究、交互設計、界面設計，涉及計算機與藝術設計學科，是一門較強的應用型實踐性課程。當前，UI界面設計處于迅猛發展的狀態，市場需求比較多、專業性人才少，這成為當前UI界面設計領域的一個難題。伴隨用人市場的需求的增加，該課程涉及跨學科知識比較多，課程體系比較廣泛，課程設計繁瑣，重點培養學生的創造性思維、綜合實踐能力。然而，高校的UI界面設計課程仍不夠完善，很多人對UI設計的認識仍處于較淺層次，教學方式缺乏完整的系統。

（一）教材內容單一，素材資源匱乏。當前該方面的專業教材內容同質化嚴重，大多偏于某一部分內容講授，如界面設計或者原型交互設計。所以應該根據教學內容的不同模塊，選取適合該內容的主教材與輔助教材結合行課，拓展學生課外知識的延伸。

（二）教學方式固定、模式化，學生學習興趣與學習能力不足。當前大部分教學是以教師講課為主，學生聽課為輔，對學生接受知識的程度缺乏關注。由于課時的制約，在課堂上很難長時間互動，交流時間少、參與度較低、也很難激發學生學習的興趣，長期處于被動狀態，學生的自主性和主動性學習能力受到限制，該課程學習效果不理想。

（三）教學內容與企業內部的設計生態脫節，學生的專業能力無法滿足企業對人才的需求[1]。由于該課程需要很強的美術設計功底，還要有編寫代碼的能力，同時要參與過企業項目，既要有項目經驗，又要有授課經驗的全能型師資很匱乏。由于高校師資入選是碩士以上，這樣就限制有經驗無學歷的人才無法滲透到該課程來，導致該課程的優勢很難發揮出來。這就需要轉變教學理念，嵌入以項目式設計流程為導向進入到教學改革與實踐中。

（四）考核標準單一，缺乏完整的評價標準。以往的教學評價標準是根據期末作業成績單項的評價方式進行，教師的授課方式、學生的接受程度與滿意度都無法進行評價反饋。當前知識更新速度很快，老師是否結合先進的技術和市場導向需求來進行教學，無從考究。因此，需要從單一的考核向全面的考核轉變，形成過程與結果、成績與表現的全面評價體系。

二、教學理念轉變

（一）《UI界面設計》課程具有跨學科的特征，涉及內容有用競品分析、用戶研究、交互設計、視覺設計、開發運營、服務設計等，依據傳統授課“一言堂”方法，很難讓教學取得良好的效果。“雅典式”教學源于古希臘，是指在教育中使用討論、問答等具體教學形式，驅動和強化學生自主學習[2]。在“雅典式”教學中，教師需要轉變角色，打破“滿堂灌”與“填鴨式”教學方式，要做好教學活動的組織和管理，營造教學環境，設定教學目標和任務布置，激勵與監督任務的完成，學生從被動學習到主動學習，師生形成“學習共同體”一起達成學習目標。例如，在教學中引入項目案例，模擬真實情景化教學，教師擔任企業產品經理角色扮演，負責產品用戶、需求、商業目標策劃，學生再以小組分工合作的形式，擔任交互設計師、視覺設計師等職位。這樣就讓課堂變得真實與活躍，激發學生的興趣和參與的積極性。

（二）以超星云課程平臺重塑教學過程

超星學習通是由超星網推出的一款在大數據環境下，滿足教師所教課程資源云共享和學生在線上線下、隨時隨地學習并實現師生互動、課堂教學評價等功能的手機APP[3] 。在該平臺上，教師可以創建班級課程，發布課件、教學大綱、教案、視頻等教學資料到學生平臺上，同時線上線下可以運用多種教學方式，包括直播、主題討論、分組任務、搶答評分、測驗、問卷等功能，將課程的項目案例、設計競賽引入到云教學中，引導學生由被動學習到主動學習、師生之間線上線下互動交流，充分調動學生的主觀能動性、積極性與創造性。

三、基于超星云課程

混合模式下《UI界面設計》課程模塊重構

《UI界面設計》課程是介于計算機科學與心理學、設計藝術學、認知科學和人機工程學的交叉研究領域。結合時代的變化與市場需求，提出基于超星云課程教學模式下“藝術+科技”的人才培養理念，將課程內容體系進行模塊化重構，分為基礎理論知識與綜合設計實踐兩部分（如圖1）。基礎理論分為四個模塊課程內容，包括UI設計基礎知識、UI設計常用方法、UI界面基本元素制作、IOS系統與Android系統及其組件的設計;綜合設計實踐分為三個模塊內容，包括Web端界面設計、移動端界面設計、交互設計內容。每個課程模塊根據知識特點設計不同的教學方法，在基礎理論模塊采用創設情景法與實例演示法，在綜合設計階段采用項目導入與任務驅動法。根據知識內容不同，選擇相應匹配的老師授課。如基礎知識部分選擇藝術設計專業教師，界面的基本元素與組件設計選擇企業資深設計師授課，在涉及交互設計程序方面選擇計算機專業教師。每位老師發揮自己最擅長的一面，依據超星云課程平臺線上與線下的混合式教學，重塑“互聯網+”背景下的“產教融合、協同育人”的現代設計教育模式，培養學生啟發性思維與實踐能力、跨學科的綜合設計能力。在教學組織上除了部分理論課外，其余內容都是采用案例演示與項目導入式教學，相互協作，培養學生的團隊合作精神。

四、基于“互聯網+”背景下的

《UI界面設計》超星云課程教學模型設計

UI界面設計課程在我校設置在大二第二學期，共64課時，根據以上重構課程模塊分為基礎理論知識與綜合設計實踐兩部分。第一部分共20課時，教學方法以創設情景法和講授法為主，主要講解UI設計的概念、設計流程、規范、常用工具、常用方法等，引導學生建立對UI的認知感，從用戶需求和行為習慣方面培養學生的界面交互設計邏輯思維能力。第二部分綜合設計實踐共44課時，教學方法采用項目導入與設計競賽。結合以上課程模塊的特點，依托超星學習通平臺，構建云平臺下的混合式教學模型設計。

課前：教師提前準備好所有的教學資源，如教學課件、教學大綱、教案、參考書籍、設計文獻等，同時錄制教學視頻如UI圖標、控件制作、原型交互軟件的視頻，為以后的教學過程提供演示，方便學生熟悉整個設計過程。每一次課前都提前設置預習的問題，在知識重點與難點部分設置不同的教學任務，并把這些任務上傳到超星學習通資源庫，讓學生課前提前預習，在QQ群里面提醒學生按照要求完成超星學習通里面的任務。學生通過超星平臺觀看教學視頻，時刻關注學生學習進度與學習的情況，包括學生學習的時間趨勢、學生回答問題參與度、教學資源使用情況等，培養學生自主學習能力，這些都為課中教學實施做進一步的準備。

課中：教師在課堂上公布課前的學習情況，并根據學習通APP的提問進行耐心系統的解答，利用學習通APP的搶答問題、投票功能，可以實時了解學生參與情況和內心的訴求。在調研環節，采取分組任務功能模塊，讓小組學生參與任務討論，全班分成不同的組別，設置每組有一位組長，通過視頻再現或PPT匯報等形式，分析APP界面設計的用戶需求、思維導圖、交互設計等知識。教師對學生匯報情況給予點評，指出不足，不僅鍛煉了學生的問題分析能力，而且增加了課堂的趣味性。

課后：學生根據課堂上的點評，完善修改作業，按時提交到超星平臺。教師依據課堂小組匯報的PPT，從邏輯關系、美化程度、團隊分工等量化指標給出平時分數。同時進行教學反思，改善不足之處，為下一次教學任務的實施拓展，做好進一步提升。

五、超星云課程混合式模式下的教學實踐

本研究是以《UI界面設計》為例，開展超星云課程混合式的教學實踐，研究對象為西南財經大學天府學院2017級數字媒體藝術設計專業，人數為55，2個班級。在基礎知識理論模塊開展專題學習模式，將20課時進行拆分，線上線下各一半，在每個章節提煉出重難知識點。在課堂理論部分采取情景和相關視頻置入的方式教學，幫助學生深化重難點知識，提高課堂教學質量。例如，在第一章節UI設計基礎知識部分，分別提煉出設計UI設計概念、UI設計原則、Ios與Android兩大主流系統組成要素及特征。在前兩個知識點配以商業案例圖片，情節化置入，由淺入深地幫助學生理解抽象的概念、激發學生的興趣。在第三個知識點采用案例比較，向學生展示兩大系統組成要素的差異性，設計細節上要遵循兩大系統的設計規范和原則。線上課堂方面，在超星云平臺的課程目錄置入該章節的國內外優秀公開課，如中國大學慕課里面的西安郵電大學《交互式界面設計》、南京郵電大學的《UI及交互技術》、蘇州信息職業技術學院《移動軟件UI設計》等課程。讓學生在云端感受不同名師的授課風采，促進學生學習能力、自我管理能力提升。教師負責組織好線上知識點設置，完成線上知識點自學與測驗，同時負責學生討論區的管理。對于討論區的知識點，教師采取分門別類的答疑，通常是相同問題集中答疑和個例同學采取因材施教的方針。

第二部分綜合設計實踐課程40課時，教學模式采取項目導入+設計競賽的云課程混合式學習，主要包括項目選定、項目需求分析、項目過程、項目完成等五個實踐內容。

（一）課前云平臺項目實踐資料發布，學生提前預習

由于該階段項目實踐比例較重，教師為了將實踐流程與內容闡述清楚，讓學生明白實踐目的，將課件與教學大綱上傳超星云課程章節目錄，將知識點錄制成10分鐘左右的微課視頻，設置一些任務，并在視頻播放過程中插入主題討論與測試，再由教師發放通知，讓學生提前預習。例如本次實踐任務是成都熊貓基地APP設計，在微課視頻里分享成都熊貓基地的現狀，需要對導覽系統進行升級改造，實現智慧化多媒介的形式，開發出一款集動物園簡介、動物的圖片、展館介紹、語音導覽、地圖導游等于一體的服務類應用APP產品。確定了項目任務后，需要對項目需求、用戶研究、信息架構、交互設計、視覺設計五個流程進行APP設計實踐教學。首先需要對這款產品的用戶需求進行調研分析，老師在超星云課程里面發布幾個主題討論，如什么用戶使用這款移動APP？是游客還是動物園的工作人員？用這款移動APP需要實現什么功能？動物園希望游客可以干什么？在什么樣的場景下使用它？基于什么樣的技術來實現？在超星云平臺，老師可以查閱學生是否觀看視頻，是否參與任務完成并提交平臺，對學生的學習行為進行有效監督。學生明確教學實踐任務后，通過學習視頻、資料查詢、素材收集等為項目實踐課堂討論和成果展示做好準備，實現教學目標與課程考核同頻共振。

（二）課中的實踐訓練、線上自由分組、線上線下混合式結合學習

1.分組討論，自主學習理論知識

分組討論在實踐教學里是一項非常重要的教學方法，可以發揮團隊的作用，激發大家的創造性思維與發散性思維，要求學生根據老師的分享在超星平臺建立任務分組，每組人員不超過4人，并設立1名組長，參照項目流程實行崗位職責，實行組長責任制，負責項目的進程和人員安排協同工作。老師在超星平臺通過文字、圖片、視頻等形式分享用戶研究的常用方法，比如問卷調研、訪談研究、場景觀察、競品分析、定性用戶畫像等。小組成員可以發表自己的看法，老師可以隨時查看討論情況，組與組之間可以互評、互相學習。根據項目流程，組內同學分別擔任用戶研究員、交互設計師、視覺設計師的角色，學生剛開始參與這款產品時都無從下手，但隨著大家的頭腦風暴，明白了接下來自己需要做什么？教師通過小組長收集的疑難問題在課上共同分享與探討，從而實現知識點的展示和內化，突破傳統教學的一言標準，增加師生之間、學生之間的互動交流，提升了教學質量。

2.分組實踐操作，線上線下混合式學習

根據成都熊貓基地APP設計項目流程，將產品設計的競品分析、信息架構、原型設計、可用性測試等實踐任務推送到每班的小組名單。每位小組在接受任務后，在組長的統一安排下各自發揮特長、分工合作，共同完成實踐任務。在實踐中遇到的問題先由組內協商討論、資料查詢等方式自主解決，遇到確實棘手的問題由組長收集好上傳超星平臺討論區。老師根據學生的問題進行分類，共性的問題通過文字、圖片、視頻教程方式分享給學生;遇到個別小組的疑問在線下有針對性地示范講解，引導學生全面地分析問題、解決問題。同時在進行一定的階段實踐后，每位小組要通過PPT圖文并茂、視頻再現等形式匯報最新進程。組與組、生與生之間既有競爭又有學習，老師根據小組的課堂作業進行點評、引導、答疑和總結，對小組作業比較好的推薦其他組員借鑒學習，小組成員的表現也作為平時分數的考核標準。

（三）課后測評和反饋，線上線下綜合考核

根據每位小組上傳的項目實踐作品，老師及時批閱，通過超星平臺的數據分析、科學評估，及時反饋給每組學生，這樣鞏固了課堂知識點，學習也具有針對性，實現了精準化教學。在考核上主要從以下幾個方面：教師、學生、平臺數據、企業（設計大賽）。具體如下：

1.教師考評

我校是一所應用型高校，貫徹以“學生職業發展為目標，綜合能力提升為主線，知識學習為載體”的辦學理念。因此，對云課程混合式教學的考核進行改革，變傳統單一標準考核方式為多元化的考核方式，注重對學生自主學習過程、應用能力的綜合考核。根據各項能力訓練目標的要求，從知識目標、態度目標、能力目標著手，采用平臺數據統計、老師綜合測評、學生自評相結合的方法進行考核。考核方式由平時作業+云平臺教學資料學習情況數據統計+云平臺互動表現+期末考核組成。成績評定均按百分制，將各項成績分別乘以其權重系數，匯總得到每個學生該門課程的成績，累計得分（如表1）。

2.學生自評

為了提高學生的學習積極性，培養學生的鑒別能力及專業素養，增加了學生自評。學生在提交期末作業的同時，提交學習情況記錄表及自評報告，以PPT形式匯報本課程學習過程具體情況及疑難問題解決情況等，自評報告編寫可參考學習情況記錄表數據內容。有利于老師在了解學生學習和實踐應用的情況之后，為以后教學質量的提升提供一定的參考。

針對最后的項目實踐作業遴選出一些優秀作品來參加設計大賽（如圖2、圖3），這些大賽可以有效引導學生進入真實的設計環境。競賽命題方大部分是活躍在設計行業的真實企業，他們有完整明確的商業需求，具有較強的市場針對性，學生可以零距離接觸真實企業的市場動態。設計大賽類型眾多，規格與要求也不一樣，各具特色，本次課程實踐融入了“全國高校藝術設計大賽”這項賽事。通過學生項目實踐的結果，兩個班學生均獲得3名二等獎、5名三等獎、8名優秀獎的名次。實踐證明，“以賽促學”的方式對《UI界面設計》課程具有較為明顯的促進作用。

六、教學效果與教學反思

通過實踐證明，基于超星云平臺教學改變了《UI界面設計》課的傳統教學模式，增加學生自主學習能力和學習興趣。在教學內容上，超星云平臺給學生提供海量的學習資料、在線精品課程、論文資料等，學習內容不再是一成不變的，而是更加豐富化、多元化、信息化。在教學方式上，教師授課角色的轉變，由“演員”轉變成“導演”，與學生組成“學習共同體”，引導學生發現問題，在理論講授與項目實踐中，提出討論，讓學生養成獨立的思維習慣和良好的學習習慣，達到“授人以漁”的精準化教學效果。在考核方式上，教師、學生、平臺數據、競賽為評分依據，考核的標準也更加全面與多元化。總之，利用云平臺信息技術的優勢，將《UI界面設計》課程傳統教學模式激活，培養學生的創造性設計思維。同時，也會出現一些問題，例如部分學生會出現厭學情緒、學習動力不足、學習積極性差與學習效能感弱、學習環境不適應等。教師在云課程與課堂教學之間需要尋找平衡點，課程重難點部分要與教學方式因時制宜、優勢互補，教學管理要與平臺、學工、教務等多個部門協同合作、資源整合，構建資源共享和智慧共生的云教學模式。

參考文獻：

[1]陳星海 .以設計工作流程為導向的項目式界面設計課堂教學改革與實踐[J].裝飾，2017（11）：108-111.

[2]鄧海霞，劉一睿.高校思想政治理論課“雅典式”教學模式探索——以“毛澤東思想和中國特色社會主義理論體系概論”課程為例[J].教育教學論壇，2014 （14）：102-103.

[3]謝應琴.基于超星學習通的翻轉課堂教學實踐探索——以《學前兒童游戲活動》項目化課程為例[J].瀘州職業技術學院學報，2018（4）：30-33.

作者簡介：張程，碩士，西南財經大學天府學院講師。研究方向：數字媒體藝術設計、視覺傳達設計、動畫、游戲美術。