多媒體藝術(shù)編創(chuàng)第二章 多媒體交互設(shè)計(jì)

多媒體藝術(shù)編創(chuàng)第二章多媒體交互設(shè)計(jì)本章要點(diǎn)第一節(jié)多媒體交互第二節(jié)多媒體交互設(shè)計(jì)的內(nèi)容第三節(jié)多媒體作品交互形式設(shè)計(jì)原那么第一節(jié)多媒體交互多媒體作品的制作是一個(gè)系統(tǒng)構(gòu)建的工程，就像設(shè)計(jì)一座藍(lán)圖無(wú)比宏偉的大廈，假設(shè)是沒(méi)有管道工、泥瓦匠、水電工等各種工匠一磚一瓦地艱辛積累，密切協(xié)作，這座大樓只能是空中樓閣、海市蜃樓。然而任何事物的結(jié)構(gòu)都有支撐其存在的根底性元素，就像一間屋子，它的房梁和柱子是如何交叉，相互關(guān)系是否合理，決定著屋子的鞏固程度以及其它元素的相互配合。如果說(shuō)在一個(gè)多媒體作品中，內(nèi)容是整個(gè)節(jié)目的基石，界面設(shè)計(jì)是翻開用戶之門

，那么交互結(jié)構(gòu)的設(shè)計(jì)就是建立“人——機(jī)〞、“人——人〞溝通的橋梁。交互的世界.人與環(huán)境的交互人與人之間的交互.那么在日常生活中有多少交互式產(chǎn)品呢？？考慮一下在一天里我們可能遇到些什么——計(jì)算機(jī)、飯卡、自動(dòng)販賣機(jī)、選課系統(tǒng)、查分系統(tǒng)、圖書館查詢借閱系統(tǒng)、互聯(lián)網(wǎng)、打印機(jī)、網(wǎng)絡(luò)游戲、充值……再考慮一個(gè)問(wèn)題？這些交互式的產(chǎn)品的可用性如何，有多少易用、毫不費(fèi)力的？工商民生第一節(jié)多媒體交互第一節(jié)多媒體交互每一種出版媒體都在開展自己的習(xí)慣用法，并不斷改進(jìn)這些用法，形成新的習(xí)慣用法。多媒體作品也有很多習(xí)慣用法，這些習(xí)慣用法大局部是從紙質(zhì)出版物中延續(xù)過(guò)來(lái)的，但是新的習(xí)慣用法也在不斷地涌現(xiàn)。比方交互的時(shí)候，指針滑到超連接鍵上會(huì)改變成小手圖標(biāo)。比方在任何作品中看到圖標(biāo)我們就知道是播放圖標(biāo)是快進(jìn)圖標(biāo)是暫停圖標(biāo)是存儲(chǔ)圖標(biāo)是關(guān)閉在這些圖標(biāo)的旁邊就不必要加上相應(yīng)的文字作為說(shuō)明第一節(jié)多媒體交互多媒體作品?0.618的韻律?在每一級(jí)的界面上都用了Windows操作系統(tǒng)默認(rèn)的導(dǎo)航圖標(biāo)就沒(méi)有參加相關(guān)的文字說(shuō)明。第一節(jié)多媒體交互門戶網(wǎng)站雅虎，因?yàn)樗谌蚋鞯囟加型忄l(xiāng)網(wǎng)站，同時(shí)其品牌標(biāo)示也非常強(qiáng)。我們來(lái)看看Yahoo，YahooFrance和雅虎中國(guó)的首頁(yè),它們的區(qū)別就不是很大，各個(gè)分區(qū)清晰可辨，就算都是不認(rèn)識(shí)的文字也可大致明白每個(gè)分區(qū)的功能第一節(jié)多媒體交互送你一枚指南針你就不會(huì)迷路。交互設(shè)計(jì)的目的就是在設(shè)計(jì)過(guò)程中引入可用性。交互設(shè)計(jì)作為一門關(guān)注交互體驗(yàn)的新學(xué)科在二十世紀(jì)八十年代產(chǎn)生了，它由IDEO的一位創(chuàng)始人比爾?莫格里奇在1984年一次設(shè)計(jì)會(huì)議上提出，他一開始給它命名為SoftFace，后來(lái)把它更名為“InteractionDesign〞——交互設(shè)計(jì)。第一節(jié)多媒體交互第二節(jié)多媒體交互設(shè)計(jì)的內(nèi)容多媒體作品的制作是一個(gè)系統(tǒng)構(gòu)建的工程，就像設(shè)計(jì)一座藍(lán)圖無(wú)比宏偉的大廈，假設(shè)是沒(méi)有管道工、泥瓦匠、水電工等各種工匠一磚一瓦地艱辛積累，密切協(xié)作，這座大樓只能是空中樓閣、海市蜃樓。然而任何事物的結(jié)構(gòu)都有支撐其存在的根底性元素，就像一間屋子，它的房梁和柱子是如何交叉，相互關(guān)系是否合理，決定著屋子的鞏固程度以及其它元素的相互配合。如果說(shuō)在一個(gè)多媒體作品中，內(nèi)容是整個(gè)節(jié)目的基石，界面設(shè)計(jì)是翻開用戶之門

，那么交互結(jié)構(gòu)的設(shè)計(jì)就是建立“人——機(jī)〞、“人——人〞溝通的橋梁。1、多媒體結(jié)構(gòu)與導(dǎo)航設(shè)計(jì)深入了解交互設(shè)計(jì)之后我們發(fā)現(xiàn)交互設(shè)計(jì)的根底是交互結(jié)構(gòu)的設(shè)計(jì)。所謂結(jié)構(gòu)，就是構(gòu)成整體的各個(gè)組成局部的比例及其結(jié)合方式、相互關(guān)系。交互性是多媒體技術(shù)獨(dú)一無(wú)二的最具特色和優(yōu)勢(shì)的根本特性。交互性也是多媒體技術(shù)其它特性的核心，它使多媒體技術(shù)其它特性的優(yōu)勢(shì)更突出，功能更強(qiáng)大。在多媒體節(jié)目中有以下三種根本的結(jié)構(gòu)類型：線性的順序?qū)Ш健矄我环较虻摹硨蛹?jí)的或樹狀的菜單導(dǎo)航〔多個(gè)方向的〕網(wǎng)狀的或圖形的地圖導(dǎo)航〔所有方向的〕第二節(jié)多媒體交互設(shè)計(jì)的內(nèi)容2、多媒體熱區(qū)與菜單設(shè)計(jì)熱區(qū)與菜單在多媒體中的作用是不容無(wú)視的，熱區(qū)與菜單是讀者與多媒體作品之間交談的“橋梁〞。通過(guò)用戶對(duì)熱區(qū)與菜單進(jìn)行單擊、雙擊、拖動(dòng)等操作，來(lái)完成多媒體作品的交互。Windows操作系統(tǒng)下的應(yīng)用軟件之所以倍受青睞，與其界面的易用性不無(wú)關(guān)系，在菜單里清楚地顯示出層次，可用的為黑色，不可用的為灰色。

第二節(jié)多媒體交互設(shè)計(jì)的內(nèi)容多媒體熱區(qū)與菜單的設(shè)計(jì)方法有豐富性、貼切性、感染性和吸引力；采用形象生動(dòng)的動(dòng)畫圖標(biāo)來(lái)提高注意力；相同功能的按鈕造型與位置一致；采取下拉菜單的方式或選擇的方式以減少輸入工作量；

易識(shí)別、易使用，符合界面整體風(fēng)格。

第二節(jié)多媒體交互設(shè)計(jì)的內(nèi)容看看下面兩組播放鍵，哪一種是最自然的反響呢？看看下面四組箭頭按鍵，哪一種是最自然的反響呢？第二節(jié)多媒體交互設(shè)計(jì)的內(nèi)容3、多媒體作品的幫助系統(tǒng)多媒體節(jié)目應(yīng)提供用戶咨詢信息，它如同一個(gè)詢問(wèn)處、咨詢部，當(dāng)用戶有需要的時(shí)候，能為使用者提供幫助，其中所含信息應(yīng)僅供使用者參考。幫助信息不應(yīng)中斷或影響使用者正在進(jìn)行的學(xué)習(xí)，也不能因此改變系統(tǒng)狀態(tài)，也就是說(shuō)，幫助信息不應(yīng)嚴(yán)重干擾、中斷或破壞系統(tǒng)的運(yùn)行。另外幫助信息雖要明確但不應(yīng)過(guò)于引人注目，要防止它在用戶需要之前就吸引或干擾使用者的注意力。總之，要保證是在用戶需要的情況下，并盡可能少地干擾用戶的情況下向用戶提供幫助。?第二節(jié)多媒體交互設(shè)計(jì)的內(nèi)容多媒體元素交互形式圖片鼠標(biāo)滑過(guò)時(shí)，圖片顏色發(fā)生變化（明度，色相，飽和度）鼠標(biāo)滑過(guò)時(shí)，圖片上部出現(xiàn)動(dòng)畫。。。。。。文本選擇文本的自動(dòng)瀏覽，手動(dòng)瀏覽或手動(dòng)翻頁(yè)文本是否能夠被拷貝。。。。。。聲音音量大小控制聲音效果控制（重低音，BASS，高音）。。。。。。視頻播放進(jìn)度調(diào)整畫面對(duì)比度，亮度調(diào)整。。。。。。熱區(qū)無(wú)事件觸發(fā)時(shí)。。。。。。有事件觸發(fā)時(shí)。。。。。。其它。。。。。。轉(zhuǎn)場(chǎng)黑閃，白閃。。。。。。第二節(jié)多媒體交互設(shè)計(jì)的內(nèi)容4、多媒體元素的交互設(shè)計(jì)

第三節(jié)多媒體作品交互形式設(shè)計(jì)原那么對(duì)于多媒體作品來(lái)說(shuō)，交互設(shè)計(jì)是一種美學(xué)與文化、技術(shù)和人類科學(xué)的融合。交互設(shè)計(jì)關(guān)注如何設(shè)計(jì)可能提供的效勞，關(guān)注用戶與作品交互時(shí)的體驗(yàn)感受。那么我們?cè)诰巹?chuàng)一部多媒體作品的設(shè)計(jì)交互形式時(shí)應(yīng)該注意什么，應(yīng)遵循哪些設(shè)計(jì)原那么？主要有以下八點(diǎn)：1、以溝通功能作為交互設(shè)計(jì)的核心交互設(shè)計(jì)的關(guān)鍵是使人與計(jì)算機(jī)之間能夠準(zhǔn)確地交流信息。一方面，人向機(jī)器輸入信息時(shí)應(yīng)當(dāng)盡量采取自然的方式；另一方面，機(jī)器向人傳遞的信息必須準(zhǔn)確，不致引起誤解或混亂。使閱讀、導(dǎo)航與主體內(nèi)容涇渭清楚，充分表達(dá)人機(jī)的交互功能。這樣設(shè)計(jì)出來(lái)的多媒體作品不但能夠突出主題，而且易于讀者的閱讀。在多媒體節(jié)目中，我們一般會(huì)設(shè)計(jì)一個(gè)導(dǎo)航頁(yè)面來(lái)讓讀者宏觀的把握多媒體節(jié)目的內(nèi)容。第三節(jié)多媒體作品交互形式設(shè)計(jì)原那么2．交互方式力爭(zhēng)一致一致的交互方式不致增加閱讀著的負(fù)擔(dān)，讓閱讀著始終用同一種方式思考與操作。最忌諱的是每換一個(gè)界面用戶就要換一套操作方法。Windows下的應(yīng)用軟件之所以倍受青睞，與其界面的一致性不無(wú)關(guān)系。第三節(jié)多媒體作品交互形式設(shè)計(jì)原那么在多媒體作品?0.618的韻律?中，設(shè)計(jì)者使用了一致的交互方式，根本導(dǎo)航和使用工具都采用了相同的造型和位置。2．交互方式力爭(zhēng)一致在多媒體作品〈時(shí)鐘之旅〉中，設(shè)計(jì)師就注意了交互方式的一致性，在作品中，根本導(dǎo)航工具都是相同的造型和位置。第三節(jié)多媒體作品交互形式設(shè)計(jì)原那么3．交互設(shè)計(jì)必須使讀者隨時(shí)了解瀏覽的情況交互設(shè)計(jì)應(yīng)該能夠告訴讀者現(xiàn)在閱讀的內(nèi)容在整個(gè)節(jié)目中的具體位置。特別是在需要復(fù)雜導(dǎo)航的時(shí)候，必須讓讀者了解他的閱讀情況，如他的同級(jí)關(guān)系、上下級(jí)關(guān)系等。切不可讓用戶面對(duì)著一個(gè)沒(méi)有反響的屏幕，以致疑心是否出現(xiàn)了死機(jī)現(xiàn)象。第三節(jié)多媒體作品交互形式設(shè)計(jì)原那么3．交互設(shè)計(jì)必須使讀者隨時(shí)了解瀏覽的情況在多媒體節(jié)目運(yùn)行前，我們一般設(shè)計(jì)一個(gè)loading畫面，提示讀者節(jié)目正在載入。在多媒體作品?怎樣制作你的電影中?中，作品提供一個(gè)非常幫的工具，利用這個(gè)你可以知道你身處何處．第三節(jié)多媒體作品交互形式設(shè)計(jì)原那么4．交互設(shè)計(jì)在界面中必須能夠給讀者提供幫助減少讀者挫敗感多媒體節(jié)目在制作的時(shí)候決不可以認(rèn)為讀者都是電腦專家，無(wú)需提供幫助。挫敗感的范圍從輕微的不滿到極度的憤怒有很多種〔達(dá)不到讀者用戶的預(yù)期期望；錯(cuò)誤的信息；界面過(guò)于雜亂、艷麗、花招擺出沒(méi)頭沒(méi)腦；引導(dǎo)讀者執(zhí)行了許多步驟之后出錯(cuò)，導(dǎo)致讀者要從頭開始〕。有關(guān)的文字、圖形提示、信息、說(shuō)明應(yīng)該放在隨手可得的位置。第三節(jié)多媒體作品交互形式設(shè)計(jì)原那么4．交互設(shè)計(jì)在界面中必須能夠給讀者提供幫助減少讀者挫敗感第三節(jié)多媒體作品交互形式設(shè)計(jì)原那么5、信息或數(shù)據(jù)的視覺(jué)化在我們的日常工作學(xué)習(xí)中，大量的信息是人們難以從中篩選有用的信息，此時(shí)信息視覺(jué)化，信息體驗(yàn)化，通過(guò)特別的信息導(dǎo)航，使用戶能夠從中得到更深層次的理解，更快的作出決定。如圖，在美國(guó)2004大選中，有大量的信息和報(bào)道充滿著人們的耳目，?TIMES?通過(guò)一個(gè)網(wǎng)絡(luò)終端把各種數(shù)據(jù)視覺(jué)化，再提供清晰的導(dǎo)航給人們提供信息，使人們可以快速的獲得信息，并直觀的理解信息并作出決定。我們的日常工作學(xué)習(xí)。第三節(jié)多媒體作品交互形式設(shè)計(jì)原那么6、交互方式的豐富性一個(gè)多媒體節(jié)目里交互性的是否豐富直接影響讀者的興趣，豐富的交互性可以最大限度的吸引讀者注意力，到達(dá)充分傳遞信息的目的。NikeiD美國(guó)的交互界面，讓用戶可以在特定的鞋款上，自己配色、加上個(gè)性化的圖案。在強(qiáng)調(diào)DIY的今天，耐克這個(gè)互動(dòng)界面給用戶們提供了一個(gè)可以發(fā)揮想象力的空間，讓他們自己來(lái)體驗(yàn)設(shè)計(jì)、體驗(yàn)?zāi)涂宋幕＿@種靈活的控制使得整個(gè)多媒體靈活的隨著用戶的意愿而作出響應(yīng)。第三節(jié)多媒體作品交互形式設(shè)計(jì)原那么7、交互方式的情感內(nèi)涵行為的設(shè)計(jì)是關(guān)于產(chǎn)品看上去和用起來(lái)的感受——使用產(chǎn)品的全部體驗(yàn)。而反響性那么是用戶后來(lái)的想法，這個(gè)產(chǎn)品給用戶是怎樣的一種感覺(jué)，它所描繪的圖像，以及它所傳達(dá)給其他人的關(guān)于它的主人的品位形象。在多媒體節(jié)目?風(fēng)箏?中，設(shè)計(jì)師實(shí)際上就充分利用了風(fēng)箏本身的特點(diǎn)來(lái)設(shè)計(jì)交互和轉(zhuǎn)場(chǎng)，到達(dá)引起讀者情感共鳴的目的。第三節(jié)多媒體作品交互形式設(shè)計(jì)原那么8、用界面影響用戶在我們的生活中會(huì)有很多情感上的反響。有很多的情感因素會(huì)影響用戶的選擇。所以我們就應(yīng)該設(shè)計(jì)一個(gè)有情感的界面。涉及情感界面的一個(gè)眾所周知的方法就是使用富含有表情的圖表和其他圖形元素來(lái)表達(dá)情感狀態(tài)。當(dāng)然還有聲音。第三節(jié)多媒體作品交互形式設(shè)計(jì)原那么多媒體的交互性設(shè)計(jì)，提供了一種文化創(chuàng)新的凝聚力，許多不同的使用者通過(guò)多媒體的形式凝結(jié)起來(lái)，更具表現(xiàn)性、更加個(gè)性化、更加交互性和更加有責(zé)任感。多媒體設(shè)計(jì)中的交互性將有助于滿足群眾對(duì)更個(gè)性化的信息日益增長(zhǎng)的需求，如將優(yōu)美的界面設(shè)計(jì)成為用戶所期待的形式，滿足用戶的參與性，或者實(shí)現(xiàn)某種愿望、需求、目標(biāo)和能力。在設(shè)計(jì)的過(guò)程中，我們突出強(qiáng)調(diào)“以人為本〞的設(shè)計(jì)目的，因?yàn)榻裉烊藗兠鎸?duì)快速開展的