吳銀婷，張倩文

（惠州經(jīng)濟(jì)職業(yè)技術(shù)學(xué)院，廣東 惠州 516057）

0 引言

近幾年來教育部印發(fā)了《教育部關(guān)于加強(qiáng)高等學(xué)校在線開發(fā)課程建設(shè)應(yīng)用與管理的意見》和《教育部辦公廳關(guān)于開展2017年國家精品在線開放課程認(rèn)定工作的通知》等一系列關(guān)于精品課程的通知，推進(jìn)了各高校精品開放課程的建設(shè)。尤其2020年疫情的特殊性，線上學(xué)習(xí)和混合教學(xué)等互聯(lián)網(wǎng)式教育成為了學(xué)校乃至大眾的首要選擇，其必要性也將精品課程的建設(shè)推動(dòng)向前，重要性可見一斑。《UI界面設(shè)計(jì)》課程是本校軟件專業(yè)核心專業(yè)課，以學(xué)生為本，行業(yè)為范，本教師團(tuán)隊(duì)開展了本課程的精品在線開發(fā)，并成為學(xué)院立項(xiàng)的精品在線開放課程之一，目前已經(jīng)完成課程建設(shè)并運(yùn)用于實(shí)際教學(xué)中。依托精品課程采用的線上線下的混合模式教學(xué)，從教學(xué)效果、考評(píng)結(jié)果及思政建設(shè)來看，比往屆更優(yōu)異，學(xué)生反饋教學(xué)內(nèi)容充實(shí)、有趣實(shí)用、拓展豐富。本文將以《UI界面設(shè)計(jì)》課程的建設(shè)實(shí)踐為例，對(duì)高職院校在線開發(fā)課程的實(shí)踐應(yīng)用進(jìn)行探究與思考。

1 《UI界面設(shè)計(jì)》精品在線開放課程的建設(shè)目標(biāo)和平臺(tái)

本課程的建設(shè)目標(biāo)是結(jié)合行業(yè)發(fā)展，以軟件專業(yè)學(xué)生就業(yè)為導(dǎo)向，學(xué)習(xí)軟件設(shè)計(jì)與美學(xué)設(shè)計(jì)相結(jié)合的專業(yè)知識(shí)，作為UI設(shè)計(jì)師服務(wù)于科技公司的技術(shù)崗位。學(xué)生時(shí)刻具有嚴(yán)謹(jǐn)認(rèn)真的工作態(tài)度，應(yīng)具有良好職業(yè)道德和敬業(yè)精神、團(tuán)隊(duì)協(xié)作精神，牢記為人民服務(wù)的使命。

目前課程建設(shè)使用學(xué)校購買的得實(shí)網(wǎng)絡(luò)教學(xué)平臺(tái)，構(gòu)建課程師資水平較高，教學(xué)材料完整，包括教材、教案、課件、微課、習(xí)題、拓展資料等，基本已經(jīng)放在平臺(tái)供學(xué)生老師使用，每隔一段時(shí)間會(huì)在教學(xué)知識(shí)點(diǎn)中添加新的或替換合適的教學(xué)資源以供日新月異的設(shè)計(jì)變化。學(xué)生通過平臺(tái)中交流、協(xié)作、作業(yè)、總結(jié)、評(píng)價(jià)等多元活動(dòng)多方面了解就業(yè)崗位中所需所想所問，構(gòu)建自身知識(shí)結(jié)構(gòu)，提高自身綜合素質(zhì)。

2 《UI界面設(shè)計(jì)》精品在線開放課程的內(nèi)容建設(shè)

本課程的內(nèi)容以UI移動(dòng)應(yīng)用APP項(xiàng)目案例為主線，融合行業(yè)崗位職業(yè)要求講授原型設(shè)計(jì)、各種組件及圖標(biāo)等設(shè)計(jì)方法，并靈活運(yùn)用設(shè)計(jì)方法理念來設(shè)計(jì)相關(guān)APP界面；以主流網(wǎng)站界面項(xiàng)目案例為輔線，設(shè)計(jì)符合不同類型的網(wǎng)站界面[1-2]。課程中主要通過工作項(xiàng)目為導(dǎo)向，設(shè)計(jì)符合行業(yè)及主流發(fā)展的項(xiàng)目作品。

2.1 基本建設(shè)內(nèi)容

資源內(nèi)容包括課程標(biāo)準(zhǔn)、教學(xué)進(jìn)度、教案、課件、實(shí)訓(xùn)、微課、習(xí)題、任務(wù)、評(píng)價(jià)、拓展資源等教學(xué)活動(dòng)資源[3]。

該門課程理論實(shí)操相統(tǒng)一，結(jié)合UI界面的工作開發(fā)流程，并根據(jù)項(xiàng)目劃分五個(gè)大模塊進(jìn)行任務(wù)分發(fā)，任務(wù)類型多樣，涉及面廣，學(xué)生完成各階段任務(wù)后習(xí)得相應(yīng)技術(shù)技能。

（1）UI產(chǎn)品需求。從UI產(chǎn)品需求出發(fā)，撰寫APP產(chǎn)品需求文檔（PRD），學(xué)習(xí)使用思維導(dǎo)圖繪制軟件功能結(jié)構(gòu)圖、信息結(jié)構(gòu)圖。

（2）UI原型設(shè)計(jì)。根據(jù)需求，進(jìn)行UI原型設(shè)計(jì)，學(xué)習(xí)使用Axure或Mockplus等原型軟件設(shè)計(jì)UI原型作品，使客戶能明確APP的具體功能及構(gòu)圖。

（3）UI圖標(biāo)設(shè)計(jì)。根據(jù)主題及配色方案，使用Adobe illustrator或Photoshop軟件設(shè)計(jì)界面中所需的各種類型的圖標(biāo)，包括應(yīng)用圖標(biāo)和功能圖標(biāo)（工具欄、標(biāo)簽欄、金剛區(qū)、欄目及模塊等不同系列圖標(biāo)）。

（4）UI界面設(shè)計(jì)。通過UI界面的分類及組件構(gòu)成，使用圖標(biāo)和相應(yīng)圖片等元素集合成完整的UI界面（閃屏頁、引導(dǎo)頁、注冊(cè)登錄頁、主頁、菜單、各個(gè)標(biāo)簽頁等不同類型界面）。

（5）UI輸出規(guī)范。最終使用Pxcook等切圖標(biāo)注軟件對(duì)界面進(jìn)行輸出，為開發(fā)人員輸出需要的各倍率的切圖和界面標(biāo)注圖。

理論教學(xué)以PPT課件+微課視頻形式傳授知識(shí)，課件圖文并茂、內(nèi)容詳略得當(dāng)，微課控制在10分鐘以內(nèi)，學(xué)生能根據(jù)自身學(xué)習(xí)狀態(tài)反復(fù)或跳躍學(xué)習(xí)。實(shí)操教學(xué)以實(shí)訓(xùn)指導(dǎo)書+實(shí)訓(xùn)微課視頻形式為主，拓展資源為輔，將學(xué)生置身于真實(shí)的操作環(huán)境中，通過引導(dǎo)身份轉(zhuǎn)換，使之全程參與到課程教學(xué)的每一個(gè)環(huán)節(jié)[4-5]。課程中還添加多個(gè)互動(dòng)交流板塊，如在線答疑、交流論壇、班級(jí)討論、課程評(píng)價(jià)等，大大增加了教學(xué)互動(dòng)及評(píng)價(jià)效率，提升學(xué)生自主學(xué)習(xí)能力。

2.2 具體教學(xué)實(shí)施

以功能圖標(biāo)的設(shè)計(jì)為例進(jìn)行具體的教學(xué)實(shí)施。繪制界面中各種功能圖標(biāo)是作為UI設(shè)計(jì)師的必備能力，通過實(shí)訓(xùn)，使學(xué)生能根據(jù)主題及配色方案設(shè)計(jì)不同類型的圖標(biāo)，符合軟件需求，還能在實(shí)踐中注入工匠精神、敬業(yè)精神和團(tuán)隊(duì)協(xié)作精神。

課前，學(xué)生學(xué)習(xí)平臺(tái)的導(dǎo)入課內(nèi)容，對(duì)多個(gè)真實(shí)案例中的標(biāo)簽欄圖標(biāo)案例觀看、分析，查看相應(yīng)的圖標(biāo)含義說明及制作步驟后，團(tuán)隊(duì)協(xié)作完成手繪標(biāo)簽欄圖標(biāo)并提交。課中，教師通過PPT輔助精煉講述功能圖標(biāo)的類型及圖形表達(dá)，通過用戶體驗(yàn)及美學(xué)設(shè)計(jì)案例提升學(xué)生對(duì)圖標(biāo)的表達(dá)，并提出繪制圖標(biāo)的重點(diǎn)難點(diǎn)及小組課前任務(wù)的優(yōu)缺；學(xué)生根據(jù)教師評(píng)價(jià)反饋，對(duì)課前任務(wù)進(jìn)行修改并進(jìn)行對(duì)比評(píng)價(jià)活動(dòng)環(huán)節(jié)。課后，學(xué)生繼續(xù)修改并嘗試通過軟件進(jìn)行繪制圖標(biāo)，如有疑問還可以在平臺(tái)上本節(jié)課的交流活動(dòng)板塊上提出。

2.3 拓展資源建設(shè)

UI界面設(shè)計(jì)師是近年來熱門的就業(yè)崗位，課堂中應(yīng)讓學(xué)生了解更多相關(guān)的行業(yè)知識(shí)以應(yīng)對(duì)就業(yè)。得實(shí)教學(xué)平臺(tái)添加了MOOC中國大學(xué)慕課、網(wǎng)易云課堂等網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)UI相關(guān)課程列表，讓學(xué)生學(xué)習(xí)不同教師及具有豐富行業(yè)經(jīng)驗(yàn)的UI專業(yè)人員的業(yè)務(wù)知識(shí)，能根據(jù)行業(yè)的需求修正職業(yè)方向；參考學(xué)習(xí)優(yōu)秀的UI案例如站酷網(wǎng)、UI中國、優(yōu)設(shè)網(wǎng)等專業(yè)的UI網(wǎng)站案例，激勵(lì)學(xué)習(xí)并提高學(xué)習(xí)興趣。

課程組還將大力建設(shè)網(wǎng)絡(luò)資源庫、在線試題庫等內(nèi)容，通過制作微課、場(chǎng)景視頻、短視頻等拓展資源為更多學(xué)習(xí)者提供線上服務(wù)。

3 高職精品在線開放課程建設(shè)和應(yīng)用的思考

3.1 精品在線開放課程的建設(shè)要重視碎片化自主學(xué)習(xí)

碎片化學(xué)習(xí)是在線開放課程教學(xué)的重要特點(diǎn)。碎片化學(xué)習(xí)給學(xué)習(xí)者提供了個(gè)性化學(xué)習(xí)的便利，但大量的碎片化堆積的信息是無法稱之為知識(shí)，作為知識(shí)本身而言，它必須是結(jié)構(gòu)化的信息，更需關(guān)注內(nèi)在的關(guān)聯(lián)。我們?cè)谡n程中需要通過構(gòu)建完善的內(nèi)容導(dǎo)航來進(jìn)行整體化的關(guān)聯(lián)，所以，精品開放課程需要建立完善的學(xué)習(xí)導(dǎo)航系統(tǒng)，加強(qiáng)知識(shí)之間的聯(lián)系，從而完整地呈現(xiàn)課程內(nèi)容。UI界面設(shè)計(jì)屬于“軟件+設(shè)計(jì)”相融合的課程，從軟件需求到界面最終設(shè)計(jì)的多個(gè)知識(shí)模塊是可以相互獨(dú)立，如何讓學(xué)生能高質(zhì)量從層次化的知識(shí)結(jié)構(gòu)復(fù)原到完整的知識(shí)體系是本課程建設(shè)的重點(diǎn)。為此，我們團(tuán)隊(duì)以學(xué)生為中心建立多維導(dǎo)航的教學(xué)設(shè)計(jì)過程，引導(dǎo)學(xué)生自主學(xué)習(xí)。其中將每個(gè)知識(shí)模塊按照“必需、夠用”原則提煉碎片化的教學(xué)內(nèi)容；設(shè)立導(dǎo)學(xué)微課，強(qiáng)調(diào)模塊之間的聯(lián)系；根據(jù)上模塊發(fā)布下模塊的任務(wù)，保證任務(wù)之間有關(guān)聯(lián)，而多任務(wù)組合成一個(gè)完整項(xiàng)目；通過同步習(xí)題訓(xùn)練，盡可能使學(xué)生回憶聯(lián)系過往學(xué)習(xí)內(nèi)容，與新知識(shí)形成關(guān)聯(lián)。

3.2 精品在線開放課程的建設(shè)要關(guān)注不同層次學(xué)生的需求

在課程建設(shè)中，由于高職院校不同層次學(xué)生的學(xué)習(xí)注意力及自主學(xué)習(xí)能力不同，所以對(duì)重點(diǎn)內(nèi)容和拓展內(nèi)容的選擇上要合理挑選，對(duì)基礎(chǔ)不穩(wěn)的學(xué)生加強(qiáng)重點(diǎn)內(nèi)容的授課，為想要繼續(xù)提高的學(xué)生提供更豐富的拓展內(nèi)容，以滿足不同學(xué)生不同目的的學(xué)習(xí)需求。此外，專業(yè)群中不同專業(yè)下同一門課程會(huì)有一定的專業(yè)偏向，故需要團(tuán)隊(duì)授課教師明確本課程面向的專業(yè)對(duì)象、課程定位、教學(xué)目標(biāo)，關(guān)聯(lián)本專業(yè)的課程知識(shí)，不脫離專業(yè)范圍，加強(qiáng)專業(yè)課程之間的聯(lián)系，擴(kuò)大專業(yè)知識(shí)面。因此，要注意差異化發(fā)展，深入挖掘課程的特色及與其他專業(yè)課程之間的關(guān)聯(lián)，突出特色，滿足不同專業(yè)學(xué)生的實(shí)際需求。

3.3 精品在線開放課程的建設(shè)要注重課程思政的建設(shè)

思想政治工作是學(xué)習(xí)各項(xiàng)工作的生命線，我們教師要將立德樹人深植于課堂，把思想政治教育元素融入到各門課程中去，潛移默化地對(duì)學(xué)生的思想意識(shí)、行為舉止產(chǎn)生影響。

在《UI界面設(shè)計(jì)》課程中可以從知識(shí)點(diǎn)中發(fā)掘思政元素，如分析國產(chǎn)APP軟件需求時(shí)，激發(fā)學(xué)生的愛國主義熱情、民族自豪感和使命感；引入節(jié)能智能家居產(chǎn)品APP界面設(shè)計(jì)任務(wù)時(shí)，提倡勤儉節(jié)約節(jié)能、反對(duì)鋪張浪費(fèi)。還可以從項(xiàng)目整體任務(wù)中發(fā)掘思政元素，如團(tuán)隊(duì)共同完成任務(wù)時(shí)，強(qiáng)調(diào)團(tuán)隊(duì)協(xié)作精神和具有嚴(yán)謹(jǐn)認(rèn)真的工作態(tài)度及工匠精神；如在評(píng)價(jià)任務(wù)時(shí)，教育學(xué)生不抄襲不拖延建立良好職業(yè)道德。還發(fā)布各類優(yōu)秀的設(shè)計(jì)作品和文獻(xiàn)，將創(chuàng)新精神滲透到專業(yè)教學(xué)中。通過潤物無聲地將育人元素融入專業(yè)課堂教學(xué)，不僅能提高學(xué)生專業(yè)能力，還能切實(shí)提升立德樹人的成效。

4 結(jié)語

通過建設(shè)《UI界面設(shè)計(jì)》精品在線開放課程，有效推進(jìn)專業(yè)群建設(shè)及資源共享，是提高教學(xué)質(zhì)量的有效手段，因此，高職院校要積極探索本校精品在線開放課程的建設(shè)方法與實(shí)踐應(yīng)用，助力提升學(xué)校教學(xué)質(zhì)量及學(xué)生質(zhì)量。