吳兵娥 （廣東東軟學(xué)院 528225）

視覺傳達(dá)專業(yè)UI設(shè)計(jì)教學(xué)的體會(huì)與探索

吳兵娥 （廣東東軟學(xué)院 528225）

伴隨信息技術(shù)的發(fā)展，對(duì)UI設(shè)計(jì)人才的需求越來越大，拓寬了視覺傳達(dá)設(shè)計(jì)專業(yè)人才的就業(yè)方向。面對(duì)新設(shè)計(jì)領(lǐng)域需求和人才培養(yǎng)的需要，UI設(shè)計(jì)課程教學(xué)也應(yīng)該做出相應(yīng)的改進(jìn)。本文就目前視覺傳達(dá)專業(yè)UI設(shè)計(jì)課程存在的問題及現(xiàn)狀，再結(jié)合個(gè)人的教學(xué)實(shí)踐經(jīng)驗(yàn)，探索符合此專業(yè)UI設(shè)計(jì)課程的教學(xué)內(nèi)容、方法及實(shí)踐體系，培養(yǎng)更多的高素質(zhì)專業(yè)人才。

視覺傳達(dá)；UI設(shè)計(jì)；課程；教學(xué)；探索

在用戶界面設(shè)計(jì)不斷發(fā)展的今天，這不僅讓視覺傳達(dá)專業(yè)面臨新的挑戰(zhàn)和機(jī)遇，也向高校人才培養(yǎng)提出了新要求。軟件產(chǎn)品中用戶界面設(shè)計(jì)決定其核心競爭力，國內(nèi)UI發(fā)展面臨的首要問題是要提高UI設(shè)計(jì)師的專業(yè)素質(zhì)及能力。依據(jù)視覺傳達(dá)專業(yè)UI設(shè)計(jì)課程情況，為進(jìn)一步培養(yǎng)更具專業(yè)能力的用戶界面設(shè)計(jì)人才，探討UI設(shè)計(jì)課程教學(xué)及相關(guān)課程的設(shè)置有助于提高軟件產(chǎn)品質(zhì)量。

一、視覺傳達(dá)專業(yè)UI設(shè)計(jì)課程中的教學(xué)體會(huì)

UI設(shè)計(jì)作為視覺傳達(dá)專業(yè)較新的一門課程，還不夠成熟，需進(jìn)一步改善。從UI設(shè)計(jì)課程教學(xué)及學(xué)生在課程中表現(xiàn)的情況看，主要有以下問題。第一，學(xué)生對(duì)課程概念的理解不夠，很多學(xué)生只注重產(chǎn)品界面設(shè)計(jì)，對(duì)交互及用戶體驗(yàn)概念的理解比較模糊。第二，在設(shè)計(jì)一個(gè)全新的軟件界面時(shí)，很多學(xué)生缺乏思考此軟件的使命、愿景和信息架構(gòu)，而用戶界面的邏輯通常經(jīng)不起推敲，不夠系統(tǒng)，很難轉(zhuǎn)化為產(chǎn)品。第三，從用戶界面的視覺設(shè)計(jì)上看，缺乏細(xì)節(jié)，效果不突出。盡管很多學(xué)生都能設(shè)計(jì)出簡潔的扁平化界面，緊跟扁平化設(shè)計(jì)潮流，但做出來的視覺效果缺乏細(xì)膩感，精致度不夠。第四，學(xué)生在設(shè)計(jì)用戶界面時(shí)考慮不周全，缺乏調(diào)研分析，完全憑個(gè)人愛好及主觀意象來做信息架構(gòu)，設(shè)計(jì)之前沒有認(rèn)真地調(diào)查此類軟件界面的現(xiàn)狀、問題及優(yōu)勢等，不清楚目標(biāo)用戶真正的需求，缺乏定位，并沒有對(duì)現(xiàn)有軟件達(dá)到改善的目的，或從一個(gè)新角度完全創(chuàng)造一種新的流程和做法。第五，該課程與其它課程設(shè)置存在脫節(jié)狀態(tài)，學(xué)生的設(shè)計(jì)技能相對(duì)比較弱，幾乎沒有相關(guān)課程做鋪墊。

二、視覺傳達(dá)專業(yè)UI設(shè)計(jì)教學(xué)方法的探索

UI設(shè)計(jì)課程是一門綜合性較強(qiáng)的專業(yè)課程，針對(duì)在課程中存在的問題，以及在教學(xué)實(shí)踐中的體會(huì)，要想學(xué)生在課程期間學(xué)好這門課程，能讓視覺傳達(dá)設(shè)計(jì)專業(yè)人才適應(yīng)社會(huì)發(fā)展新的就業(yè)方向，需調(diào)整和改進(jìn)一些課程內(nèi)容與教學(xué)方法。

首先，加強(qiáng)學(xué)生對(duì)UI的理解。在課程前期要通過各種形式及理論講解，UI即User Interface，也就是用戶界面設(shè)計(jì)，它由三部分組成、即“人-機(jī)-界面”。當(dāng)人通過輸入、點(diǎn)擊等方式，計(jì)算機(jī)就會(huì)給出相應(yīng)的提示或反饋，界面也是如此，界面存在于機(jī)器上，如電腦、平板電腦、手機(jī)等都屬于界面，而人是通過一系列指令與機(jī)器交流。不僅要考慮界面的美觀程度，更要考慮界面與人的交流方式，這種方式在UI里面稱為——交互。而當(dāng)在使用很多界面的時(shí)候，能夠很快速的找到所需要的東西，感覺非常好用，不用很費(fèi)腦筋的去猜想，那么這種方式在UI界面稱為——用戶體驗(yàn)。只有理解了UI這個(gè)概念，才能讓學(xué)生懂得需要學(xué)習(xí)什么，怎樣提高用戶界面設(shè)計(jì)能力。因此要做好UI的話，要掌握三方面的知識(shí)：界面+交互+用戶體驗(yàn)。關(guān)于界面的應(yīng)對(duì)方法是加強(qiáng)設(shè)計(jì)基礎(chǔ)知識(shí)，了解和研究界面布局，懂得PC端和移動(dòng)端界面設(shè)計(jì)的各種要求，按標(biāo)準(zhǔn)和規(guī)范來設(shè)計(jì)。對(duì)于加強(qiáng)學(xué)習(xí)交互設(shè)計(jì)的辦法是多讀一些關(guān)于交互設(shè)計(jì)的書籍，可上網(wǎng)自行搜索。除了多讀書之外，還要學(xué)會(huì)一些做交互的工具，例如Axuer rp、After Effects等，但最重要的還是實(shí)踐。至于用戶體驗(yàn)學(xué)習(xí)更多的是需要在實(shí)踐中慢慢積累，設(shè)計(jì)師采用以用戶為中心的方法對(duì)目標(biāo)用戶產(chǎn)生一個(gè)粘性的，可預(yù)見性與合理的影響。

其次，學(xué)生在設(shè)計(jì)界面時(shí)思路不夠清晰，邏輯經(jīng)不起推敲，很難轉(zhuǎn)化為實(shí)際應(yīng)用，此時(shí)教師要給學(xué)生嚴(yán)格的指南，按嚴(yán)格的標(biāo)準(zhǔn)和規(guī)范來執(zhí)行，盡力幫助他們把作品轉(zhuǎn)為產(chǎn)品。真正優(yōu)秀的設(shè)計(jì)應(yīng)該從更高的層面出發(fā)，而不只是做表面上的工作。用戶界面設(shè)計(jì)一定要試圖解決用戶的實(shí)際問題，而不是只停留在炫技上。在研究和設(shè)計(jì)過程中，要懂得UI能夠更好地幫助用戶理解內(nèi)容并與之互動(dòng)，卻又不會(huì)分散用戶對(duì)內(nèi)容本身的注意力。更要注意整個(gè)界面設(shè)計(jì)的清晰度，各種大小文字的清晰度，圖標(biāo)需醒目，突出重點(diǎn)。從深層次上去理解，并做到視覺的層次和生動(dòng)的交互動(dòng)作會(huì)賦予UI新的活力，不但幫助用戶更好理解新UI的操作并讓用戶在使用過程中感到驚喜。不管學(xué)生是重新設(shè)計(jì)一個(gè)現(xiàn)有的產(chǎn)品或是開發(fā)一個(gè)新產(chǎn)品，第一步要去除UI元素讓應(yīng)用的核心功能呈現(xiàn)得更加直接并強(qiáng)調(diào)其相關(guān)性。第二步要直接使用某系統(tǒng)主題讓其成為產(chǎn)品的UI，這樣能給用戶統(tǒng)一的視覺感受。第三步要保證學(xué)生設(shè)計(jì)的UI可以適應(yīng)各種設(shè)備，這樣用戶可以在不同場景下舒適地享用你的應(yīng)用。在整個(gè)設(shè)計(jì)過程中，隨時(shí)準(zhǔn)備著推翻先例，假設(shè)問題，并以重點(diǎn)內(nèi)容和功能（為目標(biāo)）來驅(qū)動(dòng)每個(gè)細(xì)節(jié)設(shè)計(jì)。

再次，根據(jù)指定的某項(xiàng)應(yīng)用進(jìn)行完整的UI課題設(shè)計(jì)。課程后期學(xué)生一定要對(duì)前期已學(xué)到的知識(shí)進(jìn)行綜合應(yīng)用，提升專業(yè)綜合能力。教師要求以小組的形式來完成課題，小組在課題進(jìn)行過程中，該團(tuán)隊(duì)人員進(jìn)行頭腦風(fēng)暴，用戶調(diào)研分析，考慮和確定界面布局、信息構(gòu)架，交互設(shè)計(jì)及視覺設(shè)計(jì)方案等，根據(jù)每位小組人員的特點(diǎn)分工合作，發(fā)揮各自的特長。每個(gè)小組經(jīng)過一個(gè)課題的鍛煉，學(xué)生也能體會(huì)到團(tuán)隊(duì)協(xié)作的力量，讓他們明白一個(gè)完整的UI設(shè)計(jì)是一個(gè)團(tuán)隊(duì)才能完成的。同時(shí)也能解決個(gè)人在做UI設(shè)計(jì)時(shí)考慮不周全的問題，多個(gè)成員一起監(jiān)督和互動(dòng)，不僅產(chǎn)品的邏輯變得清晰有條理，作品的質(zhì)量也能得到保障。

最后，在進(jìn)行視覺傳達(dá)設(shè)計(jì)專業(yè)培養(yǎng)方案和課程建設(shè)時(shí)，在UI設(shè)計(jì)課程之前，應(yīng)先修一些關(guān)于數(shù)字媒體的專業(yè)基礎(chǔ)課程，加強(qiáng)學(xué)生UI設(shè)計(jì)知識(shí)及理論修養(yǎng)，為這個(gè)應(yīng)用性強(qiáng)的專業(yè)課程做好鋪墊，學(xué)生有了基礎(chǔ)就能快速能領(lǐng)悟這門課程的目的。

三、結(jié)語

被認(rèn)可的用戶界面設(shè)計(jì)至少是置界面于用戶的控制之下，減少用戶的記憶負(fù)擔(dān)，在保持界面一致性原則下進(jìn)行的。為培養(yǎng)更多的視覺傳達(dá)設(shè)計(jì)專業(yè)的學(xué)生成為UI設(shè)計(jì)人才，為能更好地進(jìn)入這個(gè)新興設(shè)計(jì)領(lǐng)域做準(zhǔn)備，要不斷探索適合UI設(shè)計(jì)課程的教學(xué)內(nèi)容及教學(xué)方式，在不斷實(shí)踐與改革中提升教學(xué)質(zhì)量，達(dá)到培養(yǎng)一專多能的綜合型設(shè)計(jì)人才的目的。

[1]張劍.藝術(shù)專業(yè)UI設(shè)計(jì)課程現(xiàn)狀與改進(jìn)探討[J].美術(shù)教育研究2014.06.

[2]王廣.淺談UI設(shè)計(jì)中的視覺傳達(dá)[J].青年與社會(huì).2014.5.

[3]柴家翔.UI設(shè)計(jì)的風(fēng)格演變及特點(diǎn)分析[J].華章.2014（24）.