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

季薇 馮敬益 彭程

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

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

中圖分類號：G642? ? ? ?文獻(xiàn)標(biāo)識碼：A

文章編號：1009-3044（2021）02-0113-02

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

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

UI設(shè)計的最主要作用是要讓用戶能夠通過UI設(shè)計來更加直觀的有效感受科技以及文化發(fā)展所帶來的差異和優(yōu)勢，目前我國很多職業(yè)院校都開設(shè)了UI設(shè)計課程，從最基礎(chǔ)的手機(jī)界面、各類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è)計學(xué)，色彩學(xué)，同時也需要學(xué)生具備相應(yīng)的心理學(xué)以及人類行為學(xué)的相關(guān)知識。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4結(jié)束語

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

參考文獻(xiàn)：

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

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

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