交互界面設(shè)計(jì)專業(yè)主干課程研究

劉海州+段盛華

摘要：通過(guò)對(duì)目前高校交互界面設(shè)計(jì)專業(yè)的課程設(shè)置進(jìn)行調(diào)查，筆者發(fā)現(xiàn)存在課程理論化、實(shí)踐膚淺化等各式各樣的問(wèn)題。本文主要以2016浙江省高等學(xué)校訪問(wèn)工程師赴浙江宇視科技有限公司UCD設(shè)計(jì)中心研修的成果為依據(jù)，并結(jié)合交互設(shè)計(jì)行業(yè)的具體實(shí)踐，設(shè)置專業(yè)主干課程，從而促進(jìn)高校交互界面設(shè)計(jì)專業(yè)教學(xué)的進(jìn)步。

關(guān)鍵詞：交互界面設(shè)計(jì)；主干課程；專業(yè)能力

本文以2016浙江省高等學(xué)校訪問(wèn)工程師赴浙江宇視科技有限公司UCD設(shè)計(jì)中心研修的成果為依據(jù)，結(jié)合交互設(shè)計(jì)行業(yè)領(lǐng)域具體實(shí)踐設(shè)置課程，目的是培養(yǎng)學(xué)生用戶研究策略、交互界面設(shè)計(jì)、交互設(shè)計(jì)等方面專業(yè)知識(shí)，最終達(dá)到其在企事業(yè)單位從事UI設(shè)計(jì)、交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)的基本能力和素質(zhì)。主干課程主要有美術(shù)修養(yǎng)、平面基礎(chǔ)、用戶研究策略、設(shè)計(jì)工具、設(shè)計(jì)規(guī)范、交互界面設(shè)計(jì)、信息交互設(shè)計(jì)等。

一、美術(shù)修養(yǎng)

相比插畫(huà)設(shè)計(jì)、動(dòng)漫設(shè)計(jì)、室內(nèi)設(shè)計(jì)、服裝設(shè)計(jì)、平面設(shè)計(jì)等其他藝術(shù)設(shè)計(jì)門(mén)類，交互界面設(shè)計(jì)對(duì)手繪的要求相對(duì)較低，能達(dá)到基本的繪制ICON草圖和交互原型底稿即可。培養(yǎng)學(xué)生交互界面設(shè)計(jì)的美術(shù)修養(yǎng)，一般從色彩、素描和速寫(xiě)三個(gè)方面入手，使學(xué)生可以更仔細(xì)地觀察產(chǎn)品，理解物體的明暗關(guān)系、透視結(jié)構(gòu)等，其中，又以培養(yǎng)精良的速寫(xiě)能力最為重要。良好的手繪基礎(chǔ)和色彩表達(dá)能力，可為交互界面設(shè)計(jì)增添隱形的翅膀。

二、平面基礎(chǔ)

交互界面設(shè)計(jì)是在遵循其設(shè)計(jì)規(guī)范的基礎(chǔ)上對(duì)界面進(jìn)行的視覺(jué)創(chuàng)造，是對(duì)平面設(shè)計(jì)點(diǎn)線面的有機(jī)整合。平面基礎(chǔ)主要包括布局設(shè)計(jì)、字體設(shè)計(jì)和圖標(biāo)設(shè)計(jì)三個(gè)方面，主要培養(yǎng)學(xué)生良好的視覺(jué)表現(xiàn)能力、審美能力和頁(yè)面設(shè)計(jì)創(chuàng)意能力等；不管是色彩搭配、風(fēng)格定制和結(jié)構(gòu)布局，還是字體編排和圖標(biāo)繪制等都要達(dá)到運(yùn)用自如的程度。所以很多優(yōu)秀的平面設(shè)計(jì)師都能成功地轉(zhuǎn)型為交互界面設(shè)計(jì)師。

三、用戶研究策略

用戶體驗(yàn)是用戶在產(chǎn)品使用過(guò)程中產(chǎn)生的主觀感受，是評(píng)定產(chǎn)品設(shè)計(jì)優(yōu)良的試金石。本課程主要目的是通過(guò)對(duì)用戶行為和企業(yè)商業(yè)目的的研究，將企業(yè)的商業(yè)模式、服務(wù)方式、策略重點(diǎn)、盈利模式融入良好的用戶體驗(yàn)之中。用戶研究是用戶在使用產(chǎn)品或系統(tǒng)之前、使用期間和使用之后的全部感受，包括情感、信仰、喜好、認(rèn)知印象、行為的研究與分析。學(xué)生通過(guò)本課程的學(xué)習(xí)，可了解如何通過(guò)交互設(shè)計(jì)手段引導(dǎo)用戶使用產(chǎn)品，改善用戶體驗(yàn)。交互界面視覺(jué)美感和設(shè)計(jì)風(fēng)格的確定很大程度上也是依賴于用戶研究的結(jié)果。為了提高學(xué)生的用戶研究能力，可多組織學(xué)生參加各種用戶體驗(yàn)設(shè)計(jì)大賽，以賽代練、以賽促學(xué)，迅速提高學(xué)生的研究能力和實(shí)踐水平。

四、設(shè)計(jì)工具

“工欲善其事，必先利其器”。僅有好的想法并不能做出優(yōu)秀的設(shè)計(jì)方案，只有結(jié)合高超的軟件技藝，才能將想法付諸實(shí)踐。雖然無(wú)須精通各種相關(guān)軟件，但基礎(chǔ)的軟件操作仍需掌握，如Photoshop、Illustrator、Sketch、Axure RP、After Effects、Ps Play、Mark Man、Cutter Man等常用軟件。只有完美的創(chuàng)意和高超的軟件能力相結(jié)合，才能設(shè)計(jì)出優(yōu)秀的作品，給出最佳的用戶體驗(yàn)。

五、設(shè)計(jì)規(guī)范

IOS和Andriod都擁有自己獨(dú)特的設(shè)計(jì)規(guī)范，從界面尺寸到圖標(biāo)尺寸、從系統(tǒng)字體到交互界面控件、從切片輸出到標(biāo)注適配、從手勢(shì)交互到界面動(dòng)效等。學(xué)生只有熟練掌握這些知識(shí)，才能做出符合規(guī)范的交互界面產(chǎn)品設(shè)計(jì)。鑒于移動(dòng)端界面設(shè)計(jì)的復(fù)雜性，本門(mén)課程主要以IOS和Andriod平臺(tái)規(guī)范為主要內(nèi)容，并結(jié)合人機(jī)端界面設(shè)計(jì)規(guī)范、Web端界面設(shè)計(jì)規(guī)范進(jìn)行授課，培養(yǎng)學(xué)生完整的交互界面設(shè)計(jì)規(guī)范知識(shí)。

六、交互界面設(shè)計(jì)

本課程主要學(xué)習(xí)移動(dòng)產(chǎn)品界面設(shè)計(jì)、人機(jī)界面設(shè)計(jì)和Web端界面設(shè)計(jì)。課程主要講授交互界面設(shè)計(jì)過(guò)程中要遵循的原則，以及如何根據(jù)不同的用戶風(fēng)格進(jìn)行設(shè)計(jì)實(shí)踐。課程的主要內(nèi)容有：交互界面設(shè)計(jì)歷史及發(fā)展、交互界面設(shè)計(jì)的元素、交互界面設(shè)計(jì)的方法和原則；文本界面、圖形界面和Web界面的設(shè)計(jì)與開(kāi)發(fā)；移動(dòng)產(chǎn)品界面設(shè)計(jì)、人機(jī)界面設(shè)計(jì)、Web端界面設(shè)計(jì)的實(shí)踐演練，等等。

七、信息交互設(shè)計(jì)

一名優(yōu)秀的交互界面設(shè)計(jì)師必然也是一名優(yōu)秀的交互設(shè)計(jì)師，交互界面設(shè)計(jì)與交互設(shè)計(jì)是密不可分的。交互的核心在于從復(fù)雜的事物中梳理出簡(jiǎn)單的關(guān)系，并把這個(gè)關(guān)系通過(guò)圖形界面呈現(xiàn)給用戶，交互界面設(shè)計(jì)師必須清晰了解整個(gè)界面流程，并根據(jù)交互邏輯進(jìn)行界面設(shè)計(jì)。另外，課程教學(xué)結(jié)合競(jìng)賽項(xiàng)目、虛擬項(xiàng)目或校企合作項(xiàng)目，能使學(xué)生了解、掌握交互設(shè)計(jì)“定性研究、確定人物角色、寫(xiě)問(wèn)題腳本、寫(xiě)動(dòng)作腳本、畫(huà)線框圖、制作原型、用戶評(píng)測(cè)”的完整流程，使學(xué)生明白科學(xué)合理的交互流程設(shè)計(jì)會(huì)讓用戶變得更有效率。

本文結(jié)合培養(yǎng)交互界面設(shè)計(jì)專業(yè)學(xué)生的專業(yè)知識(shí)和能力需求，通過(guò)對(duì)交互界面設(shè)計(jì)專業(yè)主干課程的設(shè)置進(jìn)行研究，希望可以給藝術(shù)設(shè)計(jì)專業(yè)人才培養(yǎng)模式的完善提供幫助，促進(jìn)高校交互界面設(shè)計(jì)專業(yè)教學(xué)的進(jìn)步，最終實(shí)現(xiàn)學(xué)生在界面設(shè)計(jì)、交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)等專業(yè)能力方面的提升。

參考文獻(xiàn)：

[1]田海.零基礎(chǔ)學(xué)UI[M].成都：電子科技大學(xué)出版社，2016.

[2]李洪海，石爽，李霞.交互界面設(shè)計(jì)[M].北京：化學(xué)工業(yè)出版社，2011.