互動媒體設(shè)計：第一章 導(dǎo)論

互動媒體設(shè)計（web用戶界面設(shè)計）

交互式媒體的社會需求

多媒體設(shè)計

第一章導(dǎo)論

人類自古以來就不知不覺，自然而然地常常利用各種媒體和人溝通，傳達消息，例如：古代的原始文化里面，歌唱、音樂、舞蹈經(jīng)常是結(jié)合在一起的，人們在面對面時，以聲音、動作表情等表達意見和感情，這就是多媒體的相互交談。多媒體簡單的說，它是一個集合很多傳播媒體的溝通系統(tǒng)和方法。信息的表達——媒介甲骨文活字印刷計算機比特代替原子

多媒體的社會需求

多媒體設(shè)計第一章導(dǎo)論

計算機發(fā)明后可以用計算機來傳達一些信息，是否也該透過各種感觀刺激來讓被傳達者很快接受且吸收？單靠文字形式呈現(xiàn)已經(jīng)不能成為現(xiàn)代人滿足，而是要靠其它視覺畫面、音效及各種戲劇表現(xiàn)形式來加強傳播效果。而且遠遠不止這些UGC、協(xié)作、社區(qū)以及更廣泛的大眾參與彈指一揮間，web已經(jīng)成為司空見慣的行為。讀新聞、找工作、買禮物、查電話號碼、計劃旅游等等

多媒體設(shè)計

數(shù)字媒體之所以盛行，乃因為它提供了無限的想象與創(chuàng)作空間；且讓我們一起進入絢爛多變的數(shù)字媒體世界！

多媒體的基本概念Premiere導(dǎo)論

多媒體的社會需求

多媒體技術(shù)的應(yīng)用與發(fā)展

多媒體產(chǎn)品

多媒體應(yīng)用工程化設(shè)計多媒體設(shè)計原理

多媒體應(yīng)用基本設(shè)計原則

界面設(shè)計與屏幕設(shè)計原則多媒體元素設(shè)計與制作

文本

圖形

數(shù)字音頻

數(shù)字視頻與動畫多媒體產(chǎn)品制作流程

組織策劃、編寫腳本

多媒體制作工具

基本硬件設(shè)備多媒體環(huán)境的建立

多媒體的擴展設(shè)備

多媒體的關(guān)鍵技術(shù)

信息時代是一個信息爆炸的時代，這時，人類所面對的最大難題是：信息泛濫，沒有時間去消化，常常會因為大量的信息一下子蜂擁而至，措手不及，不知怎么辦才好？

互動媒體設(shè)計第一章導(dǎo)論

歷史又一次重現(xiàn)當(dāng)年包豪斯的情形：一批數(shù)學(xué)家、物理學(xué)家、計算機專家、藝術(shù)家、設(shè)計師、建筑家、工程師、音樂家、認知心理學(xué)家和大眾傳播專家，又一次緊密合作，他們的研究領(lǐng)域跨越了藝術(shù)與科學(xué)的界限，從電腦視覺藝術(shù)、全息成像、數(shù)字音樂、人機界面設(shè)計、電子出版、數(shù)碼娛樂游戲到虛擬設(shè)計與制造、網(wǎng)絡(luò)社區(qū)設(shè)計，以及未來教育等各領(lǐng)域。第一章導(dǎo)論

多媒體設(shè)計第一章導(dǎo)論

他們共同的目的就是，突破現(xiàn)有技術(shù)的限制，以創(chuàng)造性的發(fā)明與設(shè)計滿足人類在信息社會的生活與工作需要。

多學(xué)科合作

多媒體的社會需求

互動媒體設(shè)計

第一章導(dǎo)論

人類不斷改善傳播科技，發(fā)展能夠協(xié)助大家迅速處理信息的多媒體系統(tǒng)，從人機接口的改進和使用方法的簡化提供解決大量信息的辦法，并且巧妙地組合各種媒體材料：文字、圖像、聲音等等，讓他們在一起，彼此相輔相成、相得益彰，是多媒體成為一種新穎而有效的信息傳播觀念。

人類接受和傳播信息的兩種主要方式是用“眼睛看”和用“耳朵聽”。心理學(xué)家曾做過實驗：人類獲取的信息83％來自視覺，11％來自聽覺，這兩項加起來就是94％。所以可看見的媒體和可聽見的媒體的完美結(jié)合，才能完整、自然地表達和讓人類最大程度的接收信息。

多媒體設(shè)計第一章導(dǎo)論1.人類生活方式的變化

互聯(lián)網(wǎng)作為信息社會的基礎(chǔ),已越來越成為人們不可缺少的一種生活方式或者工作方式.我們不是缺乏信息，而更重要的是我們每個人怎樣更方便、準確、快速地獲得有價值的信息，發(fā)揮多媒體對信息的優(yōu)化作用等一系列問題。

2.消費觀念的變化

2015年前后發(fā)達國家將進入休閑娛樂時代，數(shù)字化游戲?qū)⑹?1世紀最重要的娛樂產(chǎn)業(yè)，數(shù)字化娛樂產(chǎn)業(yè)推動著體驗經(jīng)濟時代的到來。在數(shù)字娛樂服務(wù)產(chǎn)業(yè)中，互動游戲、動態(tài)模擬、虛擬現(xiàn)實等高科技將盡顯風(fēng)頭。3.數(shù)字電視的發(fā)展需求社會需求：

數(shù)字媒體的社會需求

多媒體設(shè)計

第一章導(dǎo)論多媒體應(yīng)用在各行各業(yè)

●

形象教學(xué)●

仿真工藝過程●

模擬交互過程●

電子教案、教學(xué)●

網(wǎng)絡(luò)多媒體教學(xué)●

生物形態(tài)模擬●

生物智能模擬●

人類行為智能模擬●

電視/電影/卡通混編特技●

三維成像模擬特技●

演藝界MTV特技制作●仿真游戲、賭博游戲●

風(fēng)光重現(xiàn)●

風(fēng)土人情介紹●

服務(wù)項目Internet國際互聯(lián)網(wǎng)●

網(wǎng)絡(luò)多媒體技術(shù)●

網(wǎng)絡(luò)遠程診斷●

網(wǎng)絡(luò)遠程操作(手術(shù))商業(yè)廣告（特技合成、大型演示）教育（形象教學(xué)、模擬展示）醫(yī)療（遠程診斷、遠程手術(shù)）人工智能模擬（生物、人類智能模擬）旅游（景點介紹）影視娛樂業(yè)（電影特技、變形效果）

多媒體的社會需求

多媒體設(shè)計

第一章導(dǎo)論

社會提供了許多多媒體系統(tǒng)創(chuàng)作及互動經(jīng)驗的機會，但是這新的機會若要實現(xiàn)，只有當(dāng)這些技術(shù)由傳播和計算機專業(yè)的技術(shù)人員轉(zhuǎn)移到那些對人際間互動與溝通有所了解的人身上時，才有可能。因此為發(fā)展這些新的表達技術(shù)，我們要培養(yǎng)一群有創(chuàng)造力且了解人的特性的個人。“可縮放的用戶界面”（Zumobi）Zumobi是有36個用戶選項內(nèi)容的集合三維全息技術(shù)

我們有什么感想？

多媒體設(shè)計第一章導(dǎo)論

數(shù)字媒體的基本概念

多媒體設(shè)計交互性信息以超媒體結(jié)構(gòu)進行組織，可以方便的實現(xiàn)人機交互。換言之，人可以按照自己的思維習(xí)慣，按照自己的意愿主動的選擇和接受信息，擬訂觀看內(nèi)容的路徑。第一章導(dǎo)論多媒體的研究內(nèi)容：多媒體除信息載體的多樣化以外，還具有以下的關(guān)鍵特性：集成性

采用了數(shù)字信號，可以綜合處理文字、聲音、圖形、動畫、圖象、視頻等多種信息，并將這些不同類型的信息有機的結(jié)合在一起。智能性提供了易于操作、十分友好的界面，使計算機更直觀，更方便，更親切，更人性化。易擴展性可方便的與各種外部設(shè)備掛接，實現(xiàn)數(shù)據(jù)交換，監(jiān)視控制等多種功能，此外，采用數(shù)字化信息有效的解決了數(shù)據(jù)在處理傳輸過程中的失真問題

多媒體的基本概念

多媒體設(shè)計

第一章導(dǎo)論多媒體的兩個顯著特點：綜合性、人機交互性交互就是要求用戶通過有或無意的操作，來改變某些音頻或視頻元素的特征。交互就是用戶在某種程度上的參與。所以說：交互性是應(yīng)是影視作品和多媒體的主要區(qū)別。報紙和電視HCI(Human-ComputerInteraction)CHI(Computer-HumanInteraction)MMS(Man-MachineStudies)

人機交互

近年來，計算設(shè)備的速度和存儲容量大幅提高，各種傳感器網(wǎng)絡(luò)逐步普及，互聯(lián)網(wǎng)的帶寬成倍增加等信息技術(shù)飛速發(fā)展，并逐步融入到人們的日常生活空間和日常生活中。從而使上世紀的桌面計算時代轉(zhuǎn)變?yōu)樾率兰o的普適計算時代；計算機的功能、用戶發(fā)生了變遷.計算的變遷第一波——主機時代(mainframe)很多人共享一臺計算機第二波——PC每人一臺計算機第三波——UC普適計算（UbiquitousComputing）無處不在：一個人多臺或多個人多臺處處不在：Computersvanishinthebackground!消失的鍵盤、鼠標、顯示器？第四波——??你們的任務(wù)

多媒體設(shè)計第一章導(dǎo)論

用戶的變遷專業(yè)人士——主機時代只有接受過CS教育者可以使用非文盲——PC時代接受過初等教育者就可以享用懂術(shù)語[會英語]文盲/殘障/兒童——UC時代沒有接受過教育者也可以享受不懂術(shù)語[不會英語，甚至不能讀寫]第一講

多媒體設(shè)計第一章導(dǎo)論計算機功能的變遷第一波——計算工具科學(xué)計算第二波——辦公用品文字處理、數(shù)據(jù)處理第三波——生活必需品（結(jié)婚幾大件）信息服務(wù)，多媒體，娛樂第四波——被XXX替代？

多媒體設(shè)計第一章導(dǎo)論上述變遷意味著什么？以計算為中心以人為本計算機必須為人服務(wù)專業(yè)人士+文盲/殘障/病人/兒童服務(wù)Ametaphor：仆人，個人助理低級的仆人/個人助理Ametaphor：軍人——服從命令是天職！人類需要什么？高級仆人/個人助理——服從命令只是基本要求！還要適時理解主人意圖，主動服務(wù)——個人習(xí)慣、眼神、手勢…有選擇的服務(wù)——糾正錯誤等

多媒體設(shè)計第一章導(dǎo)論

研究新一代的自然和諧的人機交互理論和技術(shù)，發(fā)展和應(yīng)用以用戶為中心的設(shè)計方法，從而保證新時代的信息技術(shù)能夠創(chuàng)造和諧的人機環(huán)境，使全體人類都能分享信息技術(shù)發(fā)展的成果，是21世紀人類社會需要解決的重大課題。“以人為中心的信息社會”與“和諧人機環(huán)境”開始倡導(dǎo)

人機交互

多媒體設(shè)計第一章導(dǎo)論直觀上人怎么使用計算機？計算機怎么滿足人的需求？人機交互（溝通）Input–感知–察言觀色！低級：如何讓用戶便捷的輸入自己的命令、意圖？高級：如何主動感知用戶的命令、意圖、情感？Output–表達–超強的表達能力！計算機如何聰慧的呈現(xiàn)用戶需要的服務(wù)？聰慧：合適的時間、位置、方式人機交互的使命創(chuàng)造具有復(fù)雜行為的產(chǎn)品

多媒體設(shè)計第一章導(dǎo)論

HCIVision——最高境界Metaphor–知己、伴侶心有靈犀一點通

心有靈犀不點通察言觀色、雪中送炭而不是無事找事、火上澆油office?

也許還要活潑一點需要的時候幽它一默，調(diào)劑一下心情？

多媒體設(shè)計第一章導(dǎo)論HCIVision擬人的類比人和人之間如何交互？看、聽、讀、說、寫、觸、嗅…我們的目標，改變目前的基本聾啞盲機，使其具有視、聽、觸、嗅等感覺、知覺能力具有學(xué)習(xí)、記憶乃至情感等認知能力具備說話、會畫等表達能力本體感覺、自我意識？

多媒體設(shè)計第一章導(dǎo)論在每一天的生活中，我們都要和許許多多的產(chǎn)品進行交互，回想一下，就在今天，和你發(fā)生交互的產(chǎn)品有多少？

鬧鐘、熱早餐用的微波爐，電腦，網(wǎng)站、各種軟件，機，空調(diào)和電視機（通過遙控器），數(shù)碼手相機，隨身聽，銀行服務(wù)，等等等等。

交互中的問題

多媒體設(shè)計第一章導(dǎo)論好的：

不好的：難用使用Gmail—自動幫助將郵件按主題組織在一起按聯(lián)系人組織郵件的功能。

多媒體設(shè)計第一章導(dǎo)論Mark：“您好，歡迎使用招商銀行電話銀行系統(tǒng)，1，自動語音服務(wù)，2人工服務(wù)；”Mark把手機從耳邊拿下來，找到1號鍵，按了一下；“1個人銀行服務(wù)，2公司銀行服務(wù)，3銀證通功能，4個人外匯買賣服務(wù)，5基金服務(wù)，0退出；”Mark又按了1；“1存折戶，2一卡通戶，3個人信用卡戶，4新舊卡號查詢0退出；”

交互中的問題

多媒體設(shè)計第一章導(dǎo)論從用戶角度來說，交互設(shè)計是一種如何讓產(chǎn)品易用，有效而讓人愉悅的技術(shù)。

①了解目標用戶和他們的期望；

②了解用戶在同產(chǎn)品交互時彼此的行為；③了解“人”本身的心理和行為特點；

④了解各種有效的交互方式，并對它們進行增強和擴充。

交互設(shè)計涉及到多個學(xué)科，以及和多領(lǐng)域多背景人員的溝通。什么是交互設(shè)計？

我們已經(jīng)花費了至少50年的時間來學(xué)習(xí)如何制造計算機以及如何編寫計算機程序。下一個新領(lǐng)域自然是讓計算機服務(wù)并適應(yīng)于人類的需要，而不是強迫人類去適應(yīng)計算機。 DanR.Olsen(CMU)WilhelmWundt，1832.08.16－1920.08.31牛頓（1642-1722）

人機交互的重要性

多媒體設(shè)計第一章導(dǎo)論

人機交互技術(shù)是21世紀信息領(lǐng)域需要解決的重大課題。美國21世紀信息技術(shù)計劃中的基礎(chǔ)研究內(nèi)容為4項：軟件，人機交互，網(wǎng)絡(luò)，高性能計算。我國973、S-863、十五、十一五計劃均將人機交互列入為主要內(nèi)容。人機交互的重要性內(nèi)容技術(shù)設(shè)計設(shè)計技術(shù)內(nèi)容制作后

多媒體設(shè)計第一章導(dǎo)論

互動媒體的研究內(nèi)容信息建構(gòu)設(shè)計，包括：信息分類、導(dǎo)航、標識等交互設(shè)計；素材設(shè)計，包括：角色、圖像、音頻、視頻、動畫、文字等內(nèi)容設(shè)計；用戶界面設(shè)計，包括：風(fēng)格、色彩、版式等藝術(shù)設(shè)計；內(nèi)容的整合與互動性設(shè)計；感性評價

多媒體設(shè)計第一章導(dǎo)論抽象具體

互動媒體設(shè)計第一章導(dǎo)論

功能需求

多媒體設(shè)計

第一章導(dǎo)論教育與培訓(xùn)世界各國的教育學(xué)家們正努力研究用先進的多媒體技術(shù)改進教學(xué)與培訓(xùn)。以多媒體計算機為核心的現(xiàn)代教育技術(shù)使教學(xué)手段豐富多彩，使計算機輔助教學(xué)(CAI)如虎添翼。。實踐已證明多媒體教學(xué)系統(tǒng)有如下效果：(1)學(xué)習(xí)效果好。(2)說服力強。(3)教學(xué)信息的集成使教學(xué)內(nèi)容豐富，信息量大。(4)感官整體交互，學(xué)習(xí)效率高。(5)各種媒體與計算機結(jié)合可以使人類的感官與想象力相互配合，產(chǎn)生前所未有的思維空間與創(chuàng)造資源

多媒體技術(shù)的應(yīng)用與發(fā)展

多媒體設(shè)計

第一章導(dǎo)論多媒體技術(shù)的應(yīng)用

多媒體光盤可提供詳盡的信息而不需要專門的講解，通過其大數(shù)據(jù)量、多種表現(xiàn)形式、易更新性將會發(fā)揮巨大的作用。中國教育熱線：http：//功能需求

多媒體設(shè)計

第一章導(dǎo)論電子商務(wù)桌面出版物主要包括印刷品、表格、布告、廣告、宣傳品、海報、市場圖表、藍圖及商品圖等。多媒體技術(shù)為辦公室增加了控制信息的能力和充分表達思想的機會，許多應(yīng)用程序都是為提高工作人員的工作效率而設(shè)計的，從而產(chǎn)生了許多新型的辦公室自動化系統(tǒng)。由于采用了先進的數(shù)字影像和多媒體計算機技術(shù)，把文件掃描儀，圖文傳真機，文件資料微縮系統(tǒng)等和通信網(wǎng)絡(luò)等現(xiàn)代化辦公設(shè)備綜合管理起來，將構(gòu)成全新的辦公室自動化系統(tǒng)，成為新的發(fā)展方向。

簡報系統(tǒng)：每個企業(yè)的業(yè)務(wù)部門,擁有一套互動式業(yè)務(wù)簡報光碟,已漸成為全球趨勢,利用多媒體的特性，內(nèi)容規(guī)劃以企業(yè)潛在客戶的需求點出發(fā)，將客戶最有興趣及最具疑慮的內(nèi)容以動態(tài)方式清楚呈現(xiàn)。

功能需求

第一章導(dǎo)論

門戶網(wǎng)站

DESIGNDigitalMedia

多媒體設(shè)計第一章導(dǎo)論

功能需求、應(yīng)用多媒體技術(shù)的應(yīng)用公共展覽館或博物館

雖然多媒體演示很難代替人們?nèi)バ蕾p好的展品，但它能非常形象、直觀的去展示一個展品，人們可以通過多媒體的演示，形象的了解展品，而不要專人去講解或僅僅看到簡單的畫面，有多媒體展示，人們就可以從各個角度了解更多的知識，甚至可以不用展覽館和圖書館。目前大家都知道故宮博物館正在制作數(shù)字故宮。

交互設(shè)計第一章導(dǎo)論推薦熱門推薦熱門上架精品應(yīng)用排行付費排行免費排行應(yīng)用娛樂應(yīng)用生活應(yīng)用游戲大型游戲體感游戲休閑游戲棋牌游戲兒童游戲教育幼兒中小學(xué)成人專題裝機題圣誕端午專題下載更新購物清單應(yīng)用收藏第一章導(dǎo)論第一章導(dǎo)論

界面設(shè)計/ver1/portfolio/website/congramarie/index.htm

DESIGNDigitalMedia第一章導(dǎo)論

多媒體技術(shù)的應(yīng)用與發(fā)展多媒體技術(shù)的應(yīng)用虛擬現(xiàn)實

互動性最初的圖形界面，目的是省去用戶記憶命令列界面(CLI)里繁復(fù)的操作命令，簡化操作，但是經(jīng)過了近30年的進化，圖形界面早就不再以單純的方便操作為目的而存在。從1984年初代Macintosh出現(xiàn)到現(xiàn)在的微軟的Win7，界面視覺的細節(jié)和表現(xiàn)力不斷被強化著。除了在二維界面中加強細節(jié)的表現(xiàn)，還有一種趨勢正在漸漸變得常見：圖形界面中元素的三維化。三維化使界面或網(wǎng)頁中的某些部分，或是幾個界面之間，變得像真實世界中的物體一樣可以從不角度觀察，可以被翻轉(zhuǎn)，甚至互相作用。界面中的這些部分因此會獲得很強的表現(xiàn)力，有些效果也是二維界面無法達到的。

數(shù)字動畫設(shè)計

DESIGNDigitalMedia

數(shù)字動畫設(shè)計

DESIGNDigitalMedia

數(shù)字游戲設(shè)計

DESIGNDigitalMedia

多媒體設(shè)計第一章導(dǎo)論

多媒體產(chǎn)品及制作過程第一：多媒體要能夠有效的傳遞信息第二：多媒體要能夠有娛樂的效果。第三：多媒體要讓人們留下深刻的印象，并保持記憶。第四：應(yīng)當(dāng)讓使用者能全神貫注于內(nèi)容的呈現(xiàn)，而不知覺自己在與計算機互相溝通。

多媒體產(chǎn)品是藝術(shù)與科技的結(jié)晶，同時也是不同科技整合的產(chǎn)物。設(shè)計優(yōu)秀的多媒體產(chǎn)品除了靠產(chǎn)品技術(shù)品質(zhì)，還要依賴故事的述說、劇情的鋪陳與信息結(jié)構(gòu)的品質(zhì)來達成。

優(yōu)秀的多媒體作品技術(shù)占成功的一半，另一半則要看藝術(shù)設(shè)計的表現(xiàn)，因此設(shè)計多媒體在藝術(shù)表現(xiàn)上需要富有創(chuàng)造力的構(gòu)想。

多媒體設(shè)計第一章導(dǎo)論

多媒體產(chǎn)品及制作過程

在從事多媒體創(chuàng)作時，除了需要傳播和計算機知識及對計算機游戲的了解，還需要充分的戲劇與藝術(shù)的知識。但最重要的是還需要一個開放具有想象力的心靈，因為有了這層認識，多媒體創(chuàng)作的內(nèi)容也就越來越豐富我們?nèi)魪目萍颊系慕嵌葋砜?，將藝術(shù)、戲劇、傳播和新媒體科技等結(jié)合，產(chǎn)生智慧的結(jié)晶，這個結(jié)晶也可稱為“多媒體”

多媒體設(shè)計第一章導(dǎo)論

多媒體創(chuàng)作的一般流程：

多媒體設(shè)計第一章導(dǎo)論

多媒體產(chǎn)品及制作過程

多媒體產(chǎn)品的制作過程1.產(chǎn)品創(chuàng)意非常主要的工作，從時間、內(nèi)容、素材到各個具體制作環(huán)節(jié)，程序結(jié)構(gòu)等都要預(yù)先周密籌劃。（1）時間軸上的分配比率（2）內(nèi)容（3）什么媒體表現(xiàn)（4）界面功能設(shè)計（5）寫腳本2.素材加工與媒體制作3.編制程序、合成。（1）設(shè)置菜單結(jié)構(gòu)。（2）建立數(shù)據(jù)庫。（3）界面制作。4.成品制作及包裝最終要打包、制作光盤、設(shè)計包裝，編寫技術(shù)說明書。

多媒體軟件

多媒體設(shè)計

第一章導(dǎo)論

多媒體技術(shù)的具體實施，需要軟件的支持，僅有多媒體計算機是不夠的。多媒體軟件主要用于制作多媒體產(chǎn)品，由于多媒體軟件的集成度不高，幾乎沒有一種集成軟件能夠獨立完成多媒體制作的全過程，因而在軟件的選擇上余地比較大。多媒體軟件基本上可分為兩大類：1。制作素材的軟件。2。多媒體平臺軟件。它是在多媒體制作的后期階段需要另外一些軟件把圖像、圖形、動畫、聲音等素材有機地結(jié)合在一起，并產(chǎn)生交互作用。素材制作軟件專門用于制作數(shù)字化圖像、動畫、聲音、視頻等的軟件系統(tǒng)●

文字處理

各類文字處理軟件●

圖像處理

Photoshop/PhotoStyler/CorelDRAW/PageMaker●

圖形處理

Basic/VisualBasic……●

動畫處理

AnimatorPro/3DSMAX/Morph/Cool3D

/