多元融合式UI設計課程的教學探討

黃榮梅

(四川職業(yè)技術(shù)學院 計算機工程學院，四川 遂寧 629000)

引 言

隨著移動互聯(lián)網(wǎng)行業(yè)的迅猛發(fā)展，越來越多形式新穎、功能強大的APP出現(xiàn)在人們生活中。面對競爭日趨激烈的APP市場，軟件UI設計的美觀度、規(guī)范化、交互性成為提升用戶對產(chǎn)品直觀體驗的決定因素，企業(yè)需求已經(jīng)從原來單一地重視視覺美觀度提升到了關(guān)注產(chǎn)品整體的用戶體驗。國內(nèi)的百度、騰訊、阿里巴巴、網(wǎng)易、淘寶等大型互聯(lián)網(wǎng)企業(yè)均已成立了專業(yè)的UI設計部門，以吸納眾多UI設計類人才。盡管UI行業(yè)發(fā)展迅速，UI設計師需求量激增，但在國內(nèi)能充分滿足市場需求的UI設計專業(yè)人才資源緊缺。因此，積極提高UI設計課程的教學質(zhì)量，培養(yǎng)優(yōu)秀的UI設計師，是高職院校課程建設的必然選擇。

一、高校UI設計的教育現(xiàn)狀

近幾年來，雖然部分高校開設了UI設計課程，但對UI設計教學體系沒有系統(tǒng)規(guī)劃且沒有細化教學分工，UI設計并沒有作為一個獨立的專業(yè)存在，而是作為某個專業(yè)的一個單一課程來實施教學，UI設計在高校教學中沒有受到足夠地重視。

UI設計是一門新學科，也稱之為當代的新媒體，它是跨學科的學術(shù)領域，是在各門相關(guān)學科中提取相關(guān)內(nèi)容要素而綜合起來的系統(tǒng)學科。UI設計涉及到多種學科和多個層次，大致涵蓋了視覺設計、UI界面設計、交互設計、動效設計、體驗設計等方方面面。所以，僅憑開設一學期的UI設計課程，無法系統(tǒng)地熟悉和掌握整個UI設計交互設計過程，缺乏對UI設計行業(yè)規(guī)范的深入了解。再加上教學形式單一，教學內(nèi)容缺乏實戰(zhàn)型，僅限于課堂教學，導致學生缺乏設計開發(fā)經(jīng)驗，畢業(yè)后面臨工作崗位則很難適應企業(yè)對UI人才的需求。

二、軟件UI設計的課程目標

UI即User Interface(用戶界面)的簡稱，是指對軟件的人機交互、操作邏輯、界面美觀的整體設計[1]。軟件UI設計是軟件開發(fā)過程中的重要環(huán)節(jié)，課程面向職業(yè)崗位需求，具有較強的崗位能力要求，其課程目標是讓學生熟悉軟件UI設計的項目設計流程，掌握軟件UI設計的基本思想和原則，掌握用戶界面設計元素的設計規(guī)范，掌握不同應用界面的設計風格和設計技巧?？偠灾?，就是培養(yǎng)學生對于PC端UI設計、移動端UI設計、其他終端UI設計的綜合設計能力[2]。

三、提升軟件UI設計課程教學質(zhì)量的建議和措施

(一)改變教學理念

UI設計是跨學科的綜合課程，單一的教學理念和教學方式無法達到好的教學效果。從學校層面，要制定完善的教學改革制度，將教學創(chuàng)新工作落實到實處，推動教師改變教學理念，創(chuàng)新教學方式，不斷進行教學內(nèi)容的擴充、完善和更新，確保教學內(nèi)容能夠緊跟專業(yè)崗位需求。

(二)培養(yǎng)雙師型教師

教師作為知識傳授的主體，其個人素養(yǎng)和能力決定了知識傳授的質(zhì)量和效率，甚至決定了學生認知的高度。UI設計課程具有跨學科多層次的特點，擔任高校UI設計教學的教師要么是高學歷，要么是高職稱，教師理論功底扎實，但缺乏實踐經(jīng)驗，甚至一些教師沒有參與過實際的企業(yè)項目設計，導致教學中僅能從軟件本身的使用層面進行教學，無法分享更多的實踐經(jīng)驗。更重要的是，教師缺乏項目實踐經(jīng)驗，無法真實地了解市場和企業(yè)需求，導致教學重點與社會需求不匹配。因此，培養(yǎng)雙師型教師是提高教師專業(yè)技能和教學水平的當務之急。目前，根據(jù)專業(yè)需求，我校積極建立多方校企合作，例如“華為ICT學院”“川職院-科大訊飛人工智能產(chǎn)業(yè)學院”“新華三芯云產(chǎn)業(yè)學院”“四川職院-成都天府軟件產(chǎn)教融創(chuàng)園”等校企合作項目正在逐步落實中。有了這些校企合作項目，學校就要積極且有計劃地為教師提供再學習和參與實際項目的機會，比如利用一線教師實踐、校企合作等方式，將高校教師送到企業(yè)進行實踐鍛煉和技能學習，幫助教師了解企業(yè)需求，明確教學重點，細化教學內(nèi)容。對于教師自身來說，也要通過多種途徑不斷地學習和提高專業(yè)知識，及時了解軟件的最新需求應用和功能的更新，不斷進行知識體系的擴充和完善，促進教學水平不斷提升[3]。

(三)優(yōu)化教學設計

1.引入教學平臺

UI設計課程的教師應依托“互聯(lián)網(wǎng)+”創(chuàng)新理念，在教學中引入教學平臺來改進教學方法，豐富教學形式，以此來優(yōu)化UI設計的教學過程。例如利用藍墨云班課、超星學習通、網(wǎng)絡學習空間等專業(yè)教學平臺來優(yōu)化教學過程、重組教學內(nèi)容。在實際教學中，可利用教學平臺輔助教學過程，比如課堂點名、課堂互動、課后總結(jié)、課后評估等，通過在線作業(yè)的方式，讓學生充分利用課余時間，反復學習，熟練掌握軟件UI設計的方法和技巧。在教學設計上，可利用教學平臺搭建教學內(nèi)容，把優(yōu)秀的UI設計案例制作成教學視頻上傳至教學平臺，把與UI設計相關(guān)的拓展課程知識發(fā)布在教學平臺上，形成一個協(xié)同互補的知識體系，學生可選擇性學習，并針對自己學習中的薄弱環(huán)節(jié)，查漏補缺，以此培養(yǎng)學生自學及獨立思考的能力。

2.建立多元化學習共同體

在引入教學平臺輔助教學的基礎上，還可利用現(xiàn)有互聯(lián)網(wǎng)信息技術(shù)及媒體技術(shù)，建立課堂共同體、QQ群共同體、微信共同體、微博共同體、網(wǎng)絡共同體的多元化學習共同體，以加強師生之間的溝通，營造良好的學習氛圍。多元化學習共同體如圖1所示。

圖1 多元化學習共同體

課堂共同體是多元化學習共同體的核心，在UI設計教學過程中，應緊緊圍繞課堂共同體開展教學設計。同時，也可以結(jié)合課堂共同體進行小組教學，根據(jù)學生的基礎知識及學習能力、性格差異及興趣愛好等方面的不同，把學生優(yōu)化組合，形成學習小組，在課堂共同體中充分發(fā)揮小組教學優(yōu)勢，讓學生在小組學習中互幫互助，盡可能多地進行學習交流[4]。

微信在社交應用中非常廣泛，構(gòu)建微信學習共同體，能夠突破時間和空間的限制，確保教師和學生、學生和學生之間實現(xiàn)實時交流。QQ群也是現(xiàn)階段較為普遍的交流方式，建立QQ群學習共同體，打破了課堂學習小組的限制，讓學生有更為廣泛的交流群體。微博學習共同體可以發(fā)揮自媒體的特點，交流學習對象不僅僅局限于學校群體，也可面向社會各方面的設計師和學習者，可以有效地激發(fā)學生的設計靈感，幫助學生制作出優(yōu)質(zhì)的設計作品。利用優(yōu)質(zhì)的學習平臺及網(wǎng)絡環(huán)境，建立網(wǎng)絡學習共同體，讓教師和學生都能共享學習資源，能有效地提高學生的學習。

3.實時調(diào)整教學內(nèi)容

由于UI設計課程的特殊性，沒有現(xiàn)成的課程體系供參考，只能根據(jù)實際的應用需求來確定教學內(nèi)容，因此，UI設計教師應基于企業(yè)需求和市場發(fā)展趨勢來靈活調(diào)整UI設計課程的教學內(nèi)容。

隨著移動通信技術(shù)的飛速發(fā)展，中國正在進入5G時代，截至2021年底，我國累計建成并開通5G基站142.5萬個，建成全球最大5G網(wǎng)，實現(xiàn)覆蓋全國所有地級市城區(qū)、超過98%的縣城城區(qū)和80%的鄉(xiāng)鎮(zhèn)鎮(zhèn)區(qū)，并逐步向有條件、有需求的農(nóng)村地區(qū)逐步推進，我國5G基站總量占全球60%以上，5G終端連接數(shù)達到5.2億，每萬人擁有5G基站數(shù)達到10.1個[5]。因此，為了適應市場發(fā)展需求，軟件UI設計課程必須加強移動UI設計內(nèi)容。另據(jù)數(shù)據(jù)顯示，2021年中國游戲用戶規(guī)模達6.66億人，高居世界第一位，所以，軟件UI設計必須增加游戲UI設計內(nèi)容。在條件允許的情況下，學校應當與游戲開發(fā)商合作，組織學生對新游戲產(chǎn)品進行UI設計，這樣可以確保游戲UI設計的教學內(nèi)容不斷得到更新，并且有效提升學生的游戲UI設計能力。

(四)加強校企合作

UI設計課程最終是要面向市場，為企業(yè)輸送UI設計的專業(yè)技術(shù)人才。因此，對于學校，尤其是高職院校，非常有必要建立校企合作機制，具體可以通過以下幾個途徑實施。

第一，在平時教學中，教師應該注重實踐教學環(huán)節(jié)，采用項目教學，以工作任務引領學生，激發(fā)學生的學習興趣和成就動機。高校教師可承接企業(yè)UI設計項目，甚至可以大膽地把部分企業(yè)UI設計項目中的簡單工作拿給學生們練手，幫助企業(yè)發(fā)展的同時也培養(yǎng)了學生實踐操作的能力[6]。

第二，每學期安排實訓教學周(以下簡稱實訓周)，實訓周的時間一般為2-4周，甚至可以占到了學期總學時的四分之一。在實訓周中，可把企業(yè)人員請到課堂，從企業(yè)需求角度對學生進行有針對性的指導，有助于學生了解軟件UI設計中各個崗位的能力需求，有效提升學生的綜合素質(zhì)。

第三，目前，大多數(shù)的高職院校會與企業(yè)進行對接，建立實習基地，為高年級學生提供實踐學習的機會，比如我校大三上學期會安排學生進入校企共育合作基地進行系統(tǒng)學習并參與到企業(yè)的實際項目設計中，這樣培養(yǎng)出來的人才可快速地適應企業(yè)崗位的需求。

通過校企合作機制，建立起“學校-企業(yè)”共建模式，使學生參與到企業(yè)的實際項目中，讓學生在實踐中提高軟件UI設計的實戰(zhàn)經(jīng)驗及實踐操作能力。同時，高校教師也可以與學生共同參與到項目設計中，及時了解軟件UI設計領域的發(fā)展趨勢，明確企業(yè)對軟件UI設計人才的具體需求，對今后教學起到有效指導和補充作用[7]。

(五)完善課程考核

課程考核是提升UI設計課程教學的重要環(huán)節(jié)。由于課程的特殊性，可采用過程化考核方式，將整個學習過程都納入到課程考核中，課程總成績=課堂考勤+課堂表現(xiàn)+學生互評成績+任務完成成績+小組學習評比成績。這樣，可逐步記錄學生的實際學習情況，對成績進行量化，促使學生重視平時學習，弱化期末考核，改變以單一的期末成績衡量課程成績的弊端[8]。

在成績的評定中，可以依托教學平臺輔助進行課程的考核和評價。比如在藍墨云班課或超星學習通的課程設置中，為每一項學習內(nèi)容及項目任務細化分值及評定標準，學生每完成一個學習任務都會獲得相應的分值；學生互評成績可以通過小組成員之間或組與組之間互評得到。另外，小組學習評比成績，還可以采用線下在實際課堂中，通過學生打分和教師打分相結(jié)合的方式量化得到，每個小組選一個代表到教師機來展示自己小組作品內(nèi)容，講解自己小組作品的設計思路、設計方法，分析自己小組作品的優(yōu)缺點。教師和其他小組學生根據(jù)作品的情況進行分檔打分，最后統(tǒng)計學生的打分情況，教師給出一個綜合的成績。

四、多元融合式教學設計案例

基于企業(yè)需求和市場發(fā)展趨勢，本課程選取“游戲界面設計”教學內(nèi)容為例，說明多元融合教學設計的思路和過程。多元融合式教學設計如圖2所示，共分為導入模塊設計、參與式學習模塊設計、評價模塊設計、總結(jié)模塊設計四個部分。

圖2 多元融合式教學設計

(一)導入模塊設計

第一，學習資源設計：藍墨云班課中發(fā)布學習目標和學習內(nèi)容，具體內(nèi)容如下。學習目標：了解游戲界面設計基礎知識；了解游戲常用界面類型；掌握游戲界面設計的流程；熟練掌握游戲界面設計的規(guī)范和技巧。學習內(nèi)容：掌握制作水果消消消游戲界面的方法；設計制作Boom游戲界面實戰(zhàn)項目。

第二，教學模式設計：課前+線上。

第三，教學設計思路：學習目標和學習內(nèi)容列舉出來，就是明確告訴學生要學什么，要做什么，以及怎么做的問題，以此指導學生課前的預習和課后的自測。

通過線上測試，了解并考核學生對游戲界面設計基礎知識的掌握情況。

(二)參與式學習模塊設計

第一，學習資源設計：微課視頻+在線課堂測驗；藍墨云班課在線發(fā)布三個研討主題。主題1：游戲界面設計的流程？請列舉出主要流程。主題2：“水果消消消”中有哪些游戲界面類型？請列舉該游戲的每一個游戲界面類型。主題3：“水果消消消”中游戲界面的設計特點？請結(jié)合該游戲界面并根據(jù)游戲界面設計的原則，簡要闡述水果消消消游戲的界面設計特點。③學習資源鏈接+線上實戰(zhàn)項目任務“Boom游戲”界面設計。

第二，教學模式設計：課中+線上線下相結(jié)合

第三，教學設計思路：學生通過線上反復觀看微課視頻，在線完成課堂測驗，完成新課基本知識的學習，以實現(xiàn)學習目標；通過線上發(fā)布的研討主題，進一步強化學習目標，并促進學生進行在線研討，注重分析和應用能力的培養(yǎng)；通過對課堂案例“水果消消消”界面的講解，掌握制作水果消消消游戲界面的方法和技巧；在課堂中分析并講解實戰(zhàn)項目任務“Boom游戲”界面設計，為學生課后自主設計理清思路，解決設計難點；在線下研討學習過程中，教師在QQ群、微信群結(jié)合課堂學習中發(fā)現(xiàn)的問題實時引申出一些新的研討主題，如結(jié)合課堂實際引申出問題：在制作實戰(zhàn)項目任務“Boom游戲界面”中如何融入中國傳統(tǒng)文化元素？我們可以通過這些引申的問題或主題，將學習不斷引入，融入了傳統(tǒng)文化，體現(xiàn)了課程思政。

(三)評價模塊設計

第一，學習資源設計：小組優(yōu)秀作品；輕直播/討論。

第二，教學模式設計：課中+課后+線上。

第三，教學設計思路：課堂中，每個小組推選一個優(yōu)秀作品并選派代表到教師機來展示作品，講解設計思路、設計方法，分析作品的優(yōu)缺點，教師和小組組長進行分檔打分，最后為該小組推優(yōu)作品給出一個綜合成績，并計入小組成員作業(yè)得分；對于優(yōu)秀的設計作品發(fā)布在云班課“輕直播/討論”中，學生課后參與討論，這樣可進一步促進學生對界面設計深入地思考，教師可根據(jù)學生參與情況實時打分。

(四)總結(jié)模塊設計

第一，學習資源設計：云班課或微博發(fā)表總結(jié)研討帖。

第二，教學模式設計：課后+線上。

第三，教學設計思路：不限定學生的總結(jié)形式，文字列舉、圖文、圖表、思維導圖等均可；要求學生拍照上傳，可避免拷貝抄襲；學生完成后，教師可選取一些優(yōu)秀的學習總結(jié)發(fā)布，學生可對自己的總結(jié)進行修訂、完善；學習總結(jié)可作為UI設計課程平時成績的一個考核項；課后，教師可通過統(tǒng)計數(shù)據(jù)分析學習目標的達成情況，來決定是否需要對后期的教學設計進行調(diào)整。

五、結(jié)語

UI設計課程教學應該在高校中得到足夠重視，教師要在教學中不斷更新教學理念，充分利用互聯(lián)網(wǎng)+信息技術(shù)及多種互聯(lián)網(wǎng)媒體和專業(yè)的教學平臺來豐富教學手段，優(yōu)化教學過程，提高UI設計課程的教學質(zhì)量。同時，加強校企合作，完善課程考核，努力培養(yǎng)出符合市場發(fā)展及企業(yè)需求的高素質(zhì)UI設計人才。