（中山大學(xué)南方學(xué)院，廣州 510970）

0 引言

自2013年以來(lái)，國(guó)內(nèi)互聯(lián)網(wǎng)行業(yè)發(fā)展迅猛，各類(lèi)互聯(lián)網(wǎng)公司迅速崛起。行業(yè)高速的發(fā)展帶來(lái)了對(duì)該領(lǐng)域人才的巨大需求，除了計(jì)算機(jī)相關(guān)專(zhuān)業(yè)的人才，許多非計(jì)算機(jī)或交互設(shè)計(jì)專(zhuān)業(yè)的人才也開(kāi)始大量涌入該行業(yè)。近幾年全國(guó)各大高校的部分專(zhuān)業(yè)，特別是工業(yè)設(shè)計(jì)與視覺(jué)藝術(shù)相關(guān)專(zhuān)業(yè)，開(kāi)始陸續(xù)在本專(zhuān)業(yè)開(kāi)設(shè)與交互設(shè)計(jì)有關(guān)的課程。其中，冠以“UI設(shè)計(jì)、UI界面設(shè)計(jì)”等名稱(chēng)的課程不勝枚舉。但是在開(kāi)設(shè)該課程前，許多高校并不知道所謂UI設(shè)計(jì)是什么，在交互設(shè)計(jì)過(guò)程中處于什么步驟，更不知道“UI設(shè)計(jì)”的標(biāo)準(zhǔn)，僅僅因?yàn)樵撻T(mén)課程是市場(chǎng)需求導(dǎo)向的結(jié)果。結(jié)果導(dǎo)致了非常多的同學(xué)并不清楚該門(mén)課程存在的意義，學(xué)習(xí)的知識(shí)并不能很好地在工作中得到應(yīng)用，甚至要重新從零開(kāi)始學(xué)習(xí)。

1 UI設(shè)計(jì)概述

首先，多數(shù)盲目上馬UI設(shè)計(jì)相關(guān)課程的高校并不知道，UI全稱(chēng)為“User Interface”，即“用戶(hù)界面”的簡(jiǎn)稱(chēng)。

“用戶(hù)界面”應(yīng)該泛指“人”在應(yīng)用“機(jī)器”時(shí)的操作界面，包括了“人在操作火車(chē)、操作飛機(jī)、操作汽車(chē)、操作挖掘機(jī)，甚至潛艇、太空飛船”的操作界面，而不僅是“手機(jī)/電腦”界面。所以準(zhǔn)確的說(shuō)，我們?cè)谡n堂上所教授的UI設(shè)計(jì)，是基于“手機(jī)/電腦”端的，應(yīng)該被稱(chēng)為 GUI / WUI（Graphical User Interface / Web User Interface）。

由于UI設(shè)計(jì)作為交互設(shè)計(jì)當(dāng)中的“表現(xiàn)層”，所以先說(shuō)一下“交互設(shè)計(jì)”這個(gè)概念。“交互設(shè)計(jì)”全稱(chēng)為“Interaction Design”，又被稱(chēng)為“互動(dòng)設(shè)計(jì)”，是一門(mén)旨在研究人與機(jī)器、人于人造環(huán)境的新興學(xué)科。該學(xué)科于上世紀(jì)的1984年，由比爾·莫格里奇（Bill Moggridge）提出。比爾·莫格里奇除了發(fā)明“交互設(shè)計(jì)”這個(gè)專(zhuān)用詞匯之外，同時(shí)還是現(xiàn)代筆記本電腦的重要研發(fā)者。從這一點(diǎn)來(lái)看，我們能知道“交互設(shè)計(jì)”與現(xiàn)代計(jì)算機(jī)技術(shù)發(fā)展是密切相關(guān)的[1]。

由于技術(shù)的高速發(fā)展，使得電腦作為一種消費(fèi)設(shè)備進(jìn)入千家萬(wàn)戶(hù)成為可能。但是要想讓千千萬(wàn)萬(wàn)普通用戶(hù)能駕馭電腦，而不是需要經(jīng)過(guò)復(fù)雜的科學(xué)培訓(xùn)的工程師獨(dú)享操作的權(quán)利，這就需要引入“交互設(shè)計(jì)”的幫助。在交互設(shè)計(jì)與工程人員的努力之下，把電腦的復(fù)雜運(yùn)作狀態(tài)與原理藏起來(lái)，并以一個(gè)相對(duì)簡(jiǎn)單易懂的界面表現(xiàn)在用戶(hù)的眼前，這就是交互設(shè)計(jì)的具體工作之一。我們把交互設(shè)計(jì)，是怎么將一個(gè)復(fù)雜的電腦運(yùn)算拆解成普通用戶(hù)能操作界面的設(shè)計(jì)流程列出來(lái)，即“程序（運(yùn)算）層，（信息）結(jié)構(gòu)/架構(gòu)層，表現(xiàn)層（UI），用戶(hù)”。

UI的實(shí)質(zhì)是把架構(gòu)層的內(nèi)容包裝好，再傳達(dá)至用戶(hù)。用戶(hù)通過(guò)界面與“表現(xiàn)層”之下的“機(jī)器/軟件”的信息架構(gòu)產(chǎn)生互動(dòng)。在信息架構(gòu)順暢的時(shí)候，好的UI設(shè)計(jì)能使用戶(hù)使用起來(lái)感到愉悅、暢快，反之用戶(hù)則會(huì)感到沮喪、焦躁，直至提前終止操作。

UI設(shè)計(jì)應(yīng)該包括但不限于前期對(duì)軟件產(chǎn)品架構(gòu)的理解，很好的平面設(shè)計(jì)基礎(chǔ)（如“排版、字體”等），對(duì)設(shè)備的了解，譬如不同型號(hào)的手機(jī)、平板電腦、電腦設(shè)備之間的顯示不同，以及不同系統(tǒng)（主要是iOS與Android系統(tǒng)）之間的設(shè)計(jì)標(biāo)準(zhǔn)，不同場(chǎng)景的適配（如應(yīng)用商店的圖標(biāo)與桌面圖標(biāo)）[2]。除此之外，因?yàn)殡娮釉O(shè)備遵循摩爾定理，所以更新?lián)Q代是常態(tài)，每年的系統(tǒng)升級(jí)帶來(lái)的設(shè)計(jì)規(guī)范改變，這也是需要定期更新的，不能機(jī)械地用以前的設(shè)計(jì)規(guī)范進(jìn)行教學(xué)。

2 具體問(wèn)題

首先，也是最核心的問(wèn)題，就是對(duì)“交互設(shè)計(jì)”認(rèn)識(shí)不足。在不了解整個(gè)學(xué)科系統(tǒng)的情況下，直接開(kāi)設(shè)UI設(shè)計(jì)的相關(guān)課程，會(huì)造成該門(mén)課程沒(méi)有其他課程的支撐，所以很多學(xué)生對(duì)該門(mén)課程的學(xué)習(xí)目的是不明確的。最典型的狀態(tài)就是，只做好了一層好看的皮，但是這層皮卻不符合設(shè)計(jì)規(guī)范，更不用說(shuō)是否反應(yīng)了架構(gòu)層想要表達(dá)的邏輯關(guān)系。

然后是對(duì)于UI設(shè)計(jì)規(guī)范的不理解，這導(dǎo)致許多高校的相關(guān)課程進(jìn)行中，會(huì)拿落后系統(tǒng)版本的標(biāo)準(zhǔn)作為模版去訓(xùn)練學(xué)生的設(shè)計(jì)能力，有的甚至不知道什么是設(shè)計(jì)模板，僅僅做出一兩個(gè)圖標(biāo)了事。

再次，是對(duì)于UI設(shè)計(jì)這個(gè)系統(tǒng)工程的不理解。很多UI設(shè)計(jì)課程不僅缺少“（信息）結(jié)構(gòu)/架構(gòu)層”這個(gè)環(huán)節(jié)的支撐，甚至在UI設(shè)計(jì)課程的開(kāi)設(shè)也不完整。一般來(lái)說(shuō)，UI設(shè)計(jì)的工作量其實(shí)非常大，因?yàn)檐浖腢I設(shè)計(jì)包括了“整體風(fēng)格、圖標(biāo)、動(dòng)態(tài)效果、組件/按鈕”等在內(nèi)的整體設(shè)計(jì)[3]。其中的“圖標(biāo)、動(dòng)態(tài)效果”都需要專(zhuān)門(mén)設(shè)立課程來(lái)進(jìn)行訓(xùn)練，否則無(wú)法做出一整套規(guī)范的UI系統(tǒng)。

3 應(yīng)對(duì)策略

首當(dāng)其沖的應(yīng)對(duì)策略，當(dāng)然是大力引進(jìn)相關(guān)專(zhuān)業(yè)的人才。盡管在全世界范圍內(nèi)，交互設(shè)計(jì)專(zhuān)業(yè)科班出身的人才都是鳳毛菱角，但由于該領(lǐng)域是交叉學(xué)科，又是實(shí)用性很強(qiáng)的領(lǐng)域，通過(guò)引進(jìn)在該領(lǐng)域有一定從業(yè)經(jīng)驗(yàn)的人才，反而能更好的擔(dān)任高校相關(guān)學(xué)科的建設(shè)工作。

其次是，在了解UI設(shè)計(jì)作為交互設(shè)計(jì)流程中的具體工作步驟的情況下，系統(tǒng)的開(kāi)設(shè)相關(guān)課程。譬如在進(jìn)行UI設(shè)計(jì)課程之前，應(yīng)該學(xué)習(xí)與“信息架構(gòu)”有關(guān)的課程、以及與“體驗(yàn)”相關(guān)的課程。然后把UI課程拆成諾干個(gè)小課程，比如“數(shù)碼圖標(biāo)、動(dòng)態(tài)效果”等，分布在大一、大二，待學(xué)生掌握了相關(guān)知識(shí)之后，再進(jìn)行總體的UI設(shè)計(jì)的課程，這樣才能保證學(xué)生學(xué)到有質(zhì)量的內(nèi)容。

關(guān)于課程的設(shè)置，最重要的還是要有一個(gè)系統(tǒng)性的思考方式，不能盲目跟風(fēng)、趕鴨子上架，否則會(huì)導(dǎo)致不良后果[4]。

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

前幾年互聯(lián)網(wǎng)市場(chǎng)的巨大需求及紙媒的衰落，不少平面設(shè)計(jì)師轉(zhuǎn)戰(zhàn)UI設(shè)計(jì)領(lǐng)域，獲得了不少的經(jīng)濟(jì)回報(bào)。但在2017年開(kāi)始，市場(chǎng)上的UI設(shè)計(jì)崗位開(kāi)始面臨飽和的狀態(tài)，不少互聯(lián)網(wǎng)巨頭開(kāi)始停止招聘單獨(dú)的UI設(shè)計(jì)師，轉(zhuǎn)而要求設(shè)計(jì)師能具備更全面的能力。所以當(dāng)一個(gè)市場(chǎng)風(fēng)口來(lái)臨的時(shí)候，作為高校相關(guān)專(zhuān)業(yè)的老師要有理性的分析能力。