信息時(shí)代下UI設(shè)計(jì)教學(xué)模式研究

季薇 馮敬益 彭程

摘要：隨著我國(guó)教育體制的不斷改變，各類(lèi)信息化技術(shù)，互聯(lián)網(wǎng)技術(shù)，多媒體技術(shù)在教學(xué)過(guò)程中的應(yīng)用變得越來(lái)越普及。UI設(shè)計(jì)不僅更加方便人們使用和操作各位智能產(chǎn)品，同時(shí)也是基于各類(lèi)藝術(shù)表現(xiàn)形式，提高人們視覺(jué)審美以及感官體驗(yàn)的重要途徑。可以說(shuō)現(xiàn)代化經(jīng)濟(jì)水平發(fā)展越來(lái)越高，UI設(shè)計(jì)的教學(xué)理念和教學(xué)形式也需要得到不斷的優(yōu)化和革新。本文闡述了UI教學(xué)模式的發(fā)展現(xiàn)狀，并針對(duì)信息化時(shí)代下UI設(shè)計(jì)教學(xué)模式的創(chuàng)新和實(shí)踐進(jìn)行了深入研究。

關(guān)鍵詞：信息時(shí)代背景;UI教學(xué)設(shè)計(jì);有效措施

中圖分類(lèi)號(hào)：G642? ? ? ?文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2021）02-0113-02

1 UI設(shè)計(jì)教學(xué)模式的發(fā)展現(xiàn)狀

首先，想要了解UI設(shè)計(jì)這一學(xué)科的教學(xué)模式發(fā)展現(xiàn)狀，就需要了解UI這一學(xué)科的含義。UI是用戶(hù)界面的簡(jiǎn)稱(chēng)，其主要功能是用于電子產(chǎn)品軟件實(shí)現(xiàn)人機(jī)交互，在界面操作過(guò)程應(yīng)用設(shè)計(jì)。可以說(shuō)在信息時(shí)代，無(wú)論哪一行業(yè)都需要面臨智能科技以及互聯(lián)網(wǎng)絡(luò)發(fā)展所帶來(lái)的變革，而智能終端也成了人與人之間交互，企業(yè)與企業(yè)之間交互，企業(yè)與人之間交互的基礎(chǔ)元素，是增加用戶(hù)直接體驗(yàn)的最有效方式。

UI設(shè)計(jì)的最主要作用是要讓用戶(hù)能夠通過(guò)UI設(shè)計(jì)來(lái)更加直觀的有效感受科技以及文化發(fā)展所帶來(lái)的差異和優(yōu)勢(shì)，目前我國(guó)很多職業(yè)院校都開(kāi)設(shè)了UI設(shè)計(jì)課程，從最基礎(chǔ)的手機(jī)界面、各類(lèi)App軟件圖標(biāo)以及網(wǎng)絡(luò)界面優(yōu)化，還有VR技術(shù)、物聯(lián)網(wǎng)技術(shù)的實(shí)際應(yīng)用。從學(xué)科內(nèi)容進(jìn)行細(xì)分，不僅包括了最基礎(chǔ)的設(shè)計(jì)學(xué)，色彩學(xué)，同時(shí)也需要學(xué)生具備相應(yīng)的心理學(xué)以及人類(lèi)行為學(xué)的相關(guān)知識(shí)。

總的來(lái)講，UI教學(xué)模式的發(fā)展依然呈現(xiàn)出了進(jìn)門(mén)容易精通難，教學(xué)容易實(shí)踐難的趨勢(shì)。教師只能作為技術(shù)引導(dǎo)帶領(lǐng)學(xué)生完成入門(mén)階段的學(xué)習(xí)，而想要能夠真正提高學(xué)生的動(dòng)手操作的能力以及UI設(shè)計(jì)水準(zhǔn)，還需要有效激發(fā)學(xué)生的主觀能動(dòng)性，提高其文化層次和社會(huì)經(jīng)驗(yàn)。

2信息時(shí)代開(kāi)展UI設(shè)計(jì)課程教學(xué)的重要性

2.1重視多元化的發(fā)展

首先，在信息化時(shí)代開(kāi)展UI設(shè)計(jì)的相應(yīng)課程，能夠有效保證各行業(yè)各企業(yè)對(duì)該崗位人才的實(shí)際需求。可以說(shuō)在信息時(shí)代的大背景下，各類(lèi)藝術(shù)設(shè)計(jì)的元素趨于多元化和傳統(tǒng)的藝術(shù)設(shè)計(jì)不同，已經(jīng)不再僅限于紙上創(chuàng)作，紙上繪畫(huà)，紙上設(shè)計(jì)，而是更加趨向于基于電子產(chǎn)品的無(wú)紙化設(shè)計(jì)，無(wú)紙化藝術(shù)創(chuàng)作。另外在電子產(chǎn)品網(wǎng)頁(yè)設(shè)計(jì)以及其他功能交互的過(guò)程中，都需要有效地運(yùn)用到UI設(shè)計(jì)。是互聯(lián)網(wǎng)絡(luò)信息化交互過(guò)程當(dāng)中極為重要的一個(gè)部分，因此很多中職都開(kāi)設(shè)了《UI界面設(shè)計(jì)》這門(mén)課程。不僅可以豐富信息時(shí)代藝術(shù)設(shè)計(jì)的多樣性，同時(shí)也可以讓學(xué)生更好地體會(huì)基于互聯(lián)網(wǎng)模式的交互感提升。同時(shí)UI設(shè)計(jì)的多元化發(fā)展還能夠更好的激發(fā)學(xué)生的創(chuàng)作欲望和創(chuàng)造心理，根據(jù)自身對(duì)藝術(shù)的理解革新UI設(shè)計(jì)理念，促進(jìn)其多元化的發(fā)展。

2.2重視商業(yè)化的發(fā)展

另外，UI設(shè)計(jì)在網(wǎng)絡(luò)信息社會(huì)是無(wú)處不在的，小到一個(gè)軟件App的圖標(biāo)，大到一個(gè)官方網(wǎng)站的應(yīng)用界面，都屬于UI設(shè)計(jì)的范疇領(lǐng)域。而如何通過(guò)相應(yīng)的設(shè)計(jì)語(yǔ)言和設(shè)計(jì)理念來(lái)優(yōu)化界面，向使用者傳達(dá)出相應(yīng)的交互感官體驗(yàn)，就是UI設(shè)計(jì)這門(mén)課程的精髓和理念。隨著信息化時(shí)代藝術(shù)設(shè)計(jì)的商業(yè)化轉(zhuǎn)變，很多企業(yè)或商家也發(fā)現(xiàn)了UI設(shè)計(jì)為自身創(chuàng)造的商業(yè)價(jià)值，既能夠從視覺(jué)效果上對(duì)產(chǎn)品進(jìn)行優(yōu)化，又能夠利用美術(shù)繪畫(huà)提高UI設(shè)計(jì)的美感和藝術(shù)屬性。這種優(yōu)化，無(wú)論是對(duì)于使用者而言，還是對(duì)于商品本身都能夠更好地滿(mǎn)足時(shí)代發(fā)展的需求。

3 信息時(shí)代UI設(shè)計(jì)教學(xué)模式革新的有效策略

3.1 脫離教材限制，鼓勵(lì)創(chuàng)新

首先，在信息時(shí)代下，中職想優(yōu)化UI教學(xué)模式就需要能夠轉(zhuǎn)變傳統(tǒng)教學(xué)理念，尤其是對(duì)于教學(xué)內(nèi)容的規(guī)劃，不應(yīng)該過(guò)度依賴(lài)教材內(nèi)容，其原因有以下三點(diǎn)。第一，UI設(shè)計(jì)作為一門(mén)新興學(xué)科，其基礎(chǔ)理念正在時(shí)刻發(fā)生改變，可能今天客戶(hù)滿(mǎn)意的設(shè)計(jì)方案，明天就會(huì)由于出現(xiàn)大量的模仿和抄襲而被棄用，因此需要時(shí)刻保持一個(gè)不斷變革的心態(tài)。第二，用戶(hù)審美疲勞是UI設(shè)計(jì)過(guò)程當(dāng)中需要著重考慮的內(nèi)容，雖然在該領(lǐng)域有很多元素貌似有著長(zhǎng)久不衰的表現(xiàn)，例如由蘋(píng)果公司設(shè)計(jì)的圓角矩形圖標(biāo)，在幾乎全部手機(jī)當(dāng)中都得到了應(yīng)用，然而很難保證這一設(shè)計(jì)元素還能夠在未來(lái)多長(zhǎng)時(shí)間內(nèi)得以有效持續(xù)。第三，由于設(shè)計(jì)方法逐步發(fā)生改變，在未來(lái)UI設(shè)計(jì)師可能會(huì)同樣擺脫數(shù)位板的限制，通過(guò)VR、AR等方式來(lái)進(jìn)行UI設(shè)計(jì)，或者說(shuō)基于物聯(lián)網(wǎng)、區(qū)塊鏈、虛擬現(xiàn)實(shí)等最新科技的發(fā)展模式導(dǎo)致了客戶(hù)所需求的UI設(shè)計(jì)，會(huì)由二維轉(zhuǎn)向三維。當(dāng)面臨這種發(fā)展現(xiàn)狀的過(guò)程當(dāng)中，就需要UI設(shè)計(jì)的教師能夠摒棄傳統(tǒng)教材的束縛，用發(fā)展的眼光去看待這一學(xué)科，為學(xué)生創(chuàng)造出一種與時(shí)俱進(jìn)的教學(xué)理念，并在授課過(guò)程中用當(dāng)下最為火熱的案例輔助教學(xué)，并在輔助教學(xué)的過(guò)程當(dāng)中向?qū)W生闡述，只要是課堂上能夠參考的UI設(shè)計(jì)方案，就已經(jīng)不能再代表當(dāng)下UI設(shè)計(jì)的發(fā)展趨勢(shì)，為此就需要學(xué)生能夠根據(jù)教學(xué)案例進(jìn)行充分聯(lián)想去思考未來(lái)UI設(shè)計(jì)的發(fā)展方向在哪里，能否根據(jù)當(dāng)下最火熱的設(shè)計(jì)方案來(lái)推測(cè)出下一階段企業(yè)和客戶(hù)的需求，也是學(xué)生逐步轉(zhuǎn)變自身思維理念向設(shè)計(jì)師進(jìn)行角色轉(zhuǎn)換的關(guān)鍵步驟。

教師在理論教學(xué)階段，嘗試借助現(xiàn)有資源，通過(guò)范例，引導(dǎo)學(xué)生從套用到模仿;而在后期實(shí)訓(xùn)階段，則可以量變轉(zhuǎn)變?yōu)橘|(zhì)變，進(jìn)行學(xué)生自主創(chuàng)新設(shè)計(jì)。

如學(xué)生在網(wǎng)頁(yè)設(shè)計(jì)課程中是運(yùn)用dreamweaver進(jìn)行可視化編輯，往往他們會(huì)跟任課老師反饋，缺少矢量圖標(biāo)這一基礎(chǔ)要件，不知道怎么畫(huà)這些要件。我們認(rèn)為，此處的教學(xué)必須跟達(dá)芬奇畫(huà)雞蛋一樣，在對(duì)整個(gè)知識(shí)結(jié)構(gòu)沒(méi)辦法形成雛形之前，我們不鼓勵(lì)學(xué)生直接自己上手畫(huà)，其實(shí)網(wǎng)上有很好的資源，如阿里旗下的iconfont阿里巴巴矢量圖標(biāo)庫(kù)（圖1），基本能滿(mǎn)足搭建網(wǎng)站或者App所需的各項(xiàng)圖標(biāo)資源，學(xué)生可從中選取合適的圖標(biāo)放入自己的頁(yè)面中，將其作品在校園范圍內(nèi)進(jìn)行展示，通過(guò)老師和學(xué)生們的評(píng)價(jià)，感知階段性的完成質(zhì)量。

同樣，能提高轉(zhuǎn)化率的UI界面，光靠圖標(biāo)是沒(méi)有用的，必須一體成型有一個(gè)統(tǒng)一風(fēng)格的模板，此時(shí)凡科網(wǎng)（圖2）、淘寶在線(xiàn)模板商城（圖3）等平臺(tái)就成了一個(gè)很好的幫手。學(xué)生可以在老師給出具體主題之后，在其中選取任意一個(gè)模板，結(jié)合視覺(jué)營(yíng)銷(xiāo)中的三原色搭配等基礎(chǔ)理論，調(diào)整好自己的界面布局，并給出為什么這樣布局的詳細(xì)分析。

人的視覺(jué)點(diǎn)是從中間往下看的，所以大部分學(xué)生都能解釋為什么百度和谷歌的排版是把最重要的內(nèi)容放在居中列，但是真的要讓學(xué)生進(jìn)行實(shí)操的時(shí)候，他們會(huì)割舍不了被閑置的區(qū)域，認(rèn)為這是浪費(fèi)。對(duì)于這種觀念，必須創(chuàng)立場(chǎng)景讓學(xué)生通過(guò)買(mǎi)家視角來(lái)閱讀那些“沒(méi)有被浪費(fèi)的界面”，讓他們給出感官體驗(yàn)后的評(píng)價(jià)，學(xué)生自然能明白緣由。

總體來(lái)講，教師在進(jìn)行這一領(lǐng)域授課的時(shí)候不能完全和市場(chǎng)脫節(jié)，在教學(xué)時(shí)間有限的情況下，更應(yīng)該抓大放小，理清思路，確定教學(xué)目標(biāo)，初期學(xué)習(xí)階段，學(xué)生可以從模仿和套用開(kāi)始，并給出分析。哪些漂亮的設(shè)計(jì)是能被市場(chǎng)接受的，學(xué)生可以從第三方平臺(tái)的模板銷(xiāo)售量和使用量觀察出來(lái)。學(xué)生前期的作品也可以通過(guò)校內(nèi)資源上線(xiàn)到學(xué)校這一層面甚至以上的平臺(tái)，通過(guò)受眾的反應(yīng)給出反饋;而到了后期，學(xué)生則可以把握知識(shí)點(diǎn)的宏觀脈絡(luò)的情況下，綜合運(yùn)用。

3.2 注重學(xué)生的責(zé)任心和綜合素養(yǎng)

其次，中職在開(kāi)設(shè)UI課程的過(guò)程當(dāng)中還需要能夠注重對(duì)學(xué)生責(zé)任心以及專(zhuān)業(yè)核心素養(yǎng)的提高。從發(fā)展的角度來(lái)講，UI設(shè)計(jì)從一種輔助崗位逐步轉(zhuǎn)向了人們?nèi)粘Ｉ钪械膭傂瑁@種身份的轉(zhuǎn)變也決定了UI設(shè)計(jì)的專(zhuān)業(yè)學(xué)生需要具備更好的專(zhuān)業(yè)技能以及更加全面的綜合素養(yǎng)。舉例說(shuō)明，UI設(shè)計(jì)師為了滿(mǎn)足客戶(hù)以及不同企業(yè)的實(shí)際需求，需要和甲方進(jìn)行積極溝通，對(duì)于客戶(hù)的實(shí)際需求和藝術(shù)欣賞能力需要進(jìn)行相關(guān)評(píng)定。而為了滿(mǎn)足客戶(hù)的需求，運(yùn)用不同的設(shè)計(jì)語(yǔ)言和設(shè)計(jì)理念，就需要設(shè)計(jì)師具備相應(yīng)責(zé)任心，無(wú)論是在校實(shí)習(xí)期間，還是在工作崗位上，都需要學(xué)生能夠運(yùn)用自身的專(zhuān)業(yè)技能，運(yùn)用自身的藝術(shù)鑒賞能力，運(yùn)用自己對(duì)現(xiàn)實(shí)生活和各行業(yè)的認(rèn)知，去深入構(gòu)建自身的UI設(shè)計(jì)理念。可以說(shuō)UI設(shè)計(jì)能夠取得怎樣的成就不僅需要設(shè)計(jì)師具備過(guò)硬的軟件技術(shù)，同時(shí)更需要積極拓展自身文化視野，用超出常人想象范疇的設(shè)計(jì)語(yǔ)言才能給人眼前一亮的感覺(jué)。而如果原設(shè)計(jì)師的認(rèn)知能力有限，認(rèn)知水平有限，就極有可能會(huì)設(shè)計(jì)出過(guò)于俗套，難以滿(mǎn)足企業(yè)需求，難以達(dá)到客戶(hù)心理預(yù)期的方案，而這也是目前很多UI設(shè)計(jì)專(zhuān)業(yè)學(xué)生的通病。過(guò)于注重自身專(zhuān)業(yè)而忽視了其他方面的綜合水平提高，為此就需要中職能夠在開(kāi)設(shè)UI設(shè)計(jì)課程的過(guò)程中，不斷加強(qiáng)對(duì)學(xué)生綜合素養(yǎng)的提高，從藝術(shù)、美術(shù)、音樂(lè)、體育、文化、歷史等多個(gè)方面加強(qiáng)學(xué)生綜合素質(zhì)，加強(qiáng)學(xué)生設(shè)計(jì)能力。

3.3 注重團(tuán)隊(duì)培養(yǎng)

最后，當(dāng)下的UI設(shè)計(jì)普遍是以團(tuán)隊(duì)形式進(jìn)行的，為此就需要中職教師在開(kāi)設(shè)相應(yīng)課程的過(guò)程中，重視對(duì)學(xué)生團(tuán)隊(duì)合作能力的培養(yǎng)。通常來(lái)講，UI設(shè)計(jì)在教學(xué)過(guò)程當(dāng)中，教師會(huì)以項(xiàng)目或課題的方式讓學(xué)生進(jìn)行有機(jī)分組完成不同項(xiàng)目，在此過(guò)程中教師應(yīng)該著重強(qiáng)調(diào)學(xué)生在完成項(xiàng)目的過(guò)程中應(yīng)該進(jìn)行積極的團(tuán)隊(duì)配合，以團(tuán)隊(duì)的利益為先，發(fā)揮自身主觀能動(dòng)性，培養(yǎng)團(tuán)隊(duì)合作精神，優(yōu)化原設(shè)計(jì)的工作效率和質(zhì)量、同時(shí)教師也需要注重學(xué)生溝通能力的提高，對(duì)很多UI設(shè)計(jì)公司或工作室而言，想要設(shè)計(jì)出高質(zhì)量的作品和方案是沒(méi)有什么難度的，但是想要設(shè)計(jì)出有想法，有理念，有思路，給人眼前一亮的方案就不是某一個(gè)人能夠決定或完成的。而是需要通過(guò)大量的溝通討論，充分結(jié)合每個(gè)人的意見(jiàn)才能夠獲得相應(yīng)靈感，讓整體團(tuán)隊(duì)發(fā)揮作用也是提高原設(shè)計(jì)質(zhì)量效果的重要環(huán)節(jié)。為此就需要教師能夠在日常教學(xué)過(guò)程當(dāng)中不斷培養(yǎng)學(xué)生的團(tuán)隊(duì)合作能力，教會(huì)學(xué)生如何利用團(tuán)隊(duì)思路來(lái)優(yōu)化個(gè)人設(shè)計(jì)方案，調(diào)動(dòng)每一個(gè)人的創(chuàng)新能力和工作積極性。

4結(jié)束語(yǔ)

綜上所述，在信息化時(shí)代的大背景下，UI設(shè)計(jì)不僅成為人們?nèi)粘Ｉ町?dāng)中的剛需，同時(shí)也和互聯(lián)網(wǎng)產(chǎn)業(yè)，信息化產(chǎn)業(yè)一樣，每時(shí)每刻不在進(jìn)行著革新和理念上的交替。因此為了切實(shí)可行的優(yōu)化各中職對(duì)UI設(shè)計(jì)課程的教學(xué)模式，就需要教師能夠與時(shí)俱進(jìn)，調(diào)整教學(xué)方向，為學(xué)生拓展實(shí)踐機(jī)會(huì)，在實(shí)踐過(guò)程中摸索和創(chuàng)新思路優(yōu)化，提高設(shè)計(jì)理念技術(shù)同時(shí)也需要讓學(xué)生在教學(xué)過(guò)程中養(yǎng)成良好的團(tuán)隊(duì)合作意識(shí)，為將來(lái)轉(zhuǎn)換自身角色，投入工作崗位奠定良好基礎(chǔ)。

參考文獻(xiàn)：

[1] 施益華.信息時(shí)代下教師信息化素養(yǎng)及培養(yǎng)研究[J].教育現(xiàn)代化，2019，6（34）：83-84.

[2] 葛煜斐.信息時(shí)代下的教育迷思[J].新教育，2016（24）：15.

【通聯(lián)編輯：聞翔軍】