劉夢(mèng)雅

摘 要：數(shù)字媒體藝術(shù)專業(yè)為新媒體時(shí)代，具有前沿性、綜合性的發(fā)展專業(yè)，隸屬設(shè)計(jì)學(xué)、計(jì)算機(jī)科學(xué)與技術(shù)、戲劇與影視學(xué)等交叉學(xué)科，是藝術(shù)、技術(shù)與文化形態(tài)的綜合體現(xiàn)。本文以數(shù)字媒體藝術(shù)專業(yè)為著眼點(diǎn)，著重進(jìn)行筆者所擔(dān)任的該專業(yè)主干課程《交互界面設(shè)計(jì)》課程的設(shè)計(jì)研究與特點(diǎn)探析，以更好地推動(dòng)數(shù)字媒體藝術(shù)專業(yè)下該主干課程的發(fā)展與厘革。

關(guān)鍵詞：數(shù)字媒體藝術(shù) 交互界面發(fā)展 交互界面課程設(shè)計(jì)

一、20世紀(jì)80年代后的人機(jī)交互與界面設(shè)計(jì)

20世紀(jì)80年代后，隨著人機(jī)交互（Human—Computer

Interaction，簡(jiǎn)稱HCI）技術(shù)與理念的延伸而發(fā)展。人機(jī)交互主要便指，以用戶與系統(tǒng)作為交互對(duì)象，進(jìn)行的一項(xiàng)研究。人機(jī)交互從架構(gòu)層次劃分，包含人機(jī)交互技術(shù)、人機(jī)界面和用戶體驗(yàn)設(shè)計(jì)三個(gè)部分，而在這其中，用戶便是通過交互界面達(dá)到與系統(tǒng)的溝通和連接?！敖换ソ缑妗奔瓤梢允菍?shí)體的設(shè)備，如人們熟知的鼠標(biāo)、鍵盤、遙控器等，也可以專指計(jì)算機(jī)系統(tǒng)。在數(shù)字媒體藝術(shù)專業(yè)下，“人機(jī)交互界面”設(shè)計(jì)課程主要講授兩大部分，一是計(jì)算機(jī)系統(tǒng)內(nèi)各類平臺(tái)，如移動(dòng)互聯(lián)網(wǎng)平臺(tái)、網(wǎng)頁(yè)平臺(tái)等各類產(chǎn)品交互界面設(shè)計(jì)的普遍規(guī)律。同時(shí)，隨著人機(jī)交互的智能化發(fā)展，頭戴顯示交互、語(yǔ)音交互、手勢(shì)識(shí)別交互等更多的體驗(yàn)型交互也將成為用戶的交互常態(tài)存在，并快速發(fā)展。本課程第二部分便是進(jìn)行虛擬現(xiàn)實(shí)類作品交互界面的講授，以讓學(xué)生進(jìn)一步了解和掌握交互界面設(shè)計(jì)的前沿形態(tài)與方法。

二、交互界面的發(fā)展階段

1.交互界面定義

在百度百科中，將交互界面¹定義為“人和計(jì)算機(jī)進(jìn)行信息交換的通道，用戶通過交互界面向計(jì)算機(jī)輸入信息、進(jìn)行操作，計(jì)算機(jī)則通過交互界面向用戶提供信息，以供閱讀、分析和判斷”。 在進(jìn)行“交互界面設(shè)計(jì)”課程的框架范圍設(shè)計(jì)時(shí)，主要指約翰·馮·諾依曼²發(fā)明計(jì)算機(jī)以來，在數(shù)字媒體藝術(shù)專業(yè)的范疇下，隨著數(shù)字技術(shù)與設(shè)計(jì)藝術(shù)的不斷發(fā)展，以計(jì)算機(jī)設(shè)備為基本呈現(xiàn)載體或者運(yùn)算基礎(chǔ)的不同類型作品的數(shù)字交互界面設(shè)計(jì)。

2.交互界面的發(fā)展階段

在進(jìn)行“交互界面設(shè)計(jì)”的課程設(shè)計(jì)時(shí)，首先要對(duì)交互界面的

發(fā)展階段進(jìn)行探析，從而更明確地厘清產(chǎn)品或者作品界面與作品本身，包括與受眾對(duì)象之間的關(guān)系。以計(jì)算機(jī)系統(tǒng)下的交互界面作為著眼點(diǎn)，交互界面的發(fā)展階段大體可以分為三個(gè)階段。

第一階段為命令語(yǔ)言交互界面階段。磁盤操作系統(tǒng)，簡(jiǎn)稱為DOS（Disk Operation System系統(tǒng)，在20世紀(jì)80年代初期至90年代中期近15年的時(shí)間中，此盤操作系統(tǒng)在臺(tái)式計(jì)算機(jī)市場(chǎng)中占有重要地位。通過語(yǔ)言操作展示界面，使得用戶進(jìn)行交互操作，是DOS系統(tǒng)的一項(xiàng)重要功能。在近15年間中，DOS系統(tǒng)被譽(yù)為架起用戶與機(jī)器之間的橋梁，其通過進(jìn)行磁盤各項(xiàng)工作的管理，并通過命令語(yǔ)言呈現(xiàn)出以黑白文字為主的界面，成為用戶與計(jì)算機(jī)設(shè)備進(jìn)行交互的中樞。是在計(jì)算機(jī)設(shè)備廣泛發(fā)展之初，最為普及的用戶界面之一。

第二階段為圖形用戶界面，也是本門課程最為的講授主體。圖形用戶界面（Graphical User Interface），簡(jiǎn)稱GUI，主要指以圖形方式顯示的用戶界面。其主要為用戶與計(jì)算機(jī)的中間顯示界面，用戶通過鼠標(biāo)、鍵盤等最為常見的操作方式以進(jìn)行相關(guān)輸入，達(dá)到自身與設(shè)備之間的勾連。圖形用戶界面更為直觀，便于用戶操作，同時(shí)也是由于圖形用戶界面的發(fā)展，使得用戶界面與設(shè)計(jì)學(xué)科進(jìn)行了更多的結(jié)合，包括其不斷分支出的圖形用戶界面類型與用戶界面產(chǎn)品，更在視覺方面展現(xiàn)了其特有優(yōu)勢(shì)。

同時(shí)，隨時(shí)交互設(shè)計(jì)思維與交互技術(shù)的不斷發(fā)展，交互界面的

方式不僅僅限于文字，音頻、視頻、動(dòng)畫和影像等多種交互方式應(yīng)運(yùn)而生，給予用戶提供了更為豐富的交互可能。當(dāng)用戶在使用移動(dòng)端設(shè)備時(shí)，可能有最初的點(diǎn)擊、選擇文字，發(fā)展為通過音頻的形式率先實(shí)現(xiàn)交互，更為擴(kuò)大了用戶的信息獲取渠道，使得用戶的交互形式更為充分。

第三階段為多智能交互界面。隨著計(jì)算機(jī)技術(shù)特別是虛擬現(xiàn)實(shí)

技術(shù)的不斷發(fā)展，硬件設(shè)備的快速更迭，以及交互界面形式的不斷豐富。以手勢(shì)識(shí)別、語(yǔ)音識(shí)別、人腦識(shí)別等更為智能化、更為個(gè)性化的交互界面出現(xiàn)，并快速發(fā)展。用戶可以在更為自然的虛擬環(huán)境中，進(jìn)行更為人性化的主動(dòng)交互，對(duì)于交互界面的發(fā)展起到了重要的推動(dòng)作用，也是當(dāng)前和未來數(shù)字交互界面的發(fā)展趨勢(shì)。當(dāng)前，智能交互設(shè)備發(fā)展快速，種類繁多，在本文中便不一一列舉。

三、《交互界面課程》的模塊化設(shè)計(jì)

筆者在進(jìn)行《交互界面課程》的設(shè)計(jì)時(shí)，依托于數(shù)字媒體藝術(shù)的專業(yè)范疇，針對(duì)數(shù)字媒體藝術(shù)專業(yè)二年級(jí)學(xué)生，從數(shù)字交互界面的基本概念、設(shè)計(jì)體系、設(shè)計(jì)方法和實(shí)踐應(yīng)用出發(fā)，通過數(shù)字交互界面設(shè)計(jì)的模塊劃分、實(shí)現(xiàn)路徑、圖標(biāo)設(shè)計(jì)以及交互產(chǎn)品實(shí)操的講授，以讓學(xué)生掌握交互界面設(shè)計(jì)的普遍制作規(guī)律，具備進(jìn)行不同平臺(tái)的原型架構(gòu)能力和視覺設(shè)計(jì)能力，具備基本完整的交互界面設(shè)計(jì)能力。

1.信息調(diào)研與用戶模型的確立

艾倫·庫(kù)伯曾談到“交互界面設(shè)計(jì)不僅僅需要關(guān)注設(shè)計(jì)的形態(tài)，更需要關(guān)注設(shè)計(jì)的行為”3。基于交互界面設(shè)計(jì)的交互設(shè)計(jì)流程，首先為信息調(diào)研。即以產(chǎn)品為核心，通過討論法、調(diào)研法、焦點(diǎn)小組、頭腦風(fēng)暴法、故事繪畫方法等等，進(jìn)行用戶和產(chǎn)品的相關(guān)信息采集，將定性和定量研究相結(jié)合，特別是對(duì)于核心用戶的研究。既包括對(duì)于用戶的產(chǎn)品情感、產(chǎn)品使用行為、產(chǎn)品應(yīng)用態(tài)度等相關(guān)定性的分析。也包括對(duì)于產(chǎn)品整體周期性的定量、定性分析。同時(shí)在信息調(diào)研中加入競(jìng)品分析，尋到具有代表性的產(chǎn)品，并對(duì)比之間的優(yōu)勢(shì)、劣勢(shì)，從而找到產(chǎn)品的突破口，最終確定并制作出用戶模型

2.低保真原型架構(gòu)與可視化原型框架圖的確立

在信息調(diào)研形成了初步方案之后，開始進(jìn)行產(chǎn)品的原型架構(gòu)。產(chǎn)品的原型架構(gòu)一般分為低保真原型和高保真原型。原型在產(chǎn)品設(shè)計(jì)中，主要指產(chǎn)品脈絡(luò)的可視化框架架構(gòu)。通過原型的架構(gòu)，可以在產(chǎn)品架構(gòu)之初，便通過較為準(zhǔn)群，并可視化的原型設(shè)計(jì)進(jìn)行確認(rèn)，不僅僅為后續(xù)的交互開發(fā)、視覺設(shè)計(jì)建立了夯實(shí)基礎(chǔ)，更可以有效地提升產(chǎn)品各個(gè)環(huán)節(jié)的溝通和信息傳遞效率。低保真原型是將架構(gòu)草圖、架構(gòu)線路圖規(guī)范化的架構(gòu)效果圖。

3.高保真原型交互方案的制作

而高保真原型是在低保真原型的基礎(chǔ)之上，通過AXURE等軟件加入產(chǎn)品最終的交互效果。高保真原型設(shè)計(jì)可謂已是產(chǎn)品的DEMO展現(xiàn)，所有的交互效果都應(yīng)基本在高保真原型交互制作時(shí)得以展現(xiàn)，以形成產(chǎn)品的可視化、可交互樣本，是產(chǎn)品最終能否為用戶滿意的直接體現(xiàn)與保證，也使得后續(xù)開發(fā)和設(shè)計(jì)更為準(zhǔn)確和易懂。

4.可視化界面方案的制作

當(dāng)?shù)捅Ｕ?、高保真原相繼確認(rèn)之后，從交互界面設(shè)計(jì)，即UI（User Interface）設(shè)計(jì)師的角度出發(fā)，便進(jìn)入到了產(chǎn)品的可視化設(shè)計(jì)流程之中。通過風(fēng)格類型的確立，開始進(jìn)行各類別界面的具體美術(shù)風(fēng)格制作，以及圖標(biāo)的規(guī)范化設(shè)計(jì)等，最終使得界面以設(shè)計(jì)者和用戶均認(rèn)可的審美標(biāo)準(zhǔn)進(jìn)行呈現(xiàn)。

同時(shí)，在界面的可視化風(fēng)格確立與具體制作時(shí)，圖標(biāo)設(shè)計(jì)工作也要同時(shí)開展。圖標(biāo)作為連接用戶與界面的交互橋梁，對(duì)于用戶和設(shè)計(jì)者來說都有著極為重要的作用，用戶通過圖標(biāo)進(jìn)行具體界面層級(jí)的交互。圖標(biāo)設(shè)計(jì)有著相對(duì)嚴(yán)謹(jǐn)?shù)闹谱饕?guī)律，在其規(guī)律范圍內(nèi)，需要設(shè)計(jì)師根據(jù)產(chǎn)品的用戶模型、低保真框架、高保真交互和具體的美術(shù)風(fēng)格進(jìn)行圖標(biāo)的視覺化設(shè)計(jì)，以在突出交互效果的同時(shí)，更好地與產(chǎn)品的美術(shù)風(fēng)格相統(tǒng)一。

5.評(píng)估與優(yōu)化

最終，通過以上步驟，形成產(chǎn)品的完整雛形，經(jīng)過評(píng)估進(jìn)一步對(duì)其質(zhì)量進(jìn)行把控和改進(jìn)，也是促進(jìn)產(chǎn)品作品不斷進(jìn)行更迭和優(yōu)化的重要保障。

6.虛擬現(xiàn)實(shí)作品的交互界面設(shè)計(jì)

同時(shí)，本課程針對(duì)當(dāng)前數(shù)字媒體藝術(shù)專業(yè)下，虛擬現(xiàn)實(shí)類別的作品創(chuàng)作趨勢(shì)，進(jìn)行虛擬現(xiàn)實(shí)作品界面設(shè)計(jì)特點(diǎn)、界面設(shè)計(jì)趨勢(shì)、界面設(shè)計(jì)原則的講授。在該類作品的交互界面設(shè)計(jì)時(shí)，需要遵照虛擬現(xiàn)實(shí)空間搭建、影像呈現(xiàn)與用戶交互體驗(yàn)的設(shè)計(jì)邏輯進(jìn)行設(shè)計(jì)。并進(jìn)一步詳述創(chuàng)作空間與用戶的關(guān)系、空間與界面的關(guān)系，以帶領(lǐng)學(xué)生進(jìn)行虛擬現(xiàn)實(shí)界面設(shè)計(jì)流程和呈現(xiàn)形式的設(shè)計(jì)與創(chuàng)作，以讓學(xué)生切實(shí)掌握虛擬現(xiàn)實(shí)類作品的創(chuàng)作方法，進(jìn)一步其提升交互設(shè)計(jì)思維與交互設(shè)計(jì)能力。（圖為某學(xué)生本課程的虛擬現(xiàn)實(shí)類作品部分交互界面效果圖）