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

摘? 要 步入泛在物聯(lián)網(wǎng)時(shí)代，UI界面設(shè)計(jì)逐漸成為高職院校對(duì)接互（物）聯(lián)網(wǎng)時(shí)代崗位需求的課程載體。闡述UI界面設(shè)計(jì)的課程概念、發(fā)展現(xiàn)狀與趨勢(shì)，總結(jié)并剖析高職院校課程教學(xué)中的問題與改革實(shí)踐舉措，為創(chuàng)新型、實(shí)踐型人才培養(yǎng)提供一種參考方案。

關(guān)鍵詞 UI界面設(shè)計(jì);物聯(lián)網(wǎng);高職院校;創(chuàng)新型人才

中圖分類號(hào)：G642.0? ? 文獻(xiàn)標(biāo)識(shí)碼：B

文章編號(hào)：1671-489X（2019）23-0098-03

1 UI界面設(shè)計(jì)的概念認(rèn)知與發(fā)展趨勢(shì)

UI（User Interface，用戶界面），從字面來看由“用戶”“界面”兩個(gè)關(guān)鍵詞組成，用戶與界面間存在固有的人機(jī)交互需求[1]。用戶界面設(shè)計(jì)搭建了電子設(shè)備與操作者間的交流通道，設(shè)計(jì)交互界面，從廣義角度來看，凡是具有顯示界面的設(shè)備均涉及界面設(shè)計(jì)。界面設(shè)計(jì)以用戶需求為導(dǎo)向，確定設(shè)計(jì)要求與界面風(fēng)格。用戶體驗(yàn)數(shù)據(jù)顯示：簡(jiǎn)便快捷、易操作、人性化、與產(chǎn)品功能定位契合度高的人機(jī)交互界面得到用戶的認(rèn)可，電子產(chǎn)品銷量提升明顯。概括來看，UI界面設(shè)計(jì)包含三個(gè)主要方面：用戶行為研究、交互需求分析、界面設(shè)計(jì)。

智能手機(jī)、移動(dòng)智能終端使用已經(jīng)普及，5G通信已正式進(jìn)入商業(yè)運(yùn)營(yíng)階段，移動(dòng)通信實(shí)現(xiàn)了互聯(lián)網(wǎng)絡(luò)時(shí)代向物聯(lián)網(wǎng)時(shí)代的轉(zhuǎn)變。網(wǎng)絡(luò)交互不再受時(shí)間、空間與帶寬限制，碎片化時(shí)間被高效利用，傳統(tǒng)PC機(jī)時(shí)代的應(yīng)用邊界被打破。物聯(lián)網(wǎng)時(shí)代的應(yīng)用場(chǎng)景是多元化的，應(yīng)用領(lǐng)域覆蓋了社交、購物、移動(dòng)支付、生活繳費(fèi)、信息檢索查詢、服務(wù)預(yù)訂、出行導(dǎo)航等生產(chǎn)、生活相關(guān)的領(lǐng)域、行業(yè)，“互聯(lián)網(wǎng)+”與生活、生產(chǎn)深度結(jié)合。UI成為人們?nèi)粘Ｉ畹囊徊糠?，UI界面設(shè)計(jì)不斷發(fā)展創(chuàng)新。從國(guó)際來看，UI設(shè)計(jì)理念實(shí)現(xiàn)了更新：背景全屏化、分屏設(shè)計(jì)化、按鈕虛擬化、圖層交互嵌套、故事角色化、動(dòng)態(tài)效果增強(qiáng)、色彩排版更細(xì)膩、體驗(yàn)支持個(gè)性化定制等[2]。

2 UI界面設(shè)計(jì)課程教學(xué)現(xiàn)狀及實(shí)施方案

從國(guó)際范圍來看，UI技術(shù)已引領(lǐng)時(shí)代界面，但國(guó)內(nèi)UI設(shè)計(jì)行業(yè)發(fā)展并不十分順利：專業(yè)課程開設(shè)時(shí)間晚、院校數(shù)量不足;UI設(shè)計(jì)培訓(xùn)機(jī)構(gòu)以低端為主;UI設(shè)計(jì)課程教學(xué)經(jīng)驗(yàn)不足、缺乏積累。教學(xué)實(shí)踐調(diào)研數(shù)據(jù)顯示，移動(dòng)互聯(lián)網(wǎng)產(chǎn)品在大學(xué)生群體已廣泛使用，UI設(shè)計(jì)課程迎合了學(xué)生的課程需求，但對(duì)設(shè)計(jì)軟件的使用尚停留在初級(jí)階段，常常是眼高手低，軟件使用無法得心應(yīng)手;設(shè)計(jì)思路存在嚴(yán)重的抄襲傾向，缺乏自主設(shè)計(jì)能力，難以獲得持續(xù)性提升。長(zhǎng)久以來，“美工”是一個(gè)中性偏貶義的詞匯，但不可否認(rèn)，電腦美術(shù)基礎(chǔ)是UI設(shè)計(jì)美觀性的基礎(chǔ)。同時(shí)，團(tuán)隊(duì)間缺乏協(xié)調(diào)，用戶研究個(gè)人主觀性強(qiáng)。本文提出兩段式課程設(shè)計(jì)方案。

臨摹優(yōu)秀作品，提升交互設(shè)計(jì)與視覺設(shè)計(jì)技術(shù)水平? 抄襲現(xiàn)象的存在，客觀反映了作業(yè)具有一定難度，難以在短期跨越。首先，在技術(shù)層面將大目標(biāo)細(xì)分為小目標(biāo)，由底層向上層設(shè)計(jì)需求解決方案。合理設(shè)置課堂作業(yè)難度、梯次配置，可以采用不同技術(shù)難度的界面設(shè)計(jì)作業(yè)形式，如具有視覺欣賞性的創(chuàng)意插圖、游戲界面，具有一定商業(yè)價(jià)值的網(wǎng)幅廣告畫冊(cè)，包含基本交互設(shè)置的課程設(shè)計(jì)等。課程演示作為主要教學(xué)方式，以流程教學(xué)為主要內(nèi)容，訓(xùn)練學(xué)生熟練使用設(shè)計(jì)軟件，掌握實(shí)用操作技巧。UI界面設(shè)計(jì)與傳統(tǒng)“美工”有本質(zhì)區(qū)別，優(yōu)秀的設(shè)計(jì)作品需要電腦美術(shù)基礎(chǔ)作為支撐[3]。演示教學(xué)實(shí)操案例是對(duì)設(shè)計(jì)水平的體現(xiàn)，兼具商業(yè)價(jià)值屬性，技術(shù)教學(xué)具有復(fù)制、應(yīng)用特性。熟練掌握高難度技術(shù)，有助于熟練應(yīng)用設(shè)計(jì)軟件，有助于布局制作流程，有助于深入理解優(yōu)秀客戶設(shè)計(jì)創(chuàng)意，增強(qiáng)設(shè)計(jì)信心，設(shè)計(jì)節(jié)奏更加流暢。

以項(xiàng)目實(shí)踐培養(yǎng)團(tuán)隊(duì)協(xié)作能力? 項(xiàng)目實(shí)踐采用分組形式，圍繞項(xiàng)目組織教學(xué)內(nèi)容，靈活度高、自主性強(qiáng)，便于調(diào)動(dòng)學(xué)習(xí)的自主性。教師在課堂扮演引導(dǎo)性角色，培養(yǎng)學(xué)生在設(shè)計(jì)環(huán)節(jié)“發(fā)現(xiàn)—分析—解決”問題的能力，立足以項(xiàng)目為中心的主線，理論知識(shí)講解滲透到具體項(xiàng)目中;理論知識(shí)的消化吸收、問題解決方案的制訂，在團(tuán)隊(duì)的自由發(fā)言、討論、反饋甚至是質(zhì)疑中完成。每個(gè)項(xiàng)目設(shè)計(jì)差異化、特色化的APP界面，用戶需求分析、視覺設(shè)計(jì)、交互設(shè)計(jì)應(yīng)以自身為出發(fā)點(diǎn)。進(jìn)行定制項(xiàng)目模擬開發(fā)，制定員工任務(wù)分配與團(tuán)隊(duì)間協(xié)作流程，在實(shí)踐中完成知識(shí)的消化吸收。

3 更新UI界面設(shè)計(jì)數(shù)字化教學(xué)思維

拓展教學(xué)思維邊界，融入科技前沿內(nèi)容? 由過去幾年的教學(xué)實(shí)踐來看，UI界面設(shè)計(jì)教學(xué)環(huán)節(jié)與經(jīng)濟(jì)社會(huì)發(fā)展是脫節(jié)的，教學(xué)內(nèi)容、教學(xué)思路和教學(xué)方法與行業(yè)動(dòng)向、崗位需求存在不同程度偏差，教學(xué)內(nèi)容過于單一，片面強(qiáng)調(diào)音樂界面設(shè)計(jì)，忽視了對(duì)學(xué)生綜合技術(shù)能力的培養(yǎng)[4]。隨著智能移動(dòng)終端產(chǎn)品的普及與5G通信帶寬的提升，新的行業(yè)生態(tài)與就業(yè)崗位正在出現(xiàn)，潛在就業(yè)崗位眾多。本文觀點(diǎn)認(rèn)為，在UI界面設(shè)計(jì)課程教學(xué)活動(dòng)開展過程中，應(yīng)增加手機(jī)界面、APP界面、網(wǎng)頁界面設(shè)計(jì)內(nèi)容占比與教學(xué)課時(shí)，并緊跟時(shí)代需求與行業(yè)最新發(fā)展動(dòng)向，幫助學(xué)生掌握交互設(shè)計(jì)、圖形設(shè)計(jì)、界面編排、色彩運(yùn)用等知識(shí)點(diǎn);不斷指導(dǎo)學(xué)生接觸并掌握界面設(shè)計(jì)新知識(shí)，圍繞課堂主題進(jìn)行自主創(chuàng)意構(gòu)思;引導(dǎo)學(xué)生個(gè)性化發(fā)展，大力支持多角度、多層次的UI界面設(shè)計(jì)探索創(chuàng)新。

重新編排課程結(jié)構(gòu)，優(yōu)化課時(shí)占比? 作為數(shù)字化設(shè)計(jì)內(nèi)容，UI界面設(shè)計(jì)兼具創(chuàng)新性與實(shí)踐性，屬于網(wǎng)頁設(shè)計(jì)課程的前置基礎(chǔ)課程，需要學(xué)生全面掌握軟件操作技能，具有一定的創(chuàng)意設(shè)計(jì)思維能力與審美水平。首先，重新編配課時(shí)占比，總課時(shí)的1/4用于講解UI數(shù)字界面設(shè)計(jì)理論知識(shí)，引導(dǎo)學(xué)生自主擴(kuò)展相關(guān)知識(shí)，教學(xué)形式可采用提問與調(diào)查方法，提升理論知識(shí)綜合運(yùn)用水平;大二學(xué)年，開始進(jìn)入課程學(xué)習(xí)階段，分配1/4課時(shí)用于軟件臨摹操作，在優(yōu)秀作品臨摹過程中熟悉軟件操作，穿插UI界面設(shè)計(jì)數(shù)字與色彩操作技能培養(yǎng);剩余1/2課時(shí)圍繞創(chuàng)意設(shè)計(jì)開展實(shí)踐教學(xué)，設(shè)計(jì)并手繪圖標(biāo)，學(xué)生可結(jié)合課堂主題在設(shè)計(jì)軟件中實(shí)現(xiàn)所設(shè)計(jì)手繪圖標(biāo)的數(shù)字化版本。在創(chuàng)意思維培養(yǎng)與強(qiáng)化的同時(shí)，對(duì)學(xué)生的基礎(chǔ)知識(shí)與軟件操作掌握水平進(jìn)行有效考查，綜合提升學(xué)生的設(shè)計(jì)、實(shí)踐、創(chuàng)意水平與應(yīng)用能力。

4 UI界面設(shè)計(jì)課程教改與實(shí)踐

嘗試更易調(diào)動(dòng)學(xué)習(xí)主動(dòng)性的課程教學(xué)方法? 開展UI界面設(shè)計(jì)教學(xué)活動(dòng)，高職教師首先應(yīng)明確自身定位及在教學(xué)中應(yīng)發(fā)揮的作用與實(shí)現(xiàn)方法。作為教學(xué)引導(dǎo)者，教師所用教學(xué)方法的科學(xué)性、有效性與可操作性直接關(guān)系到教學(xué)既定目標(biāo)實(shí)現(xiàn)與學(xué)生對(duì)知識(shí)的掌握程度。教師需要進(jìn)行深入思考并持續(xù)探索的是：采用科學(xué)、有效的教學(xué)方案來實(shí)現(xiàn)既定教學(xué)目標(biāo)，調(diào)動(dòng)學(xué)生參與課堂的主觀能動(dòng)性。教師需綜合運(yùn)用授課、展示、討論、設(shè)計(jì)、制作、評(píng)估等多種教學(xué)形式，轉(zhuǎn)變常規(guī)單一授課教學(xué)思維，靈活構(gòu)建翻轉(zhuǎn)課堂，讓學(xué)生在課程中切身體會(huì)目標(biāo)崗位需求，使他們更加積極主動(dòng)地參與課堂教學(xué)與相關(guān)訓(xùn)練。

在課程APP設(shè)計(jì)環(huán)節(jié)，教師可以六人小組為單位組織項(xiàng)目活動(dòng)，安排整體課程教學(xué)，協(xié)助學(xué)生完成課前角色分配與功能定位，劃定產(chǎn)品經(jīng)理、用戶行為分析、視覺設(shè)計(jì)、交互設(shè)計(jì)等模擬職位;為課下實(shí)施的市場(chǎng)分析、用戶調(diào)查、原型設(shè)計(jì)等環(huán)節(jié)提供具體指導(dǎo);課上進(jìn)行角色模擬、競(jìng)爭(zhēng)產(chǎn)品分析、APP產(chǎn)品功能再定位、完善信息網(wǎng)架等環(huán)節(jié);模擬商業(yè)路演環(huán)節(jié)，一方面可豐富課堂教學(xué)活動(dòng)，另一方面可調(diào)動(dòng)學(xué)生參與熱情，訓(xùn)練團(tuán)隊(duì)協(xié)作、內(nèi)容組織、語言表達(dá)能力。

引入社會(huì)實(shí)踐與設(shè)計(jì)競(jìng)賽環(huán)節(jié)? 伴隨經(jīng)濟(jì)水平的提升，人們的生活方式發(fā)生轉(zhuǎn)變，第三產(chǎn)業(yè)占比升高，設(shè)計(jì)行業(yè)與服務(wù)也得到快速發(fā)展。藝術(shù)設(shè)計(jì)競(jìng)賽的場(chǎng)次增多、層級(jí)提升，其中以手機(jī)主題設(shè)計(jì)競(jìng)賽、靳埭強(qiáng)設(shè)計(jì)獎(jiǎng)最為知名，已成為設(shè)計(jì)行業(yè)常規(guī)競(jìng)賽項(xiàng)目。與此同時(shí)，部分設(shè)計(jì)競(jìng)賽增設(shè)了UI數(shù)字界面設(shè)計(jì)比賽。本文觀點(diǎn)認(rèn)為，教師可適當(dāng)將設(shè)計(jì)競(jìng)賽活動(dòng)引入課堂教學(xué)環(huán)節(jié)，或?qū)崿F(xiàn)二者間的對(duì)接，以增強(qiáng)學(xué)生的社會(huì)實(shí)踐能力，奠定步入工作崗位的基礎(chǔ)。

如以沈陽地區(qū)大學(xué)生記賬行為調(diào)研為主題的設(shè)計(jì)活動(dòng)，學(xué)院教師引導(dǎo)參與學(xué)生采用小組分工形式進(jìn)行團(tuán)隊(duì)間協(xié)作，適當(dāng)提示活動(dòng)設(shè)計(jì)方向。學(xué)生通過調(diào)研得出：現(xiàn)有記賬軟件只支持文字、圖形操作，無法實(shí)現(xiàn)手動(dòng)輸入;大學(xué)生理財(cái)經(jīng)驗(yàn)不足，最突出的表現(xiàn)是金錢觀念薄弱、記賬不分類、糊涂記賬，甚至自己都看不明白所記賬目。決定實(shí)施方案

為：以現(xiàn)有記賬軟件為基礎(chǔ)進(jìn)行優(yōu)化創(chuàng)新，APP軟件開發(fā)定位于語音記賬、LBS記賬、掃碼記賬，并動(dòng)態(tài)獲取實(shí)時(shí)定位，支持地理位置記賬行為，在手機(jī)模擬操作中成功實(shí)現(xiàn)，并被推選為國(guó)家創(chuàng)新項(xiàng)目課題。

不難看出，將設(shè)計(jì)競(jìng)賽類活動(dòng)引入U(xiǎn)I界面設(shè)計(jì)課堂，在教學(xué)設(shè)計(jì)實(shí)踐中一方面培養(yǎng)了學(xué)生的團(tuán)隊(duì)協(xié)作能力，另一方面積累了社會(huì)實(shí)踐經(jīng)驗(yàn)，若團(tuán)隊(duì)小組能因此獲取獎(jiǎng)項(xiàng)，也是樹立學(xué)生學(xué)習(xí)信心的有效措施，為其就業(yè)發(fā)展奠定良好基礎(chǔ)。

5 結(jié)語

概括來看，UI界面設(shè)計(jì)課程改革應(yīng)以結(jié)構(gòu)重組為突破口，教師依據(jù)專業(yè)發(fā)展趨勢(shì)和工作崗位需求優(yōu)化課程結(jié)構(gòu)內(nèi)容;教學(xué)形式與觀點(diǎn)應(yīng)緊跟時(shí)代人才需求，綜合運(yùn)用多種教學(xué)方法徹底扭轉(zhuǎn)總教學(xué)課時(shí)短的局面，形成具有課程特色的適用性教學(xué)方法，以提升學(xué)生的課程參與主動(dòng)性，增強(qiáng)課程教學(xué)效果，幫助學(xué)生順利與工作崗位對(duì)接。

參考文獻(xiàn)

[1]雷菁.高職UI界面設(shè)計(jì)課程教學(xué)實(shí)踐探索[J].現(xiàn)代信息科技，2019，3（4）：96-97.

[2]巫家欣.試論UI界面設(shè)計(jì)課程的教學(xué)策略[J].中外企業(yè)家，2018（32）：161.

[3]沈涵.UI界面設(shè)計(jì)課程教改實(shí)踐探索[J].教育教學(xué)論壇，2018（43）：154-155.

[4]周婷.高職院校UI界面設(shè)計(jì)課程設(shè)置的構(gòu)思與創(chuàng)想[J].廣東蠶業(yè)，2017，51（4）：58.

[5]陸培培.淺析獨(dú)立學(xué)院UI界面設(shè)計(jì)課程的教學(xué)改革[J].美術(shù)教育研究，2015（19）：123-124.

[6]林婷婷.UI界面設(shè)計(jì)課程教改實(shí)踐探索與思考[J].大眾文藝，2016（15）：248.

作者：趙雪玉，遼寧何氏醫(yī)學(xué)院，講師，研究方向?yàn)樗囆g(shù)設(shè)計(jì)（110163）。