工程實(shí)踐創(chuàng)新項(xiàng)目（EPIP）教學(xué)模式的研究與實(shí)踐

白安妮 馮娜輝

摘要：本文以移動(dòng)界面設(shè)計(jì)課程為例，從“工程實(shí)踐創(chuàng)新項(xiàng)目 （EPIP）教學(xué)模式”為基本設(shè)計(jì)理念，融合“課證共生共長”模式進(jìn)行多元教學(xué)改革。在“工程實(shí)踐創(chuàng)新項(xiàng)目（EPIP）教學(xué)模式”下，以工程為核心，以工程實(shí)踐為導(dǎo)向，以能力培養(yǎng)為目標(biāo)，以工程項(xiàng)目為主導(dǎo)同時(shí)融合“課證共生共長”多元化教學(xué)模式。通過完成漸進(jìn)式項(xiàng)目來作為學(xué)生的內(nèi)驅(qū)力，老師輔導(dǎo)學(xué)生們通過自主探究、小組協(xié)作以及實(shí)戰(zhàn)展示和拓展訓(xùn)練互評等方式，能夠讓學(xué)生有目標(biāo)的完成課程資源學(xué)習(xí)和實(shí)訓(xùn)演練，實(shí)現(xiàn)知識建設(shè)和應(yīng)用轉(zhuǎn)移，提高專業(yè)技能和綜合素質(zhì)。以高職“移動(dòng)界面設(shè)計(jì)”課程為例，為教學(xué)模式的實(shí)際應(yīng)用提供參考。

關(guān)鍵詞：工程實(shí)踐創(chuàng)新項(xiàng)目;EPIP教學(xué)模式;移動(dòng)界面設(shè)計(jì)

工程實(shí)踐創(chuàng)新項(xiàng)目（EPIP）是我國職業(yè)教育話語體系下的一種教學(xué)模式。以工程為背景，以工程實(shí)踐為導(dǎo)向，以能力培養(yǎng)為目標(biāo)，工程項(xiàng)目是培養(yǎng)技能型人才的主導(dǎo)教學(xué)模式。工程實(shí)踐創(chuàng)新項(xiàng)目（EPIP）包含四個(gè)關(guān)鍵要素：工程、實(shí)踐、創(chuàng)新和項(xiàng)目，這四個(gè)要素相互緊密結(jié)合。

EPIP國際教育聯(lián)盟的成立以及EPIP工程實(shí)踐創(chuàng)新項(xiàng)目實(shí)施后，又迎來了新的飛躍、新的起點(diǎn)、新的發(fā)展。對于EPIP教學(xué)模式的探索也是一個(gè)新的篇章，必然會起到帶頭推進(jìn)的作用。

互聯(lián)網(wǎng)的高速發(fā)展改變了人們的社會行為方式，同時(shí)對產(chǎn)品行業(yè)也快速滲透，并極大地促進(jìn)數(shù)字產(chǎn)品的發(fā)展，隨著5G時(shí)代的到來，移動(dòng)互聯(lián)網(wǎng)更是深入到生活的方方面面， 人們越來越習(xí)慣使用各種App進(jìn)行社交、工作和學(xué)習(xí)，移動(dòng)端界面設(shè)計(jì)也成為UI設(shè)計(jì)師的主要輸出內(nèi)容。

移動(dòng)界面設(shè)計(jì)是指控制界面的交互邏輯、界面的人機(jī)交互、手機(jī)界面視覺美學(xué)的整體設(shè)計(jì)。界面設(shè)計(jì)包括電腦中應(yīng)用程序的界面設(shè)計(jì)、Web界面設(shè)計(jì)、移動(dòng)App和小程序設(shè)計(jì)、各種可穿戴智能設(shè)備的軟件界面設(shè)計(jì)。

一、移動(dòng)界面設(shè)計(jì)課程（體系）課程性質(zhì)與目標(biāo)

移動(dòng)界面設(shè)計(jì)課程是工業(yè)設(shè)計(jì)專業(yè)開設(shè)的一門專業(yè)核心課，是在學(xué)習(xí)《構(gòu)成基礎(chǔ)》、《圖像軟件基礎(chǔ)》、《圖形創(chuàng)意設(shè)計(jì)》、《圖標(biāo)與圖示》等課程，具備了字體設(shè)計(jì)、色彩搭配、設(shè)計(jì)表達(dá)能力和審美能力，其功能是對接專業(yè)人才培養(yǎng)目標(biāo)，面向UI界面設(shè)計(jì)師、交互設(shè)計(jì)工作崗位，培養(yǎng)學(xué)生交互界面設(shè)計(jì)能力，為后續(xù)產(chǎn)品優(yōu)化設(shè)計(jì)、交互設(shè)計(jì)、畢業(yè)設(shè)計(jì)課程學(xué)習(xí)提供核心技能。

移動(dòng)界面設(shè)計(jì)課程總目標(biāo)是通過本課程的教學(xué)，使學(xué)生學(xué)習(xí)交互界面設(shè)計(jì)的相關(guān)設(shè)計(jì)規(guī)范、設(shè)計(jì)原則等方面知識，熟練掌握交互界面設(shè)計(jì)的方法，并能夠完成移動(dòng)界面設(shè)計(jì)等專業(yè)課程的實(shí)踐練習(xí)，為學(xué)生將來從事交互界面設(shè)計(jì)培養(yǎng)基本的視覺設(shè)計(jì)能力，并具備相應(yīng)的自學(xué)能力。

移動(dòng)界面設(shè)計(jì)課程具體目標(biāo)是通過課程的學(xué)習(xí)，要求學(xué)生了解移動(dòng)互聯(lián)網(wǎng)產(chǎn)品的開發(fā)流程、移動(dòng)端設(shè)計(jì)規(guī)范、掌握界面視覺設(shè)計(jì)、能獨(dú)立設(shè)計(jì)登錄頁、首頁、列表頁并能輸出規(guī)范的切圖與標(biāo)注。課程中既培養(yǎng)學(xué)生掌握移動(dòng)界面設(shè)計(jì)的專業(yè)知識技能，還培養(yǎng)其團(tuán)隊(duì)協(xié)作能力和溝通表達(dá)能力以及他們的工作責(zé)任心、職業(yè)道德與規(guī)范等綜合素質(zhì)，使學(xué)生通過學(xué)習(xí)，掌握工作崗位所需要的各項(xiàng)技能和相關(guān)專業(yè)知識。

二、EPIP教學(xué)模式構(gòu)建移動(dòng)界面設(shè)計(jì)課程（體系）

本課程以“工程實(shí)踐創(chuàng)新項(xiàng)目（EPIP）教學(xué)模式”為基本設(shè)計(jì)理念，融合“課證共生共長”模式進(jìn)行多元教學(xué)。其內(nèi)涵是“工程化、實(shí)踐性、創(chuàng)新型、項(xiàng)目式”。同時(shí)在“課證共生共長”這一模式下，本課程根據(jù)騰訊云計(jì)算有限責(zé)任公司聯(lián)合高等職業(yè)院校專家共同起草《界面設(shè)計(jì)職業(yè)技能等級標(biāo)準(zhǔn)》明確學(xué)生實(shí)訓(xùn)項(xiàng)目、工作任務(wù)及職業(yè)技能要求，滿足了學(xué)生知識學(xué)習(xí)、技能訓(xùn)練及1+X證書考證需求。

工業(yè)設(shè)計(jì)專業(yè)學(xué)生缺乏學(xué)習(xí)主動(dòng)性和界面設(shè)計(jì)行業(yè)經(jīng)驗(yàn)，懼怕困難，但有一定的社會常識，愿意嘗試解決小問題小任務(wù)。基于這種情況，教師首先應(yīng)多鼓勵(lì)，多結(jié)合行業(yè)熱點(diǎn)和熱門界面設(shè)計(jì)趨勢，激發(fā)學(xué)生的課堂學(xué)習(xí)積極性。其次，在了解了每個(gè)學(xué)生的能力后，為學(xué)生個(gè)性化定制考取界面設(shè)計(jì)不同等級認(rèn)證的目標(biāo)，從多個(gè)方面去激發(fā)學(xué)生的學(xué)習(xí)興趣和學(xué)習(xí)能力。最后將界面設(shè)計(jì)這一大技能分割成四大項(xiàng)目，分別按照崗位的業(yè)務(wù)工作流程，引導(dǎo)學(xué)生知識遷移，加強(qiáng)課堂參與和實(shí)踐練習(xí)，用實(shí)踐促進(jìn)學(xué)生學(xué)習(xí)，增加每位學(xué)生學(xué)習(xí)的信心與積極性，讓他們對工作要領(lǐng)的理解更深入、對實(shí)踐操作能力的掌握得更牢固。

知識方面學(xué)生具備了一定的理論知識及設(shè)計(jì)工具技能，具備一定的設(shè)計(jì)表達(dá)能力和審美能力，掌握產(chǎn)品設(shè)計(jì)的程序方法，熟悉用戶研究并熟練掌握圖形、圖標(biāo)創(chuàng)意的方法。為本課程移動(dòng)界面設(shè)計(jì)中快速尋找配圖素材、提升界面的效果，提供了理論知識與技巧方法。但學(xué)生深層認(rèn)知相對不足，知識遷移能力比較缺乏。

技能方面隨著信息獲得量的增加，學(xué)生容易變得心浮氣躁、希望快速地看到成果，卻不能靜心學(xué)習(xí)，在實(shí)踐練習(xí)類的課程中功利心態(tài)居多，這樣的后果就是基本功和技能不扎實(shí)。學(xué)生雖然已經(jīng)具備熟練的計(jì)算機(jī)操作能力，圖形圖像類軟件的基本技能，初步了解界面設(shè)計(jì)特點(diǎn)、UI設(shè)計(jì)制作過程及規(guī)范，具有圖像與圖標(biāo)視覺創(chuàng)意設(shè)計(jì)的能力，但缺乏規(guī)范性操作。情感方面學(xué)生缺乏自信，學(xué)生總是對自己能力認(rèn)知不清，沒有客觀地了解界面設(shè)計(jì)行業(yè)及界面設(shè)計(jì)崗位的能力要求，最終導(dǎo)致在日常課程中覺得自己很難承擔(dān)學(xué)習(xí)的任務(wù)。根據(jù)以上問題，EPIP教學(xué)模式構(gòu)建移動(dòng)界面設(shè)計(jì)課程提出以下幾種路徑。

（一）移動(dòng)交互界面設(shè)計(jì)課程的工程化

課程中所包含的知識、技術(shù)（技能）、素養(yǎng)均以真實(shí)項(xiàng)目、工程為基礎(chǔ) ，基于騰訊企鵝輔導(dǎo)APP界面設(shè)計(jì)等實(shí)際項(xiàng)目，將教學(xué)內(nèi)容共分為“界面設(shè)計(jì)基礎(chǔ)”、“界面運(yùn)營設(shè)計(jì)”、“界面組件系統(tǒng)”、“界面精細(xì)度提升與輸出”四個(gè)模塊，分別對應(yīng)界面設(shè)計(jì)基礎(chǔ)知識與設(shè)計(jì)規(guī)范、界面運(yùn)營Banner設(shè)計(jì)、界面設(shè)計(jì)中的組件系統(tǒng)知識、界面設(shè)計(jì)制作方法。其中，“界面組件系統(tǒng)”和“界面精細(xì)度提升與輸出”的教學(xué)內(nèi)容緊扣UI界面設(shè)計(jì)師、交互設(shè)計(jì)師工作流程。老師在設(shè)置實(shí)踐項(xiàng)目時(shí)要以企業(yè)真實(shí)案例和實(shí)際項(xiàng)目讓學(xué)生實(shí)操，讓學(xué)生能夠感受到和實(shí)際工作情境一致的項(xiàng)目環(huán)境，讓學(xué)生在真實(shí)的環(huán)境、真實(shí)的實(shí)訓(xùn)實(shí)操項(xiàng)目、真實(shí)的設(shè)計(jì)需求中學(xué)習(xí)，通過“真正的學(xué)”讓學(xué)生的學(xué)習(xí)潛能地到最大的開發(fā)，并學(xué)會掌握發(fā)現(xiàn)問題、分析問題和解決問題的硬實(shí)力。

（二）移動(dòng)交互界面設(shè)計(jì)課程的實(shí)踐性

所有課程項(xiàng)目實(shí)訓(xùn)以真實(shí)的界面設(shè)計(jì)實(shí)踐為基礎(chǔ)，突出實(shí)踐項(xiàng)目的特色，體現(xiàn)出知技協(xié)進(jìn)，德技并修。學(xué)生的軟件操作、老師的示范語言和授課知識要點(diǎn)等均按照行業(yè)標(biāo)準(zhǔn)進(jìn)行實(shí)踐教學(xué)，通過數(shù)字化實(shí)時(shí)設(shè)計(jì)稿預(yù)覽工具和手機(jī)設(shè)備相結(jié)合，構(gòu)建真實(shí)用戶使用場景。在正常界面設(shè)計(jì)中穿插用戶操作錯(cuò)誤界面及網(wǎng)絡(luò)差錯(cuò)未出現(xiàn)的空頁面，全面訓(xùn)練并考察學(xué)生的專業(yè)知識、操作技能、職業(yè)素養(yǎng)。

（三）移動(dòng)交互界面設(shè)計(jì)課程的創(chuàng)新型

學(xué)生在學(xué)習(xí)“界面運(yùn)營設(shè)計(jì)”、“界面組件系統(tǒng)”、“界面精細(xì)度提升與輸出”這三個(gè)模塊中，根據(jù)iOS 美國蘋果設(shè)計(jì)公司開發(fā)的移動(dòng)設(shè)備操作系統(tǒng)進(jìn)行界面設(shè)計(jì)后，將界面適配于谷歌公司與其他制造商共同研發(fā)改良 Android 系統(tǒng)中，同時(shí)思考如何高效、便捷地進(jìn)行一稿多端適配。在這些教學(xué)中可以使學(xué)生學(xué)到在真實(shí)項(xiàng)目中實(shí)際需要處理的問題，使學(xué)生的經(jīng)驗(yàn)是多角度多維度的，這樣教師在課程實(shí)施過程中，能夠?yàn)閷W(xué)生營造出廣闊的創(chuàng)新型實(shí)踐教學(xué)空間。

（四）移動(dòng)交互界面設(shè)計(jì)課程的項(xiàng)目式

課程組織以項(xiàng)目統(tǒng)籌，構(gòu)建一個(gè)完整的項(xiàng)目模塊。核心是實(shí)施整體性、完整性項(xiàng)目教學(xué)。如項(xiàng)目“Banner設(shè)計(jì)實(shí)戰(zhàn) ”、“界面核心頁面設(shè)計(jì)”、“界面設(shè)計(jì)標(biāo)注與切圖”等 ，由項(xiàng)目強(qiáng)化教—學(xué)—做一體化，將UI界面合理地劃分為更小的，更易于管理的單元。讓學(xué)生的綜合職業(yè)能力得到全面訓(xùn)練和培養(yǎng)，在實(shí)訓(xùn)項(xiàng)目中讓學(xué)生職業(yè)品質(zhì)養(yǎng)成做到誠實(shí)守信、愛崗敬業(yè)、精益求精。這樣教師在教學(xué)中能夠完整地教，學(xué)生能夠在課前、課中、課后完整的學(xué)，整個(gè)教學(xué)的實(shí)施能夠呈現(xiàn)完整。

本門課程采用任務(wù)驅(qū)動(dòng)教學(xué)、啟發(fā)式教學(xué)、案例教學(xué)、模塊化教學(xué)，為學(xué)生提供多元化、差異化、個(gè)性化的學(xué)習(xí)策略。在教學(xué)時(shí)充分利用在線資源與在線平臺，對教學(xué)模式進(jìn)行創(chuàng)新，構(gòu)建課程資源，教學(xué)中以學(xué)生為中心，讓學(xué)生在掌握專業(yè)技能的同時(shí)，加深自己的思考與理解，同時(shí)獲取正向的思想理念以及價(jià)值觀。

在界面設(shè)計(jì)案例講解及引入過程中，引入具有中國特色傳統(tǒng)文化類的界面設(shè)計(jì)，使學(xué)生體會到科技發(fā)展力推的下的界面設(shè)計(jì)發(fā)展速度和中國速度。并將德育教育有機(jī)融入專業(yè)教學(xué)過程中。

學(xué)本門課程引導(dǎo)學(xué)生自主探究、合作探究、小組合作，讓學(xué)生全程自主的、協(xié)作探究學(xué)習(xí)為目標(biāo)，按“導(dǎo)—探—練—評”實(shí)施教學(xué)、差異化評價(jià)，深度挖掘?qū)W生潛質(zhì)，實(shí)現(xiàn)課堂高效學(xué)習(xí)。讓學(xué)生從學(xué)會到會學(xué)，最后到達(dá)樂學(xué)的狀態(tài)。在課程中要潛移默化地培養(yǎng)學(xué)生的工匠精神。在實(shí)踐過程中遇到問題，善于總結(jié)問題，并能通過查找問題，不斷探索新的理論突破點(diǎn)。對界面設(shè)計(jì)參數(shù)設(shè)置做到精益求精。培養(yǎng)學(xué)生的民族自信心、增強(qiáng)每位學(xué)生的文化自信。通過介紹具有中國特色傳統(tǒng)文化類的界面設(shè)計(jì)，使學(xué)生體會到科技發(fā)展力下界面設(shè)計(jì)發(fā)展速度和中國速度，增強(qiáng)民族自豪感和文化自信。鍛煉學(xué)生擁有良好的團(tuán)隊(duì)協(xié)作與人際溝通交流能力。

三、移動(dòng)界面設(shè)計(jì)課程的崗位能力要求

移動(dòng)界面設(shè)計(jì)課程對接的工作崗位UI界面設(shè)計(jì)師和交互設(shè)計(jì)師，相應(yīng)對接培養(yǎng)的職業(yè)崗位能力分別是能全面了解產(chǎn)品設(shè)計(jì)開發(fā)流程、能深入理解 Android/IOS 界面的規(guī)范構(gòu)成要素與設(shè)計(jì)規(guī)范。能結(jié)合界面需求，從用戶角度出發(fā)，完成符合規(guī)范的圖標(biāo)設(shè)計(jì)與核心界面設(shè)計(jì)。能夠按照制定的設(shè)計(jì)規(guī)范要求，對設(shè)計(jì)產(chǎn)品所需的圖片進(jìn)行分類切圖并標(biāo)注界面。具有和開發(fā)設(shè)計(jì)師的溝通能力并且熟悉掌握界面設(shè)計(jì)開發(fā)流程，對設(shè)計(jì)開發(fā)流程中每個(gè)人員的分工及工作崗位需要的能力有所理解。能制作完整的邏輯思維導(dǎo)圖， 按照路徑輸出交互布局線框圖，標(biāo)注清晰功能細(xì)節(jié)和各層級間跳轉(zhuǎn)操作邏輯。能掌握基礎(chǔ)用戶研究、體驗(yàn)設(shè)計(jì)、界面構(gòu)建的技能和方法。具有良好的溝通能力和設(shè)計(jì)理念。

現(xiàn)在的趨勢是全鏈路設(shè)計(jì)師，一名合格的UI設(shè)計(jì)師也需要擁有交互設(shè)計(jì)師的能力，他們的工作都是為了更好地提升用戶體驗(yàn)，所以他們的工作也是密不可分的，交互設(shè)計(jì)師要通過用戶需求梳理信息架構(gòu)圖、任務(wù)流程圖、界面流程圖，并把這個(gè)關(guān)系通過具象的圖形界面呈現(xiàn)給用戶，UI設(shè)計(jì)師對整個(gè)界面流程必須有清晰的理解，在定義界面的布局時(shí)依賴于交互邏輯。同時(shí)，視覺美感和設(shè)計(jì)風(fēng)格制定等很大程度上也是依賴于用戶研究的結(jié)果，而這些都是由UI設(shè)計(jì)師來繪制完成。

四、結(jié)束語

在移動(dòng)互聯(lián)網(wǎng)飛速發(fā)展的今天，移動(dòng)界面設(shè)計(jì)越來越重要，要想成為一名優(yōu)秀的設(shè)計(jì)師并非一朝一夕，但是通過學(xué)習(xí)掌握一些UI知識學(xué)科之后，能幫助新 人設(shè)計(jì)人員快速跨過UI設(shè)計(jì)的門檻，進(jìn)入一個(gè)全新的移動(dòng)應(yīng)用UI設(shè)計(jì)領(lǐng)域。 真正優(yōu)秀的設(shè)計(jì)師不僅要在設(shè)計(jì)美學(xué)上游刃有余，還要在設(shè)計(jì)過程中學(xué)習(xí)和關(guān)注更多內(nèi)容。移動(dòng)交互界面設(shè)計(jì)課程的工程化、移動(dòng)交互界面設(shè)計(jì)課程的實(shí)踐性 、移動(dòng)交互界面設(shè)計(jì)課程的創(chuàng)新型 、移動(dòng)交互界面設(shè)計(jì)課程的項(xiàng)目式能夠讓學(xué)生有目標(biāo)的完成課程資源學(xué)習(xí)和實(shí)訓(xùn)演練。

作者單位：白安妮? ? 馮娜輝? ? 浙江安防職業(yè)技術(shù)學(xué)院

參? 考? 文? 獻(xiàn)

[1]王惠穎.《工程實(shí)踐創(chuàng)新項(xiàng)目（EPIP）解析》[J].職業(yè)教育研究，2021（11）：2.

[2]耿潔，黎志東，張磊.工程實(shí)踐創(chuàng)新項(xiàng)目（EPIP）國際教育聯(lián)盟：發(fā)展路徑、效應(yīng)與展望[J].職業(yè)教育研究，2021（11）：11-17.

[3]呂景泉，于蘭平.工程實(shí)踐創(chuàng)新項(xiàng)目（EPIP）的核心要義[J].天津職業(yè)院校聯(lián)合學(xué)報(bào)，2021，23（06）：3-7.

[4]李建雄，文婷.工程實(shí)踐創(chuàng)新項(xiàng)目教學(xué)模式實(shí)施中存在的問題與對策[J].職業(yè)技術(shù)教育，2019，40（29）：40-42.