面向UI設(shè)計(jì)師職業(yè)的中職數(shù)字媒體專業(yè)選修課改革實(shí)踐

葛琦虹

【摘要】中職數(shù)字媒體技能課程教學(xué)中對(duì)于未來(lái)職場(chǎng)的崗位需求、軟件運(yùn)用、職業(yè)素養(yǎng)關(guān)注太少?；谶x修課教學(xué)實(shí)踐，將數(shù)字媒體的常規(guī)課程進(jìn)行延伸，引入當(dāng)下流行的UI設(shè)計(jì)師的崗位，將工作技能及職業(yè)素養(yǎng)滲透選修課教學(xué)中，可以實(shí)現(xiàn)學(xué)生角色崗位化、教學(xué)實(shí)施職場(chǎng)化、教學(xué)評(píng)價(jià)多元化。選修課的實(shí)施對(duì)于提高學(xué)生團(tuán)隊(duì)合作、自主創(chuàng)新、責(zé)任感、溝通合作等綜合素養(yǎng)，有明顯成效。

【關(guān)鍵詞】UI設(shè)計(jì) 職業(yè)滲透 數(shù)字媒體 選修課

【中圖分類號(hào)】G642 【文獻(xiàn)標(biāo)識(shí)碼】A 【文章編號(hào)】2095-3089（2019）12-0036-02

隨著互聯(lián)網(wǎng)及智能手機(jī)等設(shè)備的普及，UI設(shè)計(jì)師的需求開始被激活。但是，中職數(shù)媒專業(yè)人才培養(yǎng)相對(duì)滯后，UI設(shè)計(jì)還未納入中職課程體系中。中職數(shù)字媒體傳統(tǒng)教學(xué)往往始終圍繞教科書案例及考綱進(jìn)行教學(xué)。單純學(xué)習(xí)相關(guān)專業(yè)軟件，無(wú)法激發(fā)學(xué)生興趣。學(xué)生局限于案例灌輸，積極性不高。

中職選擇性課程改革和“互聯(lián)網(wǎng)+”時(shí)代背景下對(duì)人才的多元化，要求打造符合當(dāng)下崗位需求，彌補(bǔ)常規(guī)教學(xué)中的不足。在學(xué)生自主選修條件下，對(duì)原有課程進(jìn)行相應(yīng)的修改與延伸是必要的。對(duì)數(shù)字媒體專業(yè)所對(duì)應(yīng)的一些熱門崗位進(jìn)行滲透，可以讓學(xué)生了解所學(xué)專業(yè)，積極面對(duì)未來(lái)職場(chǎng)。

一、選修課改革實(shí)踐

將UI設(shè)計(jì)師崗位滲透于中職數(shù)字媒體選修課中，將真實(shí)的UI項(xiàng)目引入課堂，讓學(xué)生初步了解UI設(shè)計(jì)師崗位技術(shù)與流程，可以通過(guò)真實(shí)案例強(qiáng)化學(xué)生的職業(yè)意識(shí)。具體操作流程如下。

1.學(xué)生角色崗位化

UI設(shè)計(jì)師是一個(gè)獨(dú)特的崗位。在產(chǎn)品團(tuán)隊(duì)前期就加入項(xiàng)目的規(guī)劃，涉及產(chǎn)品的內(nèi)容、客戶定位等諸多問(wèn)題，工作內(nèi)容繁雜，對(duì)學(xué)生的質(zhì)素要求較高。根據(jù)常規(guī)崗位的流程，根據(jù)崗位將學(xué)生分為若干個(gè)小組，分別擔(dān)任分析員、設(shè)計(jì)員、測(cè)試員等角色。學(xué)生的角色和具體分工如下。

負(fù)責(zé)人：統(tǒng)籌工作安排，監(jiān)督協(xié)調(diào)各個(gè)細(xì)分崗位的進(jìn)度，對(duì)整個(gè)團(tuán)隊(duì)的工作方向掌舵。

分析員：分析用戶需求、用戶交互場(chǎng)景、競(jìng)爭(zhēng)產(chǎn)品等。以設(shè)計(jì)音樂(lè)播放UI為例，分析員要對(duì)用戶群體的需求分析，了解用戶需要的歌曲信息、播放空間、操作按鈕等基本信息及功能交互。

設(shè)計(jì)員：作為選修課的技能核心，設(shè)計(jì)員要求每一位學(xué)生都需要擔(dān)任，完成所需工作量。設(shè)計(jì)的四個(gè)要素為交互對(duì)象、數(shù)據(jù)對(duì)象、事件（交互事件和異常）、動(dòng)作。以音樂(lè)播放器的具體一首歌UI為基本任務(wù)要求，需要設(shè)計(jì)風(fēng)格、界面的框架等，提高創(chuàng)新意識(shí)，提出2-3個(gè)可能出現(xiàn)的異常進(jìn)行相應(yīng)設(shè)計(jì)，鍛煉觀察預(yù)見(jiàn)能力。

測(cè)試員：負(fù)責(zé)對(duì)產(chǎn)品進(jìn)行功能性對(duì)照，對(duì)實(shí)用性內(nèi)部進(jìn)行測(cè)試，是否和需求分析一致。這一職位可以鍛煉學(xué)生積極探索、遇事耐心的能力，善于發(fā)現(xiàn)問(wèn)題，甚至可以提出可行建議，能夠同測(cè)試涉及到的人員進(jìn)行溝通，為后期改進(jìn)鋪路。

負(fù)責(zé)人、分析員、設(shè)計(jì)員、測(cè)試員分屬不同崗位，但同歸屬于UI設(shè)計(jì)師的職責(zé)范圍。不同角色可以通過(guò)團(tuán)隊(duì)間的合作，鍛煉個(gè)人業(yè)務(wù)能力，提升綜合素養(yǎng)，又將整個(gè)項(xiàng)目高效運(yùn)作水平。

2.教學(xué)內(nèi)容和實(shí)施過(guò)程職場(chǎng)化

根據(jù)數(shù)字媒體專業(yè)人才培養(yǎng)目標(biāo)，該課程采用UI設(shè)計(jì)選修課的校本教材。教材內(nèi)容如下：UI概述、圖標(biāo)設(shè)計(jì)（功能圖標(biāo)、線性圖標(biāo)、扁平化圖標(biāo)）、設(shè)計(jì)組件、UI尺寸規(guī)范、導(dǎo)航布局、界面設(shè)計(jì)等項(xiàng)目模塊。這些內(nèi)容根據(jù)從小到大，從點(diǎn)到面的遞進(jìn)式教學(xué)實(shí)施，每一個(gè)項(xiàng)目的教學(xué)，均采用專業(yè)知識(shí)與技能相結(jié)合，強(qiáng)調(diào)職業(yè)性與實(shí)踐性。教學(xué)內(nèi)容和過(guò)程設(shè)計(jì)以核心技能和素養(yǎng)貫穿為導(dǎo)向，實(shí)現(xiàn)職場(chǎng)化的真實(shí)再現(xiàn)。

教學(xué)過(guò)程設(shè)計(jì)具體分為5個(gè)環(huán)節(jié)。

環(huán)節(jié)1：團(tuán)隊(duì)交流引主題。教師將音樂(lè)播放器界面和優(yōu)秀UI上傳于教學(xué)平臺(tái)，通過(guò)優(yōu)秀作品及經(jīng)典商業(yè)案例的賞析，激發(fā)學(xué)生興趣。學(xué)生通過(guò)數(shù)量的積累，團(tuán)隊(duì)交流后確定主題，進(jìn)行相應(yīng)分工。分析員分析用戶需求，分析競(jìng)爭(zhēng)產(chǎn)品案例。

環(huán)節(jié)2：頭腦風(fēng)暴多創(chuàng)意。課上，進(jìn)行交流成果討論會(huì)，負(fù)責(zé)人將相應(yīng)的主題確定，任務(wù)結(jié)構(gòu)，分工狀況進(jìn)行匯報(bào)分析，對(duì)分析員的成果進(jìn)行展示，對(duì)可能會(huì)發(fā)生的問(wèn)題進(jìn)行預(yù)見(jiàn)與提出策略。教師根據(jù)自身專業(yè)能力，提出指導(dǎo)意見(jiàn)，為課堂的崗位實(shí)施鋪墊基石。

環(huán)節(jié)3：個(gè)人團(tuán)隊(duì)齊發(fā)力。根據(jù)匯報(bào)后的調(diào)整，學(xué)生對(duì)所分配到的任務(wù)進(jìn)行執(zhí)行，在上一環(huán)節(jié)，分析員的工作任務(wù)完成。設(shè)計(jì)員需要對(duì)產(chǎn)品進(jìn)行設(shè)計(jì)制作，提示設(shè)計(jì)規(guī)范。例如，圖像放大輪廓虛化是很多設(shè)計(jì)初期會(huì)犯的錯(cuò)誤。為了防止圖像輪廓發(fā)虛，在Photoshop常規(guī)選項(xiàng)中勾選“將矢量與變化和像素網(wǎng)格對(duì)齊”，繪制的時(shí)候形狀就會(huì)自動(dòng)對(duì)齊像素網(wǎng)格，不會(huì)形成發(fā)虛的像素。為了讓界面設(shè)計(jì)保持清晰的信息層次和協(xié)調(diào)的排版布局，對(duì)各個(gè)板塊也需要進(jìn)行嚴(yán)格規(guī)范。再如，為了讓制作出來(lái)的音樂(lè)播放器界面?zhèn)€性化，要求每個(gè)學(xué)生對(duì)進(jìn)行刻畫細(xì)節(jié)，讓細(xì)節(jié)顯得有獨(dú)特性和設(shè)計(jì)感，增強(qiáng)學(xué)生學(xué)習(xí)的興趣，提高設(shè)計(jì)美感。學(xué)生可以從背景、狀態(tài)欄、功能圖標(biāo)、排版布局等小細(xì)節(jié)處發(fā)揮創(chuàng)造力，讓每個(gè)人的作品有各自的個(gè)性色彩。而沒(méi)有思路的學(xué)生可對(duì)提供的樣稿進(jìn)行臨摹，樣稿呈現(xiàn)體現(xiàn)扁平化輕簡(jiǎn)風(fēng)格。

測(cè)試員對(duì)產(chǎn)品進(jìn)行功能性對(duì)照。負(fù)責(zé)人作為項(xiàng)目的掌舵人，除了完成個(gè)人所需工作，還需時(shí)刻跟蹤團(tuán)隊(duì)的進(jìn)度，統(tǒng)籌勞動(dòng)力，優(yōu)化資源配置。

環(huán)節(jié)4：實(shí)踐探索更優(yōu)化。測(cè)試員在移動(dòng)端PS Play中同步測(cè)試、即時(shí)分享，設(shè)計(jì)員根據(jù)測(cè)試反饋，對(duì)UI進(jìn)行修改優(yōu)化。設(shè)計(jì)制作完音樂(lè)播放器界面，測(cè)試員利用手機(jī)App“PS Play”進(jìn)行測(cè)試設(shè)計(jì)。在手機(jī)上直接測(cè)試界面設(shè)計(jì)是否符合使用規(guī)律、美學(xué)規(guī)律。組件交流，根據(jù)測(cè)試員反饋，設(shè)計(jì)員可在電腦PS軟件上進(jìn)行修改，同步測(cè)試。通過(guò)移動(dòng)端對(duì)設(shè)計(jì)界面可視化呈現(xiàn)，進(jìn)一步加強(qiáng)教學(xué)與職場(chǎng)和生活的聯(lián)系。

環(huán)節(jié)5：市場(chǎng)表現(xiàn)來(lái)評(píng)定。根據(jù)UI設(shè)計(jì)師的崗位能力要求，將設(shè)計(jì)的作品在威客網(wǎng)中進(jìn)行投標(biāo)競(jìng)選，將專業(yè)知識(shí)和技能轉(zhuǎn)化為實(shí)體產(chǎn)品，將產(chǎn)品與市場(chǎng)實(shí)際想融合，真正做到學(xué)以致用，產(chǎn)品在市場(chǎng)中經(jīng)歷風(fēng)雨。

以音樂(lè)播放器界面為例，學(xué)生大致確定這個(gè)音樂(lè)播放器界面需要有哪些功能，以及上下級(jí)頁(yè)面的關(guān)系，將思考的信息架構(gòu)重組，設(shè)計(jì)出具有基本功能的草圖，形成用戶界面的基本外觀。植入U(xiǎn)I設(shè)計(jì)，規(guī)范設(shè)計(jì)制作標(biāo)準(zhǔn)，就可以完成一份具有可操作性的交互界面。通過(guò)課后拓展，讓學(xué)生在一品威客網(wǎng)進(jìn)行實(shí)戰(zhàn)操作，與真正職場(chǎng)相銜接。

3.教學(xué)評(píng)價(jià)多元化

為了提升評(píng)價(jià)效果，多元評(píng)價(jià)方式在課程中廣泛應(yīng)用。該課程的多元評(píng)價(jià)面向以下三個(gè)素材。第一，作品本身。教師根據(jù)在案例中崗位負(fù)責(zé)的工作量及創(chuàng)作效果進(jìn)行評(píng)價(jià)，主要針對(duì)專業(yè)知識(shí)和技能。第二，答辯匯報(bào)。以小組為單位，將整一個(gè)工作過(guò)程做成一個(gè)PPT展示，內(nèi)容涵蓋主題設(shè)定、每個(gè)成員的工作內(nèi)容、遇到的問(wèn)題、如何解決、最終呈現(xiàn)、設(shè)計(jì)思路等匯報(bào)，將崗位滲透的效果進(jìn)行提煉，抽象的綜合素養(yǎng)呈現(xiàn)于課堂上，其他小組進(jìn)行提問(wèn)，深度交流。第三，威客網(wǎng)中的甲方反饋意見(jiàn)和評(píng)價(jià)。學(xué)生將作品直接投放于市場(chǎng)上，接受來(lái)自于經(jīng)濟(jì)市場(chǎng)的直接考驗(yàn)，更加現(xiàn)實(shí)看到自己作品的定位。

三、成效與反思

通過(guò)選修課的實(shí)踐，學(xué)生在職業(yè)滲透過(guò)程中親自參與設(shè)計(jì)音樂(lè)播放器的UI設(shè)計(jì)全過(guò)程。學(xué)生更加了解了職業(yè)規(guī)范，對(duì)職業(yè)的內(nèi)容及流程有個(gè)定位。在移動(dòng)端進(jìn)行實(shí)時(shí)同步監(jiān)測(cè)也讓學(xué)習(xí)評(píng)價(jià)更加直觀。通過(guò)參與投標(biāo)活動(dòng)及客戶溝通，學(xué)生在潛移默化中提高學(xué)生的創(chuàng)新能力、適應(yīng)能力、溝通能力等綜合素質(zhì)。學(xué)生學(xué)習(xí)積極性被有效激發(fā)，自主學(xué)習(xí)的意愿增強(qiáng)。學(xué)生參與真實(shí)案例的孵化，與市場(chǎng)零距離接觸，提高商業(yè)意識(shí)，滿足社會(huì)經(jīng)濟(jì)發(fā)展需要，自身綜合素養(yǎng)不斷提升的過(guò)程，也是在逐步向職業(yè)人角色轉(zhuǎn)換的過(guò)程。

教師在教學(xué)過(guò)程中，不斷植入U(xiǎn)I設(shè)計(jì)師職業(yè)概念，夯實(shí)Photoshop軟件基礎(chǔ)等教學(xué)要求。以音樂(lè)播放器的UI設(shè)計(jì)為載體，通過(guò)講解UI設(shè)計(jì)中的設(shè)計(jì)規(guī)范，提高了通過(guò)教學(xué)解決實(shí)際問(wèn)題的成效。教學(xué)與崗位就業(yè)“零距離”對(duì)接，有效地提升了教學(xué)素養(yǎng)。

改革中仍然存在一系列需要繼續(xù)探索之處。由于選修課開設(shè)均為高一年級(jí)。學(xué)生的專業(yè)知識(shí)、技能、綜合素養(yǎng)等相對(duì)比較薄弱，在進(jìn)行案例孵化過(guò)程中，需要教師花費(fèi)大量時(shí)間進(jìn)行指導(dǎo)與溝通，最終能實(shí)現(xiàn)價(jià)值的產(chǎn)品較少，輸入的努力與輸出的成果相對(duì)不成比例。該課程對(duì)教師專業(yè)及教學(xué)能力也提出更高要求。職業(yè)滲透、職業(yè)素養(yǎng)是一個(gè)相對(duì)主觀的概念，職業(yè)滲透到什么程度，職業(yè)素養(yǎng)培養(yǎng)到什么樣的高度，這些度的把握也是在改革探索中需要解決的問(wèn)題。

參考文獻(xiàn)：

[1]沈弘.“互聯(lián)網(wǎng)+”時(shí)代下的高職UI課程改革研究[J].教育教學(xué)論壇，2018，（6）：271-272.

[2]田海.零基礎(chǔ)學(xué)UI[M].成都：電子科技出版社，2016.