《MUI移動(dòng)界面設(shè)計(jì)》課程項(xiàng)目化教學(xué)研究

王超英

摘要：課程和課程體系改革是高職院校教學(xué)的生命線，作為創(chuàng)一流的職業(yè)院校，更需要不斷地根據(jù)本地區(qū)對(duì)應(yīng)行業(yè)的需求調(diào)整教學(xué)內(nèi)容，使學(xué)生的職業(yè)能力逐步得到提高，更適應(yīng)企業(yè)崗位的需求，培養(yǎng)企業(yè)真正需要的人才。該文闡述《MUI移動(dòng)界面設(shè)計(jì)》課程在項(xiàng)目教學(xué)法應(yīng)用中的整體實(shí)施思路，按照課程的總體目標(biāo)精心選擇項(xiàng)目;按照項(xiàng)目的內(nèi)容重組教學(xué)的主體內(nèi)容;按照項(xiàng)目實(shí)施流程組織教學(xué)過(guò)程，讓學(xué)生在實(shí)際項(xiàng)目的氛圍中感受MUI移動(dòng)界面設(shè)計(jì)的工作流程，提高學(xué)生的實(shí)際動(dòng)手能力、分析解決問(wèn)題等能力，培養(yǎng)學(xué)生自主學(xué)習(xí)能力和合作、創(chuàng)新意識(shí)。

關(guān)鍵詞：項(xiàng)目教學(xué)法;MUI;職業(yè)能力;創(chuàng)新能力

中圖分類(lèi)號(hào)：G712? ? ?文獻(xiàn)標(biāo)識(shí)碼：A? ? ? 文章編號(hào)：1009-3044（2018）31-0111-02

The Research on Project Teaching of "MUI Mobile Interface Design" Course

WANG Chao-ying

（Computer Engineering Department， Dongguan Polytechnic， Dongguan 523808， China）

Abstract：Curriculum and curriculum system reform is the lifeline of teaching in higher vocational colleges， as the first-class vocational colleges， more need to constantly adjust the teaching content according to the requirements of corresponding industry in this region， make the students' vocational ability gradually improve， to meet the needs of corporate jobs， cultivate enterprise really need talent. This paper expounds the overall implementation of the "MUI Mobile Interface Design" course in the application of the project teaching method， selecting projects according to program objective ， reorganizing teaching contents according to the projects; organizing the whole teaching process according to project implementation flow.SO it let the? students in the actual project to feel the atmosphere of the MUI Mobile Interface Design， improving students' practical ability， analysis and problem solving and raising the students independent learning capability and cooperation， innovation consciousness.

Key words：Project teaching method; MUI; professional ability; innovative ability

高等職業(yè)教育的培養(yǎng)目標(biāo)是具有必備的理論知識(shí)與較強(qiáng)實(shí)踐能力的生產(chǎn)、建設(shè)、管理、服務(wù)第一線的應(yīng)用型高級(jí)技術(shù)人才。許多高職院校的專家學(xué)者在數(shù)字媒體專業(yè)和視覺(jué)傳達(dá)專業(yè)方向上進(jìn)行了大量的教學(xué)改革，本文將從項(xiàng)目化教學(xué)方法的角度分析《MUI移動(dòng)界面設(shè)計(jì)》課程的具體實(shí)施應(yīng)用，在培養(yǎng)學(xué)生的職業(yè)素質(zhì)方面的效果是顯著的。

1 《MUI移動(dòng)界面設(shè)計(jì)》課程的教改意義

《MUI移動(dòng)界面設(shè)計(jì)》課程是計(jì)算機(jī)應(yīng)用專業(yè)UI課程包的專業(yè)必修課，移動(dòng)互聯(lián)網(wǎng)的快速發(fā)展，傳統(tǒng)的UI設(shè)計(jì)（包括GUI圖形界面設(shè)計(jì)、WUI網(wǎng)頁(yè)界面設(shè)計(jì)）教學(xué)內(nèi)容和教學(xué)方法面臨新的挑戰(zhàn)，UI設(shè)計(jì)的探索和完善有了更主流的設(shè)計(jì)方向，即移動(dòng)設(shè)備用戶界面設(shè)計(jì)。該課程從職業(yè)的實(shí)際需求出發(fā)，選擇典型項(xiàng)目案例作為教學(xué)知識(shí)的傳授方式，在教學(xué)中以教師為主導(dǎo)，學(xué)生為主體，師生通過(guò)共同實(shí)施一個(gè)完整的項(xiàng)目來(lái)完成，有利于培養(yǎng)學(xué)生良好的溝通和團(tuán)隊(duì)合作的職業(yè)素質(zhì)，使用學(xué)生真正成為社會(huì)崗位需求的平面設(shè)計(jì)制作人才。[1]

2 項(xiàng)目化教學(xué)的特點(diǎn)

1）針對(duì)珠三角市場(chǎng)進(jìn)行調(diào)研，選取適應(yīng)行業(yè)需求的典型工作項(xiàng)目構(gòu)建學(xué)習(xí)情境，培養(yǎng)學(xué)生的職業(yè)技能和社會(huì)技能。

職業(yè)院校學(xué)生的邏輯思維薄弱，但動(dòng)手能力較強(qiáng)，因此在教學(xué)中采用“案例+工作項(xiàng)目”的學(xué)習(xí)情境，首先讓學(xué)生進(jìn)行核心技能實(shí)訓(xùn)，通過(guò)具有實(shí)際應(yīng)用價(jià)值的案例掌握知識(shí)點(diǎn)，讓學(xué)生產(chǎn)生一定的成就感，從而激發(fā)學(xué)生對(duì)學(xué)習(xí)該課程的興趣;[2]當(dāng)學(xué)生技能掌握到一定程度后，讓學(xué)生進(jìn)入仿真項(xiàng)目實(shí)訓(xùn)，通過(guò)典型的工作項(xiàng)目訓(xùn)練，讓學(xué)生在實(shí)際的工作項(xiàng)目中加深知識(shí)點(diǎn)的掌握和融會(huì)貫通。傳統(tǒng)的項(xiàng)目教學(xué)著重與學(xué)生的知識(shí)型技能的培養(yǎng)，我們則在知識(shí)型技能的基礎(chǔ)上結(jié)合了職業(yè)技能的培養(yǎng)，通過(guò)和實(shí)際工作相仿的工作流項(xiàng)目訓(xùn)練學(xué)生的知識(shí)型技能和職業(yè)技能的訓(xùn)練。

2）改變傳統(tǒng)的教學(xué)模式，教學(xué)過(guò)程以學(xué)生為主體、老師起到輔助指導(dǎo)的作用

課堂教學(xué)變成以學(xué)生為中心，采用工作小組合作的方式，培養(yǎng)學(xué)生的團(tuán)隊(duì)協(xié)作能力。在項(xiàng)目教學(xué)過(guò)程中，老師要站在客戶的角度，對(duì)作品提出合理的意見(jiàn)和建議，學(xué)生要耐心地和老師溝通，合理地表達(dá)出自己的創(chuàng)作意圖，并且協(xié)調(diào)老師的需求和自己的創(chuàng)意做出合理的修改。同學(xué)們?cè)陧?xiàng)目實(shí)施過(guò)程中，通過(guò)分析、制作完成作品主動(dòng)驗(yàn)證了所學(xué)的知識(shí)，并根據(jù)需求積極探究相關(guān)的知識(shí)，培養(yǎng)學(xué)生創(chuàng)新能力及合作、溝通能力。

3）培養(yǎng)學(xué)生的自主學(xué)習(xí)能力和職業(yè)核心能力

項(xiàng)目教學(xué)法源于特定的項(xiàng)目案例，項(xiàng)目的實(shí)施過(guò)程就是一個(gè)完整的職業(yè)項(xiàng)目的工作過(guò)程，通過(guò)項(xiàng)目的實(shí)施學(xué)生真實(shí)地融入工作過(guò)程，在工作過(guò)程中學(xué)生不僅獲得了貼近企業(yè)的職業(yè)經(jīng)驗(yàn)，又進(jìn)一步加強(qiáng)了專業(yè)知識(shí)系統(tǒng)化的構(gòu)建與積累。[3]課程教學(xué)內(nèi)容體系以市場(chǎng)需求為導(dǎo)向、職業(yè)能力培養(yǎng)和核心技能傳授為出發(fā)點(diǎn)，隨著市場(chǎng)需求的變化，學(xué)習(xí)案例及項(xiàng)目要及時(shí)替換，從而培養(yǎng)的學(xué)生更具備適應(yīng)社會(huì)的職業(yè)核心能力。

4）構(gòu)建素質(zhì)、技能、知識(shí)“三位一體”的全面、可控的個(gè)性化考核體系

學(xué)生的考核評(píng)價(jià)體系著重對(duì)學(xué)生的職業(yè)素質(zhì)、崗位技能、專業(yè)知識(shí)“三位一體”的綜合性評(píng)價(jià)，如學(xué)生的學(xué)習(xí)態(tài)度、專業(yè)技能、團(tuán)結(jié)協(xié)作能力、語(yǔ)言表達(dá)能力等方面進(jìn)行過(guò)程考核，按個(gè)人成績(jī)和團(tuán)隊(duì)成績(jī)給出綜合成績(jī)，針對(duì)學(xué)生的特點(diǎn)設(shè)計(jì)個(gè)性化的考核方案。

3 項(xiàng)目化教學(xué)法在《MUI移動(dòng)界面設(shè)計(jì)》教學(xué)中的實(shí)施步驟

在項(xiàng)目化課程建設(shè)中，應(yīng)準(zhǔn)確把握《MUI移動(dòng)界面設(shè)計(jì)》課程的特點(diǎn)和規(guī)律，重新審視課程培養(yǎng)目標(biāo)，充分體現(xiàn)學(xué)生主體性和實(shí)踐的主線，進(jìn)一步調(diào)整課程內(nèi)容結(jié)構(gòu)，通過(guò)項(xiàng)目的計(jì)劃、實(shí)施、評(píng)價(jià)各個(gè)環(huán)節(jié)來(lái)組織教學(xué)過(guò)程、優(yōu)化教學(xué)內(nèi)容。

1）根據(jù)學(xué)生的總體水平和行業(yè)的具體需求確立典型項(xiàng)目任務(wù)

教師設(shè)計(jì)教學(xué)的典型項(xiàng)目任務(wù)不僅要考慮教學(xué)項(xiàng)目所涵蓋的知識(shí)點(diǎn)以及行業(yè)的需求、學(xué)生的知識(shí)掌握水平。可以通過(guò)對(duì)本行業(yè)的相關(guān)企業(yè)進(jìn)行職場(chǎng)調(diào)研及對(duì)畢業(yè)學(xué)生進(jìn)行跟蹤了解，掌握《MUI移動(dòng)界面設(shè)計(jì)》課程的職業(yè)發(fā)展趨勢(shì)，選擇最貼近工作實(shí)際的工作項(xiàng)目，企業(yè)實(shí)際工作案例優(yōu)先，把基礎(chǔ)知識(shí)和操作技能滲透到項(xiàng)目的具體實(shí)施過(guò)程中，所確立的項(xiàng)目任務(wù)有2.5D風(fēng)格圖標(biāo)設(shè)計(jì)、MBE風(fēng)格圖標(biāo)設(shè)計(jì)、扁平化圖標(biāo)設(shè)計(jì)、線性化圖標(biāo)設(shè)計(jì)、擬物化圖標(biāo)設(shè)計(jì)、banner制作、登錄界面設(shè)計(jì)、啟動(dòng)界面設(shè)計(jì)及新手導(dǎo)航設(shè)計(jì)。

2）分組組成設(shè)計(jì)團(tuán)隊(duì)，明確項(xiàng)目目標(biāo)并進(jìn)行任務(wù)分解

結(jié)合MUI項(xiàng)目的實(shí)際要求，學(xué)生根據(jù)各自的特點(diǎn)組合，以設(shè)計(jì)團(tuán)隊(duì)的形式進(jìn)行分組學(xué)習(xí)和實(shí)踐，每組確定一名組長(zhǎng)，由組長(zhǎng)和老師共同商量、根據(jù)組內(nèi)每名學(xué)生的特長(zhǎng)分配一定的工作額度，盡量做到資源互補(bǔ)、分工協(xié)作。另外組長(zhǎng)還要總體把控項(xiàng)目的實(shí)施過(guò)程、合理分配項(xiàng)目任務(wù)、協(xié)調(diào)各部分工作進(jìn)度。

3）項(xiàng)目的具體實(shí)施

《MUI移動(dòng)界面設(shè)計(jì)》課程是一門(mén)工作過(guò)程系統(tǒng)化的課程，這類(lèi)課程是以工作任務(wù)為基礎(chǔ)的，然后再對(duì)其具體的工作過(guò)程進(jìn)行分析和提煉，逐步解析為具體的工作步驟。以獲得應(yīng)具備的職業(yè)能力，并以此職業(yè)能力為基礎(chǔ)設(shè)計(jì)課程方案。[4]

項(xiàng)目的實(shí)施方案：首先確定本次的項(xiàng)目任務(wù)的具體要求，然后針對(duì)性地展示的項(xiàng)目案例的一些作品，讓學(xué)生欣賞后分組討論作品的閃光點(diǎn)以及改進(jìn)意見(jiàn)，使之在其中尋找靈感;然后師生共同探究項(xiàng)目背景、受控人群等相關(guān)信息，根據(jù)分析的收集資料、進(jìn)行創(chuàng)作。圖1是以“扁平圖標(biāo)設(shè)計(jì)”項(xiàng)目為例，說(shuō)明項(xiàng)目實(shí)施中方案制定的過(guò)程。在項(xiàng)目進(jìn)行中教師提供展示一些有代表性的扁平圖標(biāo)設(shè)計(jì)案例，其他實(shí)施過(guò)程中所需要的特殊的資料（如參考案例、目前流行的設(shè)計(jì)方法等）由學(xué)生自行搜集、整理;但是學(xué)生在整個(gè)過(guò)程中可能會(huì)遇到一些疑問(wèn)或不解之處，教師可以進(jìn)行引導(dǎo)性的指導(dǎo)，同學(xué)們也可以互相幫助、共同提高。

師生共同探討扁平圖標(biāo)制作的方案以及制作過(guò)程中要著重注意的地方;學(xué)生分組討論創(chuàng)作的主題、思路以及創(chuàng)意點(diǎn)，組內(nèi)學(xué)生提出不同方案然后分析各個(gè)方案的合理性和可行性，并做出適當(dāng)調(diào)整并確定要制作的作品方案。

師生共同分析了解項(xiàng)目的實(shí)施細(xì)節(jié)，并逐步分解項(xiàng)目。組長(zhǎng)可以根據(jù)組內(nèi)成員的擅長(zhǎng)領(lǐng)域做好詳細(xì)的項(xiàng)目分工，如表2即是“擬物化圖標(biāo)設(shè)計(jì)”項(xiàng)目的小組負(fù)責(zé)人要填寫(xiě)的“項(xiàng)目實(shí)施分工表”，組內(nèi)成員根據(jù)各項(xiàng)目環(huán)節(jié)一步步完成項(xiàng)目的具體步驟：

第一步：分析。著重分析用戶視覺(jué)感知及用戶體驗(yàn)，確定設(shè)計(jì)圖標(biāo)所傳達(dá)的信息。

第二步：確定主題。確定制作擬物化圖標(biāo)設(shè)計(jì)的設(shè)計(jì)主題、創(chuàng)意的核心點(diǎn)、節(jié)奏基調(diào)。

第三步：手繪設(shè)計(jì)。根據(jù)設(shè)計(jì)主題，組內(nèi)成績(jī)通過(guò)手繪方式設(shè)計(jì)幾組圖標(biāo)。

第四步：選稿。小組內(nèi)討論幾組圖標(biāo)設(shè)計(jì)的規(guī)范性、視覺(jué)感知效果，選出最符合主題的設(shè)計(jì)圖標(biāo)。

第五步：圖標(biāo)色彩確定。根據(jù)選定的圖標(biāo)，討論最適合的配色方案。

第六步：設(shè)計(jì)出圖。分工進(jìn)行電腦制作。

在項(xiàng)目實(shí)施過(guò)程中學(xué)生體驗(yàn)了項(xiàng)目的制作流程，課程內(nèi)容不再是單純的知識(shí)和操作技能，更多地側(cè)重于工作流程，包括經(jīng)驗(yàn)和策略的知識(shí)。學(xué)生首先在整體上把握項(xiàng)目的需求，進(jìn)行總體設(shè)計(jì)，然后細(xì)化工作任務(wù)進(jìn)行具體操作，讓學(xué)生沉浸于實(shí)際工作任務(wù)的氛圍中。[5]

4）以學(xué)生為主導(dǎo)開(kāi)展作品點(diǎn)評(píng)

作品的評(píng)價(jià)也是《MUI移動(dòng)界面設(shè)計(jì)》課程項(xiàng)目實(shí)施過(guò)程中的一項(xiàng)重要環(huán)節(jié)。具體采用項(xiàng)目答辯的方式，各個(gè)小組分別闡述作品表達(dá)的主題、主要?jiǎng)?chuàng)意點(diǎn)以及藝術(shù)特點(diǎn)等，并簡(jiǎn)單介紹大致制作過(guò)程并要有過(guò)程性圖片說(shuō)明，以及制作過(guò)程中遇到問(wèn)題及解決方法等。開(kāi)展過(guò)程中全體同學(xué)和老師共同參與，學(xué)生可以在評(píng)鑒同學(xué)的設(shè)計(jì)作品、分享別人的成果中得到創(chuàng)新歷練和提高，提高學(xué)生的學(xué)習(xí)熱情。

4 總結(jié)

《MUI移動(dòng)界面設(shè)計(jì)》課程的項(xiàng)目化教學(xué)通過(guò)小組協(xié)作的方式開(kāi)展學(xué)習(xí)，通過(guò)完成工程項(xiàng)目來(lái)完成知識(shí)的學(xué)習(xí)和工作過(guò)程的實(shí)踐，解決了學(xué)生培養(yǎng)適應(yīng)崗位需求的問(wèn)題，提高了學(xué)生的職業(yè)技能和職業(yè)素養(yǎng)，培養(yǎng)了學(xué)生的團(tuán)隊(duì)合作、解決問(wèn)題以及溝通等各方面的綜合能力，提升了學(xué)生就業(yè)競(jìng)爭(zhēng)力和創(chuàng)業(yè)能力，實(shí)現(xiàn)了學(xué)校與企業(yè)的無(wú)縫對(duì)接。

參考文獻(xiàn)：

[1] 邵俊翔.MUI設(shè)計(jì)課程教學(xué)探討[J].數(shù)字媒體藝術(shù)專業(yè)科技風(fēng)，2016（9）.

[2] 劉群，徐藝.以項(xiàng)目化教學(xué)為導(dǎo)向的設(shè)計(jì)概論課程教學(xué)探索[J].開(kāi)封教育學(xué)院學(xué)報(bào)，2017（1）.

[3] 楊志卿.UI設(shè)計(jì)專業(yè)實(shí)踐課堂教學(xué)模式探究[J].美術(shù)教育研究，2016（15）.

[4] 韓蕾.基于工作過(guò)程的會(huì)計(jì)項(xiàng)目化教學(xué)研究[J].商業(yè)經(jīng)濟(jì)，2018（1）.

[5] 陳燕.基于項(xiàng)目導(dǎo)向的《手機(jī)UI設(shè)計(jì)與開(kāi)發(fā)》課程設(shè)計(jì)的探析[J].電腦知識(shí)與技術(shù)，2014（11）.

[6] 魏士靖.基于互聯(lián)網(wǎng)的智能手機(jī)移動(dòng)網(wǎng)絡(luò)界面設(shè)計(jì)分析[J].現(xiàn)代電子技術(shù)，2017（40）.