成果導向理念在《UI設計》課程教學改革中的應用

呂 娜 王圣文 于全月 陳 君

1.滄州工貿(mào)學校，河北 滄州 061000；2.滄州市招商投資促進中心，河北 滄州 061000

當今社會，人類生活越來越離不開智能產(chǎn)品，這就導致了UI行業(yè)的迅速崛起。同時，行業(yè)的發(fā)展離不開人才，UI行業(yè)同樣急需人才來發(fā)展?，F(xiàn)如今，國內(nèi)UI行業(yè)得到了越來越多人的關注，但其與其他發(fā)達國家的差距也是非常明顯的。UI設計屬于軟件領域，不會受到硬件設施的限制，所以競爭的核心就在于人才。因此，中國的UI行業(yè)要發(fā)展，重中之重就是提高UI設計師的個人設計水平，讓設計師的設計作品能更加人性化。也是出于此考慮，《UI設計》就成為了中職學校的一門重要的專業(yè)核心課程。

OBE理念的研究始于1981年，在此之后，此理論得到了國內(nèi)外很多學者專家的肯定，通過學界的推廣，理論的應用迅速發(fā)展不斷成熟，逐漸完善，被認為是一個正確教育的方向。尤其是2013年之后，在我國，學者們研究OBE理念的熱情日益高漲。本文利用OBE理念引導中職UI設計課程教學改革，對中職設計類綜合課程提出改革思路，著力培養(yǎng)出符合社會要求的設計類應用型人才［1］。

一、OBE理念闡述

OBE是一種以學生為中心、以學習成果為導向來設計課程和組織教育教學活動的先進教育模式。OBE要求學校和教師應該先明確學習成果，配合多元彈性的個性化學習要求，讓學生通過學習過程完成自我實現(xiàn)的挑戰(zhàn)，再將成果反饋來改進原有的課程設計與課程教學。

國內(nèi)外很多學者，針對成果導向理念應用到課堂教學改革進行的應用研究。例如，王東梅等學者《基于OBE理念的金屬塑性成型工藝學課程教學初步改革嘗試》一文就是將成果導向理念應用到了《金屬塑性成型工藝學》課程教學改革中［2］；何運麗等學者利用成果導向，以《汽車電器與電子控制技術》課程為例，進行了課程改革研究［3］，夏夢等學者在高校層次利用成果導向?qū)I設計課程進行了教學診斷與改進［4］，彭雄鳳等學者基于成果導向理論對高職“機械制圖”課程進行了教學改革［5］，等等。

這些研究成果既為我們更好地應用成果導向理論提供了豐富的應用資料，也為我們進一步改進和完善成果導向理論提供了借鑒。

二、中職《UI設計》課程現(xiàn)狀分析

（一）《UI設計》課程簡介

UI設計是指對軟件的人機交互、操作邏輯、界面美觀的整體設計，包含PC應用界面設計，WEB頁面界面設計，移動端APP小程序設計以及各種智能設備的軟件界面設計［4］。本課程定位為中職課程，根據(jù)1+X界面設計職業(yè)技能等級標準（初級）的要求，我們可以看出，《UI設計》課程是聯(lián)系美術基礎、設計構(gòu)成、版式設計、字體設計、PS及AI圖形處理的綜合類設計課程之一，這門課程也是學生進入企業(yè)，能否創(chuàng)作出符合市場實際需求作品的關鍵課程之一。

（二）課程教學現(xiàn)狀

為了解《UI設計》課程的教學現(xiàn)狀，通過對任課教師和學生進行訪談及問卷調(diào)查，查閱相關考核資料及督導評價，了解了在教學過程中所存在的問題。

通過文獻法、訪談法、調(diào)查問卷法的調(diào)研，課題組發(fā)現(xiàn)以往的設計教學主要采用以教師課堂傳授理論知識為基礎，以教材案例為主、課堂技能實訓為輔的教學方法，這樣雖然可以在較短的時間里系統(tǒng)地傳授知識。但是，不利于調(diào)動學生學習的積極性、主動性及創(chuàng)造性，存在教學實踐與市場需求脫節(jié)的現(xiàn)象。而很多學者已經(jīng)利用成果導向法進行課堂教學研究，從研究成果看，將成果導向理念應用到中職UI界面設計課程課堂教學中是切實可行的。

對學生發(fā)放的問卷顯示，大部分學生大部分時間能積極參與課堂，積極的思考，參與探究，而不能參與的原因很大一部分在于學生對于學習的知識不理解，參與不了。以前總以為學生不參與是因為懶于思考，現(xiàn)在看來，大部分的學生情況不是這樣的，不是不想?yún)⑴c，而是對于需要參與的知識不熟悉、不了解，感到無所適從，不知道從哪里參與，怎么參與。所以，教師以后在教學過程中，知識鋪墊要到位，問題的設置要適當，既要調(diào)動學生的積極性，讓學生在課堂參與中提高能力，又要讓學生在參與中體驗成功，從而激發(fā)學生學習的熱情。

與教師訪談發(fā)現(xiàn)，大部分此專業(yè)課教師選擇的教學書籍為學校統(tǒng)一訂購的書籍。在上課期間，學生的學習狀態(tài)也有待提高，學生上課精力不集中，使用電腦的過程中，自控力不好，玩游戲、看小說、刷短視頻時有發(fā)生，教學講授內(nèi)容不能提高學生的學習興趣。學生上課對所講授的案例知識，掌握不夠熟練，部分學生不能獨立完成任務。

UI界面設計課程課堂教學亟待改革，具體不足有以下幾點：1.教學目標設計不清晰。在課程實施過程中，教師教授的知識多以課本為原型，沒有對授課內(nèi)容進行相應的思考，不主動接觸企業(yè)尋找企業(yè)真實案例，無法設立合理的教學目標或教學目標不清晰，不能滿足企業(yè)工作實踐需求。2.教學模式過于單一。在傳統(tǒng)教學模式下，《UI設計》課程一般以案例講解為主，而每節(jié)課程與每節(jié)課程一般情況下是沒有聯(lián)系的，教師講解案例，學生完成案例，采用的是以教師為中心的灌輸式教學模式。3.教學內(nèi)容學生興趣度不高。以往的《UI設計》教學，以教師為中心，教什么、怎么教都由教師說了算，學生只是被動地接受教師的安排來完成學習。所以，導致學生學習興趣不高。4.教學設計松散，不成體系。傳統(tǒng)教育的課程基本都有統(tǒng)一的教學內(nèi)容、時間、方式等，教學嚴格遵循規(guī)定的進程，不能有絲毫改變。將知識結(jié)構(gòu)切割成了一個個知識單元。每節(jié)課與每節(jié)課之間都相對獨立，不同知識單元之間練習很少，從而導致教學設計松散，不成體系。

三、基于OBE理念的中職《UI設計》課程教學改革研究

（一）清楚聚焦，確定課程成果，明確教學目標

從其工作崗位的描述中可以看出，UI設計對人才的要求即是能設計出完整的移動端UI作品。基于此，在UI設計課程的教學改革中的第一步就是確定設計成果，我們可以將完整的UI作品作為成果來進行教學設計，方便學生學習。為此，學校教師將企業(yè)實際項目，讓學生“真題真做”，培養(yǎng)學生“?！迸c“精”的設計能力［5］。

如課程體系模塊5《鋤禾學堂勞動教育APP界面設計》中，教師將設計勞動教育APP的企業(yè)真實案例引入課堂，清晰的定位課程成果為設計該APP啟動圖標、首頁、其他頁并進行交付，明確教學目標為完成該企業(yè)實戰(zhàn)案例。

（二）改善教學模式，擴大學生成功機會

改變教師講授和示范設計案例，學生根據(jù)教師演示進行練習的課堂教學模式，嘗試讓學生主動去探索并進行任務匯報與講解，最后主動完成企業(yè)真實案例的線上線下混合教學模式。同時，利用線上線下混合教學模式來不間斷提升學生的設計技能。教師在教學過程中，主要起到引導作用。教師根據(jù)企業(yè)項目制定一個主題，學生們進課前預討論并完成作業(yè)、課堂上進行小組討論、師生互動等等。教師在選題設計上，要重點把企業(yè)真實項目與學生思想實際、課程思政等有機結(jié)合來增強學生的自我價值認同感。

如課程體系模塊5項目3首頁高保真設計中，學生課前利用線上平臺完成課前作業(yè)，教師進行相應的點評。課上利用小組合作探究的方法，讓學生去研究該如何進行首頁的banner的文字、色彩、構(gòu)圖設計，同時確定好本組作品后，進行小組展示，給每個小組展示自己的平臺，小組自評、互評后，教師和企業(yè)教師點評，增強學生的設計自信心，提高學生的成功機會。

（三）傳統(tǒng)制圖軟件替換成ADOBEXD軟件，提高學生興趣，鼓勵學生學習

傳統(tǒng)的教學中，基本上UI設計都是平面設計，很少有可以進行動畫播放的實際效果，很多學生也不能理解什么是交互設計。為此，在教學過程中，利用ADOBEXD軟件代替ADOBE Photoshop、ADOBE Illustrator等平面軟件引入交互展示，則能以更直觀的方式調(diào)動學生學習的積極性。

在Adobe XD中，通過原型，我們能夠添加各種事件，各個事件之間的聯(lián)系也可以完全自定義，這也就實現(xiàn)了動畫畫面的編輯自由，而且可以隨時修改。作為一款針對UI領域的后起之秀，XD的更新也一直很穩(wěn)定，使用方面也是免費，這就方便了學生群體的練習，再也不用使用盜版也可以持續(xù)獲得最新版本更新。在不斷更新中，XD的原生功能覆蓋了大多數(shù)輕量化應用從原型、界面到動畫上的一條龍操作。尤其是針對Windows用戶，在沒有Flinto、Framer、Principle的情況下，也可以快速做出可以操作和演示的交互動畫，無需使用AE實現(xiàn)。

Adobe XD是集用戶體驗與界面設計為一體的設計平臺，在這個軟件上，用戶不僅可以進行移動界面設計和網(wǎng)頁設計還能進行原型制作。更高效準確的框架圖、效果圖到交互原型的轉(zhuǎn)變也是Adobe XD的一大特色。通過XD軟件，學生可以將自己想要完成的動態(tài)效果實現(xiàn)并進行調(diào)試，這樣就可以提高學生的學習興趣。同時，與后期程序開發(fā)人員也可以更加直觀地進行交流。

（四）反向設計課程體系，開展教學活動

教師采取項目驅(qū)動式、互動式的教學方法，從課程內(nèi)容出發(fā)，讓學生了解課程的實踐知識，進行自主探究式的學習，以結(jié)果為導向反向設計課程體系，使學生了解知識結(jié)構(gòu)，獲得自主學習能力與知識應用能力。

筆者以成果導向理論為支撐，將課程以成果形式呈現(xiàn)，面向新行業(yè)、新業(yè)態(tài)對接UI設計師崗位需求，健全德技并修育人機制。依據(jù)人才培養(yǎng)方案、課程標準、行業(yè)標準，依托《1+X界面設計職業(yè)技能等級標準（初級）》，分析計算機應用專業(yè)學生學情，以任務為驅(qū)動、項目為引領，對課程內(nèi)容進行創(chuàng)新性系統(tǒng)設計，將課程內(nèi)容按照“知—會—熟—創(chuàng)”重構(gòu)為五個模塊，分別為UI設計職業(yè)認知，Android手機醫(yī)療類APP界面設計，iOS手機旅游類APP界面設計，私廚美食APP界面設計，鋤禾學堂勞動教育APP界面設計。將UI崗位需要的技能要求融入項目的學習中去，真正提高學生的設計創(chuàng)新能力。

四、課程的成效及應用情況

在《UI設計》課程的遞進教學與實踐過程中，筆者團隊完成了校級《UI設計》教學資源庫的建設并順利通過了上級領導的驗收，結(jié)果顯示合格。筆者團隊利用《UI設計》課程企業(yè)實際項目“鋤禾學堂勞動教育APP界面設計”參加的全國職業(yè)院校教師教學能力比賽也取得了非常不錯的成績，獲得滄州市一等獎一項，河北省二等獎一項。所教授學生在河北省平面設計比賽中也取得了二等獎一項，三等獎一項的優(yōu)異成績，真正將“以賽促教”“以賽促學”“以賽促思”落到實處。

五、結(jié)語

《UI設計》課程教學改革較好地解決了課堂教學與工作實踐相脫節(jié)的問題，體現(xiàn)了教學成果與課程特色。利用UI課程改革帶來的經(jīng)驗，團隊還將繼續(xù)優(yōu)化其他設計類綜合課程，完善教學目標，教學模式，確定學習成果，提高學生學習興趣，擴大學生成功機會，使課程的教學和項目的實踐實現(xiàn)更好銜接，為培養(yǎng)基礎性設計類應用型人才不斷探索與創(chuàng)新。