呂 娜 王圣文 于全月 陳 君

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

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

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

一、OBE理念闡述

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

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

這些研究成果既為我們更好地應(yīng)用成果導(dǎo)向理論提供了豐富的應(yīng)用資料，也為我們進(jìn)一步改進(jìn)和完善成果導(dǎo)向理論提供了借鑒。

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

（一）《UI設(shè)計(jì)》課程簡介

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

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

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

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

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

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

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

三、基于OBE理念的中職《UI設(shè)計(jì)》課程教學(xué)改革研究

（一）清楚聚焦，確定課程成果，明確教學(xué)目標(biāo)

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

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

（二）改善教學(xué)模式，擴(kuò)大學(xué)生成功機(jī)會

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

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

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

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

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

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

（四）反向設(shè)計(jì)課程體系，開展教學(xué)活動

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

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

四、課程的成效及應(yīng)用情況

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

五、結(jié)語

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