高校UI設(shè)計課程的問題及應(yīng)對

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

0 引言

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

1 UI設(shè)計概述

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

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

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

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

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

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

2 具體問題

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

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

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

3 應(yīng)對策略

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

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

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

4 結(jié)束語

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