金寶良

（金陵科技學院藝術學院，江蘇 南京 211169）

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

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

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

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

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

圖1 烈士名錄

一、框架設計與人性化交互

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

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

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

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

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

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

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

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

（一）片頭影片和總導航頁

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

圖3 片頭影片

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

圖4 總導航頁

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

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

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

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

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

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

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

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

圖7 電子沙盤

圖8 戰(zhàn)事視頻

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

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

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

圖10 烈士名錄

三、結論與啟示

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

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

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

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

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

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

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