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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、結(jié)語

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

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

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

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