用戶界面設(shè)計(jì)課程教學(xué)改革與實(shí)踐

鄭健江 劉 艷 萬 楨

重慶旅游職業(yè)學(xué)院，重慶 409000

數(shù)字媒體技術(shù)發(fā)展迅速，與民族文化創(chuàng)意產(chǎn)業(yè)密切相關(guān)。為適應(yīng)重慶人才需求，結(jié)合重慶旅游職業(yè)學(xué)院“1+X+1”（學(xué)歷證書+若干職業(yè)技能等級(jí)證書+民族文化特質(zhì)）人才培養(yǎng)模式，于2019年開設(shè)數(shù)字媒體技術(shù)專業(yè)。

一、重構(gòu)教學(xué)內(nèi)容，確定教學(xué)重難點(diǎn)

（一）職業(yè)能力分析

因工作任務(wù)只描述要做的內(nèi)容，沒有描述把這項(xiàng)任務(wù)做到什么程度和水平，所以從工作任務(wù)中是不能直接分析出課程內(nèi)容，職業(yè)能力承載了工作任務(wù)的要素，是個(gè)體所表現(xiàn)出的勝任工作任務(wù)的能力。同時(shí)也是實(shí)施課程內(nèi)容所要達(dá)到的目的，即培養(yǎng)個(gè)體勝任工作任務(wù)的能力。根據(jù)“界面設(shè)計(jì)師”工作崗位進(jìn)行工作任務(wù)和職業(yè)能力分析［1-2］，見圖 1。

圖1 職業(yè)能力分析

（二）崗課賽證融合，重構(gòu)教學(xué)內(nèi)容

用戶界面設(shè)計(jì)是數(shù)字媒體技術(shù)專業(yè)的核心課，以學(xué)生預(yù)期學(xué)習(xí)成果為導(dǎo)向，通過調(diào)研界面設(shè)計(jì)師崗位，提煉典型工作任務(wù)，分析職業(yè)能力，參考專業(yè)教學(xué)標(biāo)準(zhǔn)和課程標(biāo)準(zhǔn)，將課程、界面設(shè)計(jì)證書、H5和平面設(shè)計(jì)大賽融合，通過標(biāo)準(zhǔn)融通、內(nèi)容融通、技能訓(xùn)練融通、訓(xùn)練體系融通路徑，以民族技藝傳習(xí)移動(dòng)端和電腦端界面設(shè)計(jì)為載體構(gòu)建三個(gè)項(xiàng)目［3-4］。在項(xiàng)目二“民族技藝傳習(xí)APP界面設(shè)計(jì)”，根據(jù)APP界面開發(fā)流程、設(shè)計(jì)規(guī)范由循序漸進(jìn)順序構(gòu)建8個(gè)任務(wù)，共16個(gè)課時(shí)，將圖形圖像處理技術(shù)、弘揚(yáng)傳統(tǒng)文化、踐行工匠精神和勞模精神融入其中，見表1。

表1 基于“崗課賽證”融合的教學(xué)內(nèi)容重構(gòu)

（三）確定教學(xué)重難點(diǎn)

依據(jù)用戶界面設(shè)計(jì)課程標(biāo)準(zhǔn)、技能競賽標(biāo)準(zhǔn)、1+X職業(yè)等級(jí)證書標(biāo)準(zhǔn)和學(xué)生學(xué)情分析，本作品的教學(xué)目標(biāo)、重難點(diǎn)，見圖2。

圖2 教學(xué)目標(biāo)及重難點(diǎn)

二、基于工作過程的六段十三步教學(xué)流程

將界面設(shè)計(jì)師工作過程與教學(xué)過程無縫對(duì)接，要求日常教學(xué)向?qū)嵺`工作靠攏。

以項(xiàng)目二民族技藝傳習(xí)APP界面設(shè)計(jì)為典型案例，將開發(fā)流程、設(shè)計(jì)規(guī)范、圖形圖像技術(shù)，按照先后順序、從簡單到復(fù)雜的邏輯順序排序［5-7］。按照崗位工作流程，將需求分析、原型設(shè)計(jì)、視覺設(shè)計(jì)等一體化設(shè)計(jì)，創(chuàng)新“六段十三步”教學(xué)模式：“六段”即需求分析、原型設(shè)計(jì)、評(píng)價(jià)原型、視覺設(shè)計(jì)和規(guī)范設(shè)計(jì)、設(shè)計(jì)評(píng)審、切圖標(biāo)注，“十三步”即用戶畫像分析、競品分析、繪制產(chǎn)品結(jié)構(gòu)圖、構(gòu)造原型、原型評(píng)審、設(shè)計(jì)規(guī)范和原則、圖標(biāo)制作、引導(dǎo)頁制作、注冊(cè)登錄頁制作、首頁制作、分類頁面制作、設(shè)計(jì)評(píng)審、交付文檔制作。學(xué)做一體，培養(yǎng)會(huì)設(shè)計(jì)、能創(chuàng)作的高素質(zhì)專門人才，見圖3。

圖3 基于工作過程“六段十三步”教學(xué)流程

三、課程思政整體設(shè)計(jì)，立德樹人貫穿教學(xué)全過程

結(jié)合專業(yè)學(xué)習(xí)內(nèi)容，提煉課程思政要點(diǎn)和切入方式，本課程思政共有2級(jí)目標(biāo)，一級(jí)目標(biāo)共有4個(gè)：家國情懷、工匠精神和勞模精神、價(jià)值觀、科學(xué)精神。二級(jí)目標(biāo)共有11個(gè)：民族自豪感、愛國熱情、弘揚(yáng)文化自信、愛崗敬業(yè)、精益求精、工藝追求、勇于創(chuàng)新、誠實(shí)守信、有責(zé)任擔(dān)當(dāng)意識(shí)和使命感、批判創(chuàng)新的進(jìn)取精神、互助共進(jìn)的協(xié)作精神。

以二級(jí)目標(biāo)工藝追求為例，其切入方式主要有2點(diǎn)：1.工藝符合技術(shù)標(biāo)準(zhǔn)規(guī)范。APP界面設(shè)計(jì)符合標(biāo)準(zhǔn)開發(fā)流程：了解產(chǎn)品需求、交互原型設(shè)計(jì)、視覺設(shè)計(jì)、資源輸出；APP界面設(shè)計(jì)需符合設(shè)計(jì)規(guī)范：IOS/Android設(shè)計(jì)規(guī)范、設(shè)計(jì)原則、交互設(shè)計(jì)定律；APP界面設(shè)計(jì)需符合設(shè)計(jì)原則：對(duì)齊、對(duì)比、親密、重復(fù)和閉合；交付分檔需符合標(biāo)準(zhǔn)規(guī)范。2.善于發(fā)現(xiàn)問題、分析問題、解決問題。如學(xué)生發(fā)現(xiàn)作品沒有生命力時(shí)，他們?yōu)榱俗屪约焊形幕滋N(yùn)，利用課余時(shí)間到大師工作室、非遺美食坊等向大師請(qǐng)教并學(xué)習(xí)民族技藝傳習(xí)相關(guān)內(nèi)容，這樣能將文化傳承融入界面設(shè)計(jì)中，從而賦予作品生命力。

四、結(jié)語

每個(gè)小組按照界面設(shè)計(jì)師工作過程進(jìn)行APP界面設(shè)計(jì)，每個(gè)小組的作品都獨(dú)具匠心，有的小組在APP中增加視頻功能，有的小組將蜀繡繡黨徽、西蘭卡普織黨旗、竹編藝心向黨等建設(shè)一個(gè)專題，有的小組增加民族技藝傳習(xí)大師工作室等。

六段為界面設(shè)計(jì)師的工作過程，依據(jù)該工作過程將該項(xiàng)目應(yīng)用在實(shí)際教學(xué)過程一共十三步，該項(xiàng)目任務(wù)1為第一步，任務(wù)2到任務(wù)7為第二步到十二步，任務(wù)8為第十三步。整個(gè)項(xiàng)目完成，界面設(shè)計(jì)師設(shè)計(jì)APP界面的工作過程也完成。

木板年畫、西蘭卡普、竹編、石雞土陶等為非遺項(xiàng)目，蘊(yùn)藏著深厚的文化內(nèi)涵。項(xiàng)目緊緊抓住文化素養(yǎng)脈絡(luò)，將思政教育貫穿始終。將民族技藝傳習(xí)通過信息技術(shù)軟件呈現(xiàn)在大眾面前，弘揚(yáng)精益求精的工匠精神，不斷體會(huì)民族技藝文化內(nèi)涵，從個(gè)人品質(zhì)到社會(huì)責(zé)任，再到民族情懷，實(shí)現(xiàn)學(xué)生素養(yǎng)攀升。將黨史學(xué)習(xí)融入民族技藝傳習(xí)并在項(xiàng)目中設(shè)置專題，增強(qiáng)學(xué)生民族自豪感。