交互式多媒體在藝術(shù)設(shè)計專業(yè)中的實(shí)際應(yīng)用

金寶良

（金陵科技學(xué)院藝術(shù)學(xué)院，江蘇 南京 211169）

交互式多媒體可以依托各種信息技術(shù)手段而呈現(xiàn)出豐富的媒體表現(xiàn)形式，產(chǎn)生眾多新奇的效果，在現(xiàn)今人口流動性大、生活節(jié)奏快的社會中，在提高信息的傳達(dá)率和記憶度上有著舉足輕重的作用。

早在20世紀(jì)藝術(shù)家就開始探索如何將藝術(shù)與科技相結(jié)合。隨著計算機(jī)的誕生和網(wǎng)絡(luò)的興起，許多電子科技成果成為藝術(shù)表現(xiàn)的載體，藝術(shù)與科技的關(guān)系變得越來越緊密。在以人為本的社會環(huán)境下，藝術(shù)設(shè)計發(fā)生了翻天覆地的變化，受眾的感受變得更為重要，設(shè)計者要讓用戶在使用、欣賞作品的同時得到美感享受，從而增強(qiáng)用戶對作品的理解。通過人與界面、界面與機(jī)器的互動達(dá)到人性化的人機(jī)互動，這必將成為交互設(shè)計的發(fā)展方向。

良好的交互性是我們判斷交互式多媒體系統(tǒng)或作品質(zhì)量的標(biāo)準(zhǔn)，人性化的交互可以提供人們參與互動與創(chuàng)造的體驗(yàn)，滿足用戶對媒體信息的個性化需求。交互性是多媒體作品的根本，是多媒體眾多特征中的基本特征，是作品與用戶溝通的橋梁，是多媒體設(shè)計的重要組成部分。通過交互設(shè)計使產(chǎn)品與受眾之間建立一種互動關(guān)系，它將使多媒體在使用中更加人性化、更具趣味性，讓用戶能夠切身體驗(yàn)到其中的樂趣，并在輕松愉悅的狀態(tài)下理解和接受所需要的信息。因此，我們要求交互功能的設(shè)計應(yīng)符合用戶的使用習(xí)慣。在界面設(shè)計上，首先要關(guān)注人們習(xí)慣形成的特性，其次要使用戶能夠習(xí)慣并順利地進(jìn)行交互和使用。理想的人本界面將簡化用戶工作的界面部件，以利于形成習(xí)慣［1］。

整合是交互式多媒體的另一大特征，它包含了媒體形式的整合和硬件及軟件系統(tǒng)的集成。它將豐富的圖形、圖像、文字、動畫、音頻、視頻等數(shù)字媒體形式有機(jī)整合，實(shí)現(xiàn)統(tǒng)一存儲與組織、合成表現(xiàn)與傳達(dá)。

坐落于南京鐘山北麓的抗日航空烈士公墓內(nèi)有一塊航空烈士紀(jì)念碑，其上鐫刻著三千余名中國和援華的前蘇聯(lián)、美國、韓國等國航空烈士的英名（圖1）。2009年在抗日航空烈士公墓旁建立了抗日航空紀(jì)念館。金陵科技學(xué)院與抗日航空紀(jì)念館承建方合作，負(fù)責(zé)整個場館多媒體系統(tǒng)的設(shè)計制作。由指導(dǎo)教師和學(xué)生組成團(tuán)隊，結(jié)合2011年的畢業(yè)設(shè)計進(jìn)行實(shí)題實(shí)做。本文以此為例，分析交互式多媒體在藝術(shù)設(shè)計專業(yè)中的應(yīng)用。

圖1 烈士名錄

一、框架設(shè)計與人性化交互

針對設(shè)計制作要求，設(shè)計團(tuán)隊首先制定了具體的實(shí)施方案：進(jìn)行抗日航空紀(jì)念館現(xiàn)場調(diào)查及抗日航空烈士公墓烈士名錄的采集，查閱和收集抗日空戰(zhàn)歷史史料；制定總體框架規(guī)劃，完成相關(guān)交互流程及各交互界面的平面設(shè)計，確定交互方式；建立Extensible Markup Language讀寫數(shù)據(jù)庫，編寫Action命令；動畫制作，視頻剪輯處理等。

整個多媒體系統(tǒng)劃分為片頭影片和總導(dǎo)航頁、“八一四”空戰(zhàn)和互動游戲、主要空戰(zhàn)與城市淪陷、陣亡將士查詢系統(tǒng)、烈士名錄動畫展示等五個模塊（圖2）。

界面設(shè)計須以用戶或客戶為中心，雖然與用戶相關(guān)的需求多種多樣，但是用戶群體總有很多共同的心理屬性。在著手為用戶提供個性化服務(wù)前，設(shè)計者應(yīng)該研究使用對象的基本需求和功能期望，以便確定設(shè)計的基本框架。在此基礎(chǔ)上，設(shè)計者進(jìn)而為個體和群組提供不同的服務(wù)，從而最終滿足不同任務(wù)的不同需求［1］。

片頭影片和總導(dǎo)航頁采取可往返交互形式，便于隨時切換進(jìn)行多次觀看。以總導(dǎo)航頁為中心，分別與“八一四”空戰(zhàn)及互動游戲、主要空戰(zhàn)與城市淪陷、陣亡將士查詢系統(tǒng)、烈士名錄四個模塊建立往返交互形式，突出無被動性順序的人性化交互設(shè)計理念?！鞍艘凰摹笨諔?zhàn)及互動游戲、主要空戰(zhàn)與城市淪陷、烈士名錄三個模塊分別采取可隨時往返交互形式，突出人機(jī)交互中人的主動性和可控性。陣亡將士查詢系統(tǒng)采用Extensible Markup Language數(shù)據(jù)作為后臺支撐，支持精確和模糊查詢，突出靈活的智能化特性。

二、界面設(shè)計的藝術(shù)性、連續(xù)性與主題的體現(xiàn)

就如思想和文化的表達(dá)常常要通過藝術(shù)的手法來集中呈現(xiàn)繼而滿足人們對精神文化的需求一樣，多媒體信息的表示和交互越來越強(qiáng)調(diào)藝術(shù)化。因此，交互式多媒體的設(shè)計除了信息表達(dá)的藝術(shù)化之外，信息交互的藝術(shù)化也是重要的設(shè)計內(nèi)容。

優(yōu)秀的交互式多媒體作品在藝術(shù)特質(zhì)和審美價值上也應(yīng)具有特定的要求。由于交互式多媒體的設(shè)計必定是按照藝術(shù)美和技術(shù)美的原則進(jìn)行的，因此交互式多媒體的設(shè)計也應(yīng)屬于藝術(shù)設(shè)計的范疇。基于此，在抗日航空多媒體的界面設(shè)計上力求厚重，穩(wěn)健的色調(diào)和畫面歷史感的處理意在突出戰(zhàn)爭和歷史的印跡。視覺上，界面設(shè)計與視頻、圖像等史料在風(fēng)格上形成高度統(tǒng)一；頁面上，文字、圖標(biāo)、圖形等元素在布局與設(shè)計上避免華而不實(shí)，突出簡潔與穩(wěn)重。

圖2 多媒體模塊及交互示意

（一）片頭影片和總導(dǎo)航頁

本交互多媒體的片頭影片以六宮格劃分的大屏形式，配以激昂悲壯的背景音樂震撼開篇，以畫中畫的方式增加影片的信息量。集“八一四”空戰(zhàn)、飛虎英雄、駝峰空運(yùn)以及畫中畫的南京、武漢、重慶、廣州、蘭州等眾多主要城市戰(zhàn)事的視頻元素，營造出氣勢宏大的戰(zhàn)爭氛圍，緊緊抓住了觀看者的注意力（圖3）。右下方的交互按鈕提示操作者隨時可切換至主導(dǎo)航頁。

圖3 片頭影片

作為交互樞紐的總導(dǎo)航頁，其提供了“八一四”空戰(zhàn)和互動游戲、主要空戰(zhàn)與城市淪陷、陣亡將士查詢系統(tǒng)、烈士名錄四個交互鏈接，并各自輔以簡要文字進(jìn)行概述，同時做到交互的一致性，即在設(shè)計界面時設(shè)計為相似的操作，并且為相似的任務(wù)設(shè)計相似的元素。一致化的界面也就是遵循規(guī)則的界面，如使用同一個操作來選取對象［2］。導(dǎo)航頁面在平面設(shè)計上嵌入了空戰(zhàn)場景的影片動畫，烘托氣氛的同時亦加強(qiáng)了畫面動感，使平面設(shè)計與多媒體動畫較好地結(jié)合起來（圖4）。

圖4 總導(dǎo)航頁

（二）“八一四”空戰(zhàn)和空戰(zhàn)互動游戲

“八一四”空戰(zhàn)又稱“筧橋空戰(zhàn)”。1937年8月14日即淞滬會戰(zhàn)爆發(fā)后的第二天，日軍鹿屋航空隊18架九六式重型轟炸機(jī)于14時50分由臺北起飛，轟炸大陸沿海機(jī)場，其中9架飛臨杭州筧橋機(jī)場上空。中國空軍第四大隊在大隊長高志航率領(lǐng)下，駕駛霍克III戰(zhàn)斗機(jī)騰空迎戰(zhàn)，展開攻擊。經(jīng)過短暫的空戰(zhàn)，中國空軍擊落日機(jī)三架，擊傷一架，而第四大隊僅有一架戰(zhàn)機(jī)輕傷。在“八一四”空戰(zhàn)中，中國空軍創(chuàng)造了抗戰(zhàn)以來首次空戰(zhàn)即獲全勝的輝煌戰(zhàn)績。

鑒于“八一四”空戰(zhàn)在中國空軍抗戰(zhàn)史中的標(biāo)志性地位，我們在設(shè)計結(jié)構(gòu)中將歷史視頻資料組合剪輯成獨(dú)立的影片予以特別強(qiáng)調(diào)和重點(diǎn)介紹（圖5），并于此模塊中加入簡單的空戰(zhàn)互動游戲以加深印象和記憶（圖6）。

圖5 “八一四”空戰(zhàn)

圖6 “八一四”空戰(zhàn)互動游戲

（三）主要空戰(zhàn)與城市淪陷

此模塊配合電子沙盤模型展示和介紹了日本發(fā)動全面侵華戰(zhàn)爭后發(fā)生的重要空戰(zhàn)及戰(zhàn)事以及各主要城市的淪陷時間。界面上以戰(zhàn)時地圖為基礎(chǔ)，以空戰(zhàn)或戰(zhàn)事發(fā)生地點(diǎn)為交互熱區(qū)，相應(yīng)的鏈接界面為二戰(zhàn)時期的電視機(jī)中播放的相應(yīng)事件視頻。此模塊共收集整理和編輯了十三個主要戰(zhàn)事視頻，配以音樂、解說或字幕，較翔實(shí)而生動地再現(xiàn)了歷史（圖7、圖8）。內(nèi)容豐富、脈絡(luò)清晰的可視化面貌是這一模塊的顯著特點(diǎn)。

（四）陣亡將士查詢系統(tǒng)與烈士名錄

圖7 電子沙盤

圖8 戰(zhàn)事視頻

陣亡將士查詢系統(tǒng)模塊沿襲總體的界面設(shè)計風(fēng)格，支持中文、英文、俄文的精確和模糊查詢，三千多條詳盡而全面的烈士名錄和簡要事跡以XML后臺數(shù)據(jù)的形式建立，背景音樂使用莫扎特的《安魂曲》，較貼切地表達(dá)出對烈士的緬懷與祭奠，激勵人們牢記歷史、緬懷先烈、珍愛和平（圖9）。

圖9 陣亡將士查詢系統(tǒng)

烈士名錄以動畫的形式循環(huán)出現(xiàn)，配以二戰(zhàn)時期由蘇聯(lián)詩人瓦·列別杰夫·庫馬契作詞、亞歷山大·瓦西里耶維奇·亞歷山德羅夫作曲的《神圣的戰(zhàn)爭》為背景音樂。通過交互可分別顯示中國、前蘇聯(lián)、美國、韓國總計三千余名烈士的有關(guān)動畫。整體畫面氣勢磅礴，具有強(qiáng)烈的沖擊力和感染力（圖10）。

圖10 烈士名錄

三、結(jié)論與啟示

此次畢業(yè)設(shè)計課題在深入調(diào)查研究的基礎(chǔ)上，根據(jù)抗日航空紀(jì)念館的總體設(shè)計定位及該多媒體系統(tǒng)的框架設(shè)計要求，采用多媒體設(shè)計理念，以平面設(shè)計、人性化人機(jī)交互設(shè)計、影視動畫、藝術(shù)設(shè)計學(xué)等多學(xué)科原理為指導(dǎo)，合理安排界面的空間布局與交互流程，將圖像、視頻、動畫、音效與音樂等多種媒體集合成豐富的多媒體平臺，多角度地展示了抗日戰(zhàn)爭時期發(fā)生在中國的多國航空英豪協(xié)同抗擊日本法西斯的英勇壯舉。

設(shè)計團(tuán)隊在實(shí)際設(shè)計制作過程中，解決了過去課堂教學(xué)中不曾涉及的許多難題，例如：AS2.0和AS3.0的不同寫法的問題，基于XML數(shù)據(jù)與FLASH結(jié)合的問題以及動畫制作問題等。這些均是廣告設(shè)計專業(yè)學(xué)生較陌生的領(lǐng)域，在教師的指導(dǎo)和技術(shù)支持下，課題組成員分工負(fù)責(zé)、各盡其職、協(xié)調(diào)合作，在學(xué)習(xí)、摸索和實(shí)踐中，基本達(dá)到了預(yù)期的設(shè)計目標(biāo)，并在“2011江蘇省普通高校本科優(yōu)秀畢業(yè)設(shè)計（論文）評優(yōu)”中獲“優(yōu)秀團(tuán)隊”榮譽(yù)。

課題組成員在此次畢業(yè)設(shè)計課題實(shí)踐中，掌握了一定跨專業(yè)領(lǐng)域的實(shí)際應(yīng)用能力，整體設(shè)計水平得到了提升，進(jìn)一步鍛煉了多媒體項(xiàng)目的整體規(guī)劃和設(shè)計制作能力，在細(xì)節(jié)設(shè)計中，對如何突出文化內(nèi)涵、突出主題和如何實(shí)現(xiàn)形式為內(nèi)容服務(wù)等方面均有了深入的認(rèn)識。在畢業(yè)設(shè)計過程中，我們認(rèn)識到相鄰專業(yè)知識學(xué)習(xí)的必要性，作為藝術(shù)設(shè)計專業(yè)的學(xué)生，較高的審美素質(zhì)和扎實(shí)的平面設(shè)計能力是其必備的專業(yè)素質(zhì)，而對影視編輯、音樂剪輯、動畫制作等橫向知識的拓展研習(xí)，是其成為一個綜合全面的藝術(shù)設(shè)計人員的必要條件。

通過這一交互多媒體畢業(yè)設(shè)計課題的實(shí)踐，設(shè)計團(tuán)隊較充分地認(rèn)識了交互多媒體的功能特性及特征，領(lǐng)略了其在應(yīng)用中的魅力。交互多媒體在與實(shí)際課題的結(jié)合中所表現(xiàn)出來的優(yōu)越性及準(zhǔn)確性，表達(dá)方式的多樣性及新奇性，給觀者或使用者帶來了視覺和人性化交互的良好體驗(yàn)。隨著社會信息化程度的不斷提高，交互式多媒體的應(yīng)用將越來越廣泛，尤其是與生活密切聯(lián)系的各種應(yīng)用將層出不窮，應(yīng)用的終端環(huán)境也將不斷豐富。而這種多元的表示語言與敘述方式，必將引領(lǐng)設(shè)計理念和文化的潮流，拓展交互式多媒體技術(shù)在未來的發(fā)展趨勢上的廣闊前景［3］。

［1］拉斯基.人本界面交互式系統(tǒng)設(shè)計［M］.史元春，譯.北京：機(jī)械工業(yè)出版社，2011：8-14

［2］Jennifer Preece，Yvonne Rogers，Helen Sharp.交互設(shè)計——超越人機(jī)交互［M］.劉曉暉，張景著，譯.北京：電子工業(yè)出版社，2003：17

［3］曹燕.多媒體技術(shù)實(shí)訓(xùn)教程［M］.北京：機(jī)械工業(yè)出版社，2007：135