白安妮 馮娜輝

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

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

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

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

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

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

一、移動界面設(shè)計課程（體系）課程性質(zhì)與目標

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

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

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

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

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

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

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

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

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

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

（二）移動交互界面設(shè)計課程的實踐性

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

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

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

（四）移動交互界面設(shè)計課程的項目式

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

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

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

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

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

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

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

四、結(jié)束語

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

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

參? 考? 文? 獻

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

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

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

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