第八章數(shù)碼藝術(shù)設(shè)計(jì)與視覺傳達(dá)

隨著計(jì)算機(jī)圖形 的飛速發(fā)展，計(jì)算機(jī)在二、三維圖像、音頻合成編輯等方面的處理能力得到極大的提升。同時(shí)，資訊技術(shù)高度發(fā)達(dá)的現(xiàn)代社會(huì)，人們?cè)谌粘?游戲 網(wǎng)絡(luò) 多 商業(yè)演示數(shù)字化互動(dòng)教學(xué)等領(lǐng)域中對(duì)動(dòng)畫、、影音和多 圖像內(nèi)容呈現(xiàn)方面的需求愈發(fā)強(qiáng)烈。而這一切，是傳統(tǒng)媒介設(shè)計(jì)手段所不能滿足的。在知識(shí)經(jīng)濟(jì)、計(jì)算機(jī)技術(shù)不斷進(jìn)步的社會(huì)背景下，以數(shù)碼藝術(shù)設(shè)計(jì)為的視覺傳達(dá)形式從傳統(tǒng) 平臺(tái)中脫穎而出，在短時(shí)間中形成了數(shù)碼藝術(shù)設(shè)計(jì)這一第一節(jié)數(shù)碼藝術(shù)設(shè)計(jì)概述一、數(shù)碼藝術(shù)設(shè)計(jì)的定義“數(shù)碼藝術(shù)設(shè)計(jì)”指使用計(jì)算機(jī)作為輔助工具而進(jìn)行的設(shè)計(jì)活動(dòng)，但與工業(yè)設(shè)計(jì)、平面設(shè)計(jì)、環(huán)境藝術(shù)設(shè)計(jì)等同樣使用計(jì)算機(jī)作為輔助設(shè)計(jì)工具的專業(yè)區(qū)別在于：所完成的設(shè)計(jì)作品，最終是以屏幕作為載體進(jìn)行呈現(xiàn)和。所以，數(shù)碼藝術(shù)設(shè)計(jì)是指利用計(jì)算機(jī)作為設(shè)計(jì)和制作的主要，所產(chǎn)生的包括網(wǎng)頁、多、動(dòng)畫、影視等領(lǐng)域的創(chuàng)意作品，最終以數(shù)碼形式進(jìn)行、和以屏幕為載體進(jìn)行或呈現(xiàn)。二、數(shù)碼藝術(shù)設(shè)計(jì)的發(fā)展歷程早期的數(shù)碼藝術(shù)設(shè)計(jì)是從以網(wǎng)絡(luò)為平臺(tái)的互聯(lián)網(wǎng)頁面設(shè)計(jì)開始的，隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展和普及，網(wǎng)民規(guī)模的不斷增加，用戶對(duì)網(wǎng)頁界面的要求和潛在功能需求與當(dāng)時(shí)單調(diào)乏味、性化的純技術(shù)性風(fēng)格頁面間的愈發(fā)，網(wǎng)頁設(shè)計(jì)師作為專門的職業(yè)應(yīng)運(yùn)而生。2090年始，以藝術(shù)設(shè)計(jì)為主的數(shù)碼藝術(shù)設(shè)計(jì)行業(yè)隨著互聯(lián)網(wǎng)經(jīng)濟(jì)的起飛蓬勃發(fā)展起來。早期的網(wǎng)頁設(shè)計(jì)設(shè)計(jì)師需要面對(duì)晦澀難懂的網(wǎng)絡(luò)語言和相關(guān)程序，使用主要面向編程的軟件艱難地操作，而且當(dāng)時(shí)的技術(shù)條件也大大地限制了網(wǎng)頁設(shè)計(jì)師的設(shè)計(jì)創(chuàng)意。較高的行業(yè)門檻造就了當(dāng)時(shí)網(wǎng)頁設(shè)計(jì)師優(yōu)厚的職業(yè)待遇。網(wǎng)頁設(shè)計(jì)發(fā)展至今，無論從技術(shù)還是設(shè)計(jì)的種類，都已經(jīng)形成了比較完善的系統(tǒng)，如圖8-1-18-1-28-1-8-1-2多設(shè)計(jì)是互動(dòng)含量和技術(shù)水平最高的設(shè)計(jì)表達(dá)形式，從早期的單機(jī)平臺(tái)迅速發(fā)展到今天的橫跨單機(jī)、網(wǎng)絡(luò)、虛擬現(xiàn)實(shí)、新藝術(shù)媒介等領(lǐng)域，整合動(dòng)畫、影視、圖像等媒介的多藝術(shù)形成了互動(dòng)領(lǐng)域的高端表現(xiàn)形式，在商業(yè)應(yīng)用、虛擬仿真、藝術(shù)探索等方面獨(dú)領(lǐng)風(fēng)騷，形成嶄新的數(shù)碼藝術(shù)表現(xiàn)形態(tài)。對(duì)于多互動(dòng)藝術(shù)來說，技術(shù)已經(jīng)不是問題，創(chuàng)意才是關(guān)鍵。同一時(shí)期，動(dòng)畫技術(shù)也隨計(jì)算機(jī)硬件技術(shù)的發(fā)展而崛起。早在2080極少數(shù)的工程師利用一些較高端的工作站或者小型機(jī)，進(jìn)行了一些動(dòng)畫方面的探索性創(chuàng)作，但在商業(yè)上的應(yīng)用很有限，藝術(shù)設(shè)計(jì)師的介入更是鳳毛麟角，只是期做一些角色、背景方面的設(shè)定工作，難以介入中后期的技術(shù)工作，在這個(gè)階段還不能算真正意義上產(chǎn)生數(shù)碼動(dòng)畫設(shè)計(jì)這一專業(yè)。進(jìn)入2090年代，計(jì)算機(jī)技術(shù)得到質(zhì)的飛躍，計(jì)算機(jī)硬件的發(fā)展已經(jīng)能逐步完成一般動(dòng)畫的制作了，特別是90的價(jià)格，也能夠被廣大的設(shè)計(jì)公司和個(gè)人所接受，數(shù)碼動(dòng)畫設(shè)計(jì)這時(shí)才真正走上了全面發(fā)展的快車道。時(shí)至今日，數(shù)碼動(dòng)畫所需要的技術(shù)條件已不再是高不可攀了，從高端到的設(shè)計(jì)制作條件已經(jīng)能令一般企業(yè)投資者和個(gè)人所接受，設(shè)計(jì)制作門檻的降低造就了大量從 到高端不同層面的數(shù)碼動(dòng)畫創(chuàng)作人才，逐步形成了穩(wěn)定而系統(tǒng)化的職業(yè)領(lǐng)域，如圖8-1-3所示的 公司1986年的三維動(dòng)畫作品《頑皮跳跳燈》。傳統(tǒng)影視后期制作技術(shù)已不能滿足觀眾的欣賞水平，借助高端的計(jì)算機(jī)工具，發(fā)生了翻天覆地的技術(shù) 。但也正是因?yàn)樗婕暗挠布夹g(shù)條件較高，更為專業(yè)化，所以起步比動(dòng)畫要晚一些。圖8-1-3三、數(shù)碼藝術(shù)設(shè)計(jì)的屬性特點(diǎn)數(shù)碼藝術(shù)設(shè)計(jì)具有動(dòng)態(tài)的、交互的和在視覺、聽覺方面全方位的信息傳達(dá)與情感體驗(yàn)過程等特點(diǎn)，其所包含的內(nèi)容既廣泛又專業(yè)。（一）數(shù)碼藝術(shù)設(shè)計(jì)的廣泛性在于，其專業(yè)領(lǐng)域是從以往這些相對(duì)傳統(tǒng)的如平面設(shè)計(jì)、工業(yè)設(shè)計(jì)或環(huán)境藝術(shù)設(shè)計(jì)等領(lǐng)域基礎(chǔ)上發(fā)展出來的，并不是在近幾年忽然出現(xiàn)的空中樓閣。此特性決定了數(shù)碼藝術(shù)設(shè)計(jì)專業(yè)觸角必然延伸到相關(guān)的設(shè)計(jì)領(lǐng)域，如為環(huán)境藝術(shù)設(shè)計(jì)服務(wù)的三維漫游動(dòng)畫、為工業(yè)設(shè)計(jì)服務(wù)的軟件界面設(shè)計(jì)、為視覺傳達(dá)設(shè)計(jì)服務(wù)的網(wǎng)絡(luò)（二）專業(yè)是指所屬的網(wǎng)頁設(shè)計(jì)、多設(shè)計(jì)、動(dòng)畫設(shè)計(jì)、影視設(shè)計(jì)等領(lǐng)域需要大量計(jì)算機(jī)圖形圖像應(yīng)用知識(shí)作為設(shè)計(jì)創(chuàng)作的技術(shù)支撐，并已形成了一套完整的行業(yè)分工和生產(chǎn)流程。主要應(yīng)用計(jì)算機(jī)圖形圖像技術(shù)進(jìn)行設(shè)計(jì)制作和呈現(xiàn)這一點(diǎn)是該行業(yè)與其他設(shè)計(jì)行業(yè)在性質(zhì)上的分水嶺。第二節(jié)網(wǎng)頁設(shè)計(jì) 藝術(shù)設(shè)一、網(wǎng)頁設(shè)計(jì)隨著網(wǎng)絡(luò)技術(shù)的不斷普及與發(fā)展，網(wǎng)絡(luò)正在成為信息時(shí)代人們交流和信息 的主要方式，網(wǎng)絡(luò)提供了巨大的、普及全球的電子資源，如文字、音頻、 資源幾乎都是通過網(wǎng)頁予以展現(xiàn)的而對(duì)于網(wǎng)頁的編輯排版等工作稱為網(wǎng)頁設(shè)計(jì)。（一）有著與大多紙質(zhì)傳媒相同的功能，都是 信息的重要媒介，都需要通過精心 如果不考慮網(wǎng)頁設(shè)計(jì)中的互動(dòng)和多 元素，網(wǎng)頁的界面(各種各樣的屏幕)就是一的平面設(shè)計(jì)。用戶看到的是與傳統(tǒng)物化界面相同的信息內(nèi)容。網(wǎng)頁中的文字、圖需要經(jīng)過符合審美的設(shè)計(jì)。網(wǎng)頁的各個(gè)板塊的次序需要合乎受眾偏愛的閱讀習(xí)慣，網(wǎng)頁的色彩色調(diào)需要像大多數(shù) 物一樣進(jìn)行設(shè)計(jì)、搭配。 功能。要吸引瀏覽者注意力，網(wǎng)頁的內(nèi)容可以用三維動(dòng)畫、Flash等來表現(xiàn)。（二）Dreamweaver用來編輯HTML、ASP、JSP、PHP時(shí)的輔助工具。Flash網(wǎng)頁需要畫面流動(dòng)時(shí)的首選擇。Photoshop是圖像處理軟件，一般網(wǎng)頁都需要有 （三）網(wǎng)頁設(shè)計(jì)的設(shè)計(jì)要素包括內(nèi)容、色彩、布局、總體風(fēng)格等，在此將就風(fēng)格、布局及色彩搭配進(jìn)行分析。主要是動(dòng)靜態(tài)風(fēng)格的選擇、色彩基調(diào) 流線等 構(gòu)成的基本元素。當(dāng)輕點(diǎn)鼠標(biāo)，在網(wǎng)絡(luò)中遨游，一副副 的網(wǎng) 與否的因素是什么呢?色彩的搭配文字的變化、的處理等，這些當(dāng)然是不可忽略的因素，除了這些，還有一個(gè)非常重要的因素——①“國”字型。也稱為“同”字型，是一些大型所喜歡的類型，即最上面是網(wǎng)站的標(biāo)題以及橫幅條，接下來就是的主要內(nèi)容，左右分列一些兩小條內(nèi)容，中間是主要部分，與左右一起羅列到底，最下面是的一些基本信息、、②左右框架型。這是一種左右為分別兩頁的框架結(jié)構(gòu)，一般左面是導(dǎo) ，有最上面會(huì)有一個(gè)小的標(biāo)題或標(biāo)致，右面是正文。大部分的大型 也喜歡采用這種方式。這種類型結(jié)構(gòu)非常清晰，一目了然。按 流線分為“通道型”和“超市型”①通道型。這是一種以主業(yè)為主，通過點(diǎn)擊主頁的導(dǎo)航圖標(biāo)進(jìn)入下一頁面的設(shè)計(jì)風(fēng)格，一切信息都需要通過導(dǎo)航條來進(jìn)入 ，簡(jiǎn)潔、嚴(yán)謹(jǐn)。②超市型。這種布局風(fēng)格主要應(yīng)用于各類門戶 ，主頁的信息非常多，并將一些 或者飽和度，這樣的頁不要將所有顏色都用到，盡量控制在3—5種色彩以內(nèi)。背景和前文的對(duì)比盡量要大(絕對(duì)不要用花紋繁復(fù)的圖案作為背景)，以便突出主要文字內(nèi)容。二 設(shè)網(wǎng)絡(luò)最早是由十幾臺(tái)電腦聯(lián)網(wǎng)而成，相互使用一些字符形式的機(jī)器代碼。技術(shù)促進(jìn)了互聯(lián)網(wǎng)的發(fā)展，信息由單純文字和超文本發(fā)展到今天以文字、圖形、=動(dòng)畫、聲音、虛擬展示等多種形式進(jìn)行和共享?？梢哉f，既是信息的容器，也是作為信息倉庫，將信息分門別類地儲(chǔ)，信息按照欄目、種類和先后順序進(jìn)行，互相之間通過超和服務(wù)器程序進(jìn)行關(guān)聯(lián)和調(diào)用。信息之間的關(guān)系和功能作為信息的載體，即指作為一個(gè)平臺(tái)，通過文字、動(dòng)畫、圖像、聲音、程序等將用戶所需的信息呈現(xiàn)、將這些紛繁復(fù)雜的龐大信息群組有條不紊地進(jìn)行，是網(wǎng)頁設(shè)計(jì)師的一項(xiàng)重要工作。按照信息種類和功能區(qū)分，的類別主要有以下幾大類：（一）種類ElectronicCommerceEC，其實(shí)質(zhì)建立在Internet術(shù)上的，所以也有人將電子商務(wù)簡(jiǎn)稱為IC(InternetCommerce)。在這里我們主要介紹的是基于互聯(lián)網(wǎng)平臺(tái)的商務(wù)或貿(mào)易活動(dòng)，電子商務(wù)可以分為企業(yè)(Business)對(duì)終端客戶(Customer)的電子商務(wù)(即B2C)和企業(yè)對(duì)企業(yè)的電子商務(wù)(B2B)兩種主要模式。商貿(mào)活動(dòng)的趨勢(shì)是利用互聯(lián)網(wǎng)技術(shù)把全部商務(wù)活動(dòng)式地完整進(jìn)行，它在藝術(shù)設(shè)計(jì)方面，電子商務(wù)平臺(tái)的設(shè)計(jì)要求較高，網(wǎng)頁設(shè)計(jì)師需要熟諳網(wǎng)頁界面、功能交互流程、網(wǎng)絡(luò)等方面的設(shè)計(jì)知識(shí)，做到在有限的設(shè)計(jì)預(yù)算限制下設(shè)計(jì)出既吸引瀏覽者眼球又符合功能使用的富于創(chuàng)意和商業(yè)應(yīng)用規(guī)范的電子商務(wù)，如8-2-1P&G粉色調(diào)的色彩氣氛強(qiáng)烈地突出女性的特點(diǎn)，可愛的卡通造型和模擬筆記本內(nèi)容的頁面版面編排能很好地配合女性相關(guān)信息的人性化表達(dá)；圖8-2-2LG通訊終端產(chǎn)品。8-2-1P&G圖8-2-2LG通訊終端產(chǎn)品 功能設(shè)計(jì)使用起來方便、明確，在創(chuàng)意風(fēng)格設(shè)計(jì)上能最大限度適合宣傳性： 在被使用過程中能向用戶不斷宣傳企業(yè)的理念、產(chǎn)品、新資訊等，同時(shí) 設(shè)計(jì)也要便于 自身的推廣 ；實(shí)用性 內(nèi)容在功能目標(biāo)的前提下做到各項(xiàng)信息內(nèi)容實(shí)用、合用交互性：設(shè)計(jì)具備科學(xué)合理的使用流程，用戶與頁面的功能交互人性化，網(wǎng)從上面列舉的兩個(gè)可以看出，企業(yè)電子商務(wù)比門戶更富于美觀性、實(shí)用性、便捷性、交互性和宣傳性，更強(qiáng)調(diào)和宣傳力度，因此電子商務(wù)功能的網(wǎng)頁也經(jīng)常內(nèi)嵌在企業(yè)門戶之中，是設(shè)計(jì)創(chuàng)意與網(wǎng)絡(luò)技術(shù)的結(jié)合體。互聯(lián)網(wǎng)的最早形式，信息量巨大而豐富。從廣義上解釋，門戶是指一種應(yīng)用定義，它使各種應(yīng)用系統(tǒng)、信息資源和互聯(lián)網(wǎng)技術(shù)集成于一個(gè)管理平臺(tái)之中，以較為統(tǒng)一的網(wǎng)頁界面呈現(xiàn)于用戶面前。它是企業(yè)或者客戶建立快速和共享信息內(nèi)容的高效。用戶能迅速通過門戶所提供的信息和搜索引擎找到自己所需的信息，完成相應(yīng)的功能?？梢哉f門戶是一個(gè)雙向供給的信息匯集平臺(tái)。最初的門戶只是提供一些信息搜索引擎或網(wǎng)絡(luò)接入服務(wù)，隨著互聯(lián)網(wǎng)行業(yè)日益激烈的市場(chǎng)競(jìng)爭(zhēng)，門戶通過不斷的業(yè)務(wù)拓展和市場(chǎng)開發(fā)，使業(yè)務(wù)包羅萬象，無奇不有。從今天的情況來看，門戶所提供的業(yè)務(wù)范圍包括資訊、搜索引擎服務(wù)、網(wǎng)絡(luò)接入、聊天室、、博客、免費(fèi)郵箱、影音資訊、電子商務(wù)服務(wù)、網(wǎng)絡(luò)社區(qū)、網(wǎng)絡(luò)游戲、免費(fèi)網(wǎng)頁空間等（8-2-3）。在我國，典型的綜合類門戶有21CN．com、中華網(wǎng)、新浪網(wǎng)、網(wǎng)易和搜狐網(wǎng)等，如圖8-2-4、圖8-2-5所示。門戶 視覺形象和形式感上的統(tǒng)一性，要求網(wǎng)頁特別是首頁文件體積控制在一定范圍內(nèi)(快速的頁面瀏覽速度能吸引和留住用戶)；網(wǎng)頁代碼和程序的科學(xué)性(直接影響網(wǎng)頁速度和對(duì)各種版本瀏覽器的最大兼容性)； 可以說，門 是功能引領(lǐng)形式，是一種充分體現(xiàn)技術(shù)美的信息載體圖8-2- 8-2-8-2-5個(gè)人是互聯(lián)網(wǎng)中最具個(gè)性、風(fēng)格絢麗多彩而勇于打破的一道風(fēng)景線，在設(shè)計(jì)上充分展現(xiàn)了個(gè)人的理念、喜好和審美風(fēng)格．是藝術(shù)和技術(shù)無所顧忌結(jié)合在一起的平臺(tái)與載體?？梢哉f，這些豐富多樣的個(gè)人堆積起互聯(lián)網(wǎng)這座，正是億萬人的積極參與才使得互聯(lián)網(wǎng)不斷地繁榮、發(fā)展，如圖8-2-6halfproject是一個(gè)匯集眾多藝術(shù)家特色的，的設(shè)計(jì)完全采用裝飾化的手法，突出體現(xiàn)藝術(shù)家們創(chuàng)意方面的非凡創(chuàng)造力。該色彩豐富，視覺沖擊力強(qiáng)悍，版面打破一般定式，每個(gè)欄目有自己的樣式特點(diǎn)，沒有固定的導(dǎo)航模式，靠下拉的菜單完成功能直接明了。8-2-6WWW．Half綜合信息類的在不斷的發(fā)展當(dāng)中，派生出不同種類的功能單一的，特別是WEB20功能發(fā)展到參與功能分布組合、頁面風(fēng)格定制等雙向交互使用階段。功能類站點(diǎn)較具代表性的有社區(qū)類門戶和博客類。社區(qū)是從BBS的發(fā)展奠定了從技術(shù)到應(yīng)用模式的堅(jiān)實(shí)基礎(chǔ)。從定義上說，博客(Blogger)這個(gè)概念可以理解為使用特定的程序或軟件，在互聯(lián)網(wǎng)上和張貼個(gè)人文章的人。實(shí)際上博客的定義和解釋可以說并沒有統(tǒng)一的說法。是用戶主動(dòng)參與構(gòu)筑網(wǎng)絡(luò)平臺(tái)的形式。如圖8-2-7所示就是這方面很好的例子。圖8-2-7淘 購（二 的設(shè)計(jì)標(biāo)網(wǎng)頁設(shè)計(jì)是一種平面視覺傳達(dá)設(shè)計(jì)，是集多種于一身的互動(dòng)藝術(shù)。在這個(gè)領(lǐng)域里面處處充滿了創(chuàng)新和靈感，網(wǎng)頁的形式和風(fēng)格創(chuàng)意源自生活，始終離不開和“人”打交道。在千變?nèi)f化的形式面前，總會(huì)有一些共同的設(shè)計(jì)標(biāo)準(zhǔn)。為了創(chuàng)造方便使用的使用功能，設(shè)計(jì)師需要在頁面設(shè)計(jì)上將諸如導(dǎo)航菜單、功能按鈕和文字圖形安排在恰當(dāng)統(tǒng)一的位置。同時(shí)，在配色、版面風(fēng)格、動(dòng)畫形式上力求動(dòng)態(tài)的統(tǒng)一，使瀏覽者在使用時(shí)方便快捷，且感覺在一個(gè)相對(duì)穩(wěn)定和統(tǒng)一8-2-8所示的哈蘇相機(jī)，哈蘇是生產(chǎn)高端專業(yè)相機(jī)的廠商，設(shè)計(jì)者在頁面設(shè)計(jì)中借助專業(yè)的攝影，把產(chǎn)品的性能特點(diǎn)淋漓盡致地展現(xiàn)于灰色調(diào)背景上。整個(gè)風(fēng)格整體統(tǒng)一，加強(qiáng)了的表現(xiàn)力度，以站點(diǎn)精制入微的整體設(shè)8-2-8可以被看作是一個(gè)功能性的數(shù)字產(chǎn)品，在強(qiáng)調(diào)美學(xué)原則的基礎(chǔ)上，設(shè)計(jì)需要考慮到的瀏覽速度、信息條理性的規(guī)劃和分類、使用功能上以用戶的使用習(xí)慣和要求來進(jìn)行設(shè)計(jì)和高效易用的導(dǎo)航等四大要素，如圖8-2-9Excite瀏覽者可以迅速地在各種中找到自己需要的信息。Excite還在設(shè)計(jì)中強(qiáng)化了功能性的細(xì)分，分設(shè)了電子商務(wù)、圖像、、音樂、、科技等搜索欄目，并根據(jù)用戶提供的查詢條件列出相應(yīng)的電子商務(wù)信息；此外還有Gravis和熱烈動(dòng)感的暖色為基調(diào)，色純度高，在寧靜中透射出令人陶醉的青春氣息，界面導(dǎo)航清晰易用，信息排列井井有條，在使用功能上很貼近用戶的習(xí)慣。。8-2-9為了HTMLFlash過程中需要按照網(wǎng)頁規(guī)范、屏幕顯示標(biāo)準(zhǔn)進(jìn)行綜合考慮，如圖8-2-10所示的小蟻雄兵網(wǎng)站，這個(gè)是以《小蟻雄兵》為藍(lán)本設(shè)計(jì)的，在該中以角色設(shè)計(jì)和設(shè)計(jì)為主要內(nèi)容，可以在該CG的構(gòu)思和拍攝的過程。該的互聯(lián)網(wǎng)規(guī)范非常講究，能兼容各版本的瀏覽器。在不同的屏幕分辨率中均能正常顯示，且速8-2-10僅僅有技術(shù)含量和容易使用是不夠的，設(shè)計(jì)師還需要考慮以什么形式傳達(dá)信息和理念，應(yīng)如何凸顯的獨(dú)特，吸引瀏覽者等因素。有個(gè)性且能夠給用戶留下深刻印象的8-2-11的站點(diǎn)，充滿了濃郁的波普運(yùn)動(dòng)風(fēng)韻，非常有特征。設(shè)計(jì)師運(yùn)用動(dòng)感十足的色塊，節(jié)奏Flash8-2-12Kissonline，這個(gè)屬于綜合類的，內(nèi)容十分豐富，整個(gè)始終了VI系統(tǒng)的規(guī)范，頁面左上角的LogoS圖8-2- 8-2-12（三）顯其和增值空間；網(wǎng)絡(luò)是網(wǎng)絡(luò)中應(yīng)用最為廣泛的一種。是主以付網(wǎng)絡(luò)發(fā)展至今，網(wǎng)絡(luò)收入一直是大部分生存發(fā)展的主要經(jīng)濟(jì)支柱之一。網(wǎng)絡(luò)的模式不斷推陳出新，其設(shè)計(jì)要求也越來越具備含金量。目前網(wǎng)絡(luò)廣告的市場(chǎng)正在以驚人的速度增長，網(wǎng)絡(luò)發(fā)揮的效用越來越顯得重要，成為繼傳統(tǒng)四大(電視、廣播、報(bào)紙、)之后的第五大。因而眾多國際級(jí)的公司都成立了專門的“網(wǎng)絡(luò)部”，以開拓網(wǎng)絡(luò)的巨大市場(chǎng)。目前，網(wǎng)絡(luò)形式主要有120x40／120x60／88×31pixel；Button是網(wǎng)絡(luò)上常見的一種圖形化形式，其在Banner，但由于其投放位置經(jīng)常與內(nèi)容緊密結(jié)合在一起，因此在特定目標(biāo)的投放中，更能體現(xiàn)網(wǎng)絡(luò)的特點(diǎn)8-2-13)。8-2-13ButtonButton①動(dòng)態(tài)Button：Button 效果，又使用戶情不 目的。②固定Button：與屏幕相對(duì)固定，不論瀏覽者在本頁如何上下移動(dòng)，總是相對(duì)固定出現(xiàn)在屏幕上。從而保證了信息的最大出現(xiàn)率。位于網(wǎng)頁的上方或者下方，圖檔尺寸一般在468x60pixel左右(也有其他尺寸)，Banner是網(wǎng)絡(luò)最常見，也是最有效果的一種形式，其信息量大，注意力集中度8-2-14)。圖8-2-14 上的以電子郵件形式將訂戶訂閱 定期送到其郵箱中進(jìn) 活動(dòng)的網(wǎng) 上定量和定期的用戶，發(fā)布十分具有針對(duì)性的文字、圖 (見圖8-2-15)。8-2-15文字以頭條的形式出現(xiàn)在首頁或頻道的顯著位置進(jìn)行直接的Banner的一種網(wǎng)絡(luò)形式，特別適合一些需要一定數(shù)量的文字性描述的活動(dòng)，如各種網(wǎng)絡(luò)銷售、宣傳、促銷和導(dǎo)購專題頻道贊助或?qū)ｎ}小型站點(diǎn)以軟的形式出現(xiàn)，使受眾能容易接受，更可充分8-2-16)。圖8-2-16專題小 網(wǎng)將客戶 信息融于 中，可在不知不覺中為目標(biāo)客戶所接受，而且與虛擬的游戲結(jié)合在一起，能夠有效加深品牌在其心中的印象。此外，還可以將客戶的 信息包含在 的桌面背景等趣味小程序中從而將 以離線形式存在于受眾的電腦中使其在離線狀態(tài)下也能時(shí)刻接觸到客戶的 信息。第三節(jié)界面交互設(shè)計(jì)一、界面設(shè)計(jì)原則(1高效率和用戶滿意度是人性化的體現(xiàn)。應(yīng)具備專家級(jí)和初級(jí)玩家系統(tǒng)，即用戶可依據(jù)自己的習(xí)慣定制界面，并能保存設(shè)置。用戶可通過已掌握的知識(shí)來使用界面，但不應(yīng)超出一 二、交互設(shè)計(jì)交互設(shè)計(jì)是產(chǎn)品和人之間的行為，以及對(duì)這種行為的外觀元素的設(shè)計(jì)和定義。交互設(shè)計(jì)首先規(guī)劃和描述人的需求，然后描述人實(shí)現(xiàn)這種需求的行為，最后把產(chǎn)品的功能操作對(duì)應(yīng)用戶的行為。交互設(shè)計(jì)的產(chǎn)品不等于設(shè)計(jì)易用的產(chǎn)品。許多人認(rèn)為，交互設(shè)計(jì)就是設(shè)計(jì)的產(chǎn)品使人們更好地、更容易地使用，或者說強(qiáng)調(diào)產(chǎn)品的可用性和易用性，筆者認(rèn)為這是一個(gè)片面的觀點(diǎn)。易用性有時(shí)會(huì)是交互設(shè)計(jì)的目標(biāo)之一，但不是交互設(shè)計(jì)的全部，交互設(shè)計(jì)師完全有理由去設(shè)計(jì)一個(gè)交互上難以使用的產(chǎn)品，但設(shè)計(jì)師本身所做的工作依然是交互設(shè)計(jì)。比 些情況下，對(duì)產(chǎn)品進(jìn)行某些操作會(huì)產(chǎn)生 或者別的什么不好的 ，設(shè)計(jì)師就會(huì)把某些操作的交互過程變得非常復(fù)雜，或者步驟煩瑣，這樣就會(huì)減少因產(chǎn)品的使用不當(dāng)給用戶造成的損失。比 些ATM的取款程序設(shè)計(jì)為先取卡，才能取錢，看上去是給用戶帶來不便，但是實(shí)際上卻降低了用戶因忘記取卡而帶來的損失的幾率，這時(shí)的交互設(shè)計(jì)目的就是要符合這種安全保障。另外一個(gè)例子是現(xiàn)在非常流行的野外拓展活動(dòng)，有時(shí)候任務(wù)的過程非常煩瑣，但是依然能取得用戶的喜愛，這就是它的目的就是給用戶帶來非常刺激的有 性的體驗(yàn)。因此，就交互設(shè)計(jì)這個(gè)定義來說，交互設(shè)計(jì)只是設(shè)計(jì)，與易用性沒有直接的關(guān)系，設(shè)計(jì)師應(yīng)當(dāng)根據(jù)實(shí)際的需求決定產(chǎn)品是否應(yīng)該易用。界面設(shè)計(jì)的主要任務(wù)是做交互設(shè)計(jì)的最后一道工序，是具體地把產(chǎn)品實(shí)現(xiàn)，這里的產(chǎn)品大部分都是軟件產(chǎn)品。交互設(shè)計(jì)師的責(zé)任不光要站在設(shè)計(jì)師的角度審視產(chǎn)品是否吸戶，而且還要站在用戶的角度思考用戶會(huì)怎樣使用產(chǎn)品，這樣才能使產(chǎn)品既符合企界面設(shè)計(jì)不僅僅是設(shè)計(jì)圖標(biāo)、菜單等圖像化內(nèi)容，更重要的是以交互設(shè)計(jì)的觀點(diǎn)進(jìn)行相關(guān)產(chǎn)品的人機(jī)交互界面設(shè)計(jì)。第四節(jié) 設(shè)計(jì)與數(shù)碼動(dòng)畫設(shè)一、 設(shè)（一） 設(shè)計(jì)的概“ ”一詞譯自英文的“Multimedia”。與 對(duì)應(yīng)的是單一 、一詞包含物理介質(zhì)和信息載體雙重含義物理介質(zhì)是指 信息的實(shí)體如磁盤光盤、磁帶半導(dǎo)體 器等信息載體是指?jìng)鬟f資訊的載體如圖像文字 音頻等，也可翻譯為媒介。那么，從字面上我們可以理解多 就是由各種單一 組合而成的形式。多 設(shè)計(jì)就是通過對(duì)文字、聲音、圖像、 、計(jì)算機(jī)交互程序與界面等多媒體元素進(jìn)行策劃、編輯、創(chuàng)作至成品的全過程。也有人將其概括為“將文字、圖形、圖像以及邏輯分析方法等與 音頻以及為了信息創(chuàng)建和表達(dá)的交互式應(yīng)用的結(jié)合過程。多 設(shè)計(jì)最終產(chǎn)出一般有光盤(包括程序)和單純的程序兩種產(chǎn)品，如圖8-4-1所示Autodesk公司3dsmax產(chǎn)品宣傳介紹多 光盤。、圖8-4-1Autodesk公司3dsmax產(chǎn)品宣傳介紹 光（二） 設(shè)計(jì)的原市場(chǎng)認(rèn)可基礎(chǔ)上，均具備共同的一些特征，遵循這些特點(diǎn)的作品總能夠令使用者樂用、易用、滿足需求，在演示中很好地滿足委托設(shè)計(jì)制作方的目標(biāo)訴求。擁有人們樂于使用的高校的人機(jī)操作界面，這要求多設(shè)計(jì)師不是簡(jiǎn)單地唯美地去設(shè)計(jì)和創(chuàng)作，要能夠?qū)τ脩舻男睦砗陀?jì)算機(jī)使用習(xí)慣有一個(gè)充分的了解，遵循規(guī)范的交互設(shè)計(jì)規(guī)則理論靈活地設(shè)計(jì)整個(gè)程序的UI(用戶交互界面)，以期使多作品能夠高效率地被使用，如圖8-4-2所示的《我的英倫故事》多光盤，這套多光盤作品也可以理解為藝術(shù)形式和人機(jī)操作界面見長的作品。該作品是由英國文化教育機(jī)構(gòu)委托的多項(xiàng)目，主要向?qū)W子們宣傳留英教育。并通過幾個(gè)有代表性的個(gè)人故事講述，軟性化地為留英學(xué)習(xí)做宣傳。創(chuàng)作者運(yùn)用簡(jiǎn)潔理性的平面構(gòu)成和色彩，營造面清新而端莊的感覺。統(tǒng)一使用的導(dǎo)航和功能菜單，方便易用，也使整個(gè)項(xiàng)目風(fēng)格大方，具有很強(qiáng)的專業(yè)性。圖8-4-2《我的英倫故事》 光就像影視作品或動(dòng)畫短片一樣，一部完整的多 作品不可避免地要陳述內(nèi)容和情節(jié)，沒有精心準(zhǔn)備的展示內(nèi)容，是不可能把作品目的說清楚的，也無從達(dá)到該作品的目的，如圖8-4-3所示的“ 芬”產(chǎn)品多 演示光盤設(shè)計(jì)，此項(xiàng)目是介紹某制藥公司一種抗 藥的多 光盤，原始文字是銷售人員的PPT文件和相應(yīng)的靜態(tài)數(shù)據(jù)圖表。在項(xiàng)目策劃上，設(shè)計(jì)人員根據(jù)這些原始PPT的內(nèi)容，對(duì)產(chǎn)品的特性、療效、化學(xué)成分、分子結(jié)構(gòu) 進(jìn)行充分的了解．將原始內(nèi)容進(jìn)行了二次編輯和圖形化的構(gòu)思，以適應(yīng)多光盤的演示要求，并初步制定出整個(gè)項(xiàng)目的內(nèi)容 結(jié)構(gòu)，最終完成多 圖8-4- 芬”產(chǎn)品 演示光盤設(shè)這是對(duì)多設(shè)計(jì)師最基本的要求，但作為團(tuán)隊(duì)合作完成的項(xiàng)目，其風(fēng)格、表現(xiàn)形式感的把握是比較的，畢竟多作品所包含的數(shù)量和種類千差萬別，要做到既統(tǒng)一又別具一格、符合時(shí)尚個(gè)性和美感的設(shè)計(jì)創(chuàng)意實(shí)屬不易。在這個(gè)基礎(chǔ)上還必須利用形式感去傳達(dá)預(yù)定的信息，其難度更大，但是形式感的表現(xiàn)是多作品的藝術(shù)所在如圖8-4-4所示的3DSMAX3.O產(chǎn)品宣傳多 光盤Autodesk當(dāng)年為宣傳和推廣介紹 三維制作產(chǎn)品——3dsMax3.O而委托設(shè)計(jì)的多 產(chǎn)品演示項(xiàng)目。光盤在設(shè)計(jì)上采用動(dòng)感十足的構(gòu)圖形式，使用鮮明活潑的高明度和純度的色彩風(fēng)格，很適合年輕動(dòng)畫設(shè)計(jì)師的口味，界面上的按鈕和人物角色全部使用3dsMax進(jìn)行動(dòng)畫表現(xiàn)，諧趣生動(dòng)，從一個(gè)方面證明該三維制作產(chǎn)品的強(qiáng)大功能。在多 演示過程中，會(huì)不斷穿插安排軟件教學(xué)的片斷和公司內(nèi)容簡(jiǎn)介，而這些內(nèi)容往往是最枯燥和乏味的，但該多 光盤巧妙地運(yùn)用了活潑動(dòng)感的畫面，將這些內(nèi)容上的必做功課作為各欄目動(dòng)畫表現(xiàn)間隙的休息過渡。多 光盤整體富于獨(dú)特的視覺藝術(shù)特征，觀后給人留下難忘的印象。圖8-4-43DSMAX3.O產(chǎn)品宣傳 光（三） 設(shè)計(jì)的應(yīng)用領(lǐng)多光盤或程序主要應(yīng)用在企業(yè)形象宣傳、產(chǎn)品演示、虛擬實(shí)景演示、、科研教學(xué)、軍事演練、藝術(shù)探索和游戲互動(dòng)等領(lǐng)域。就作為信息載體而言，強(qiáng)大的多種媒體兼容性和高質(zhì)量的藝術(shù)表現(xiàn)力(、音效等)具有很強(qiáng)的演示力，越來越受到用戶的歡迎，與之伴隨而生的多設(shè)計(jì)行業(yè)也茁壯成長。我們可以將多 設(shè)計(jì)制作的過程比喻為導(dǎo)演一部 (多 制作的主要軟件叫Director——中文翻譯為“導(dǎo)演”一詞——也是這個(gè)道理)，在整個(gè)設(shè)計(jì)和制作流程中，包含了策劃時(shí)間線(Timeline)劇本(Score)角色演員(Castmembers)舞臺(tái)(Stage)等，在交互程序(LingoScript)的指揮棒控制下整部 按照時(shí)間的進(jìn)程(Timeline)井然 演繹著各自的故事。近幾年，結(jié)合網(wǎng)絡(luò)技術(shù)和單機(jī)運(yùn)行環(huán)境，多設(shè)計(jì)還派生出“，，領(lǐng)域的呈現(xiàn)形式，使用由多家公司自行開發(fā)的設(shè)計(jì)制作軟件進(jìn)行設(shè)計(jì)和制作，結(jié)合網(wǎng)絡(luò)技術(shù)進(jìn)行一定程度上的內(nèi)容更新，應(yīng)用領(lǐng)域主要集中在網(wǎng)頁內(nèi)容和實(shí)體的免費(fèi)延伸，是多設(shè)計(jì)與網(wǎng)絡(luò)結(jié)合的新形式。（四） 設(shè)計(jì)類別的劃 形式常常以Shockwave(Director制作的網(wǎng)絡(luò)形式文件)形式流傳于網(wǎng)絡(luò)，經(jīng)過在瀏覽器安裝插件后，可順利運(yùn)行，且支持三維實(shí)時(shí)渲染，各項(xiàng)游戲功能和畫面效果比Flash的游戲程序明顯高。 設(shè)計(jì)中應(yīng)用最廣的領(lǐng)域，利用多 平臺(tái)的良好表現(xiàn)力對(duì)產(chǎn)品進(jìn)行有力的項(xiàng)目、會(huì)展宣傳 隨著展覽會(huì) 接軌程度和規(guī)模的增大，越來越需要隨會(huì)附贈(zèng) 電子。利用多 生動(dòng)直接地展現(xiàn)公司形象是一種最直接推銷公司品牌知名度的有效方式，主要以一般多 光盤形式或者電子名片的形式交與公司客戶手上進(jìn)行宣傳。 藝術(shù)探索多互動(dòng)創(chuàng)意除了在商業(yè)和教育領(lǐng)域中的應(yīng)用之外，還有一種多設(shè)計(jì)的形式是很重要的，就是利用裝置設(shè)備進(jìn)行的多互動(dòng)藝術(shù)探索，也就是之前在分類時(shí)提到的多藝術(shù)探索類設(shè)計(jì)。市場(chǎng)主要以兩種形式存在，一種是伴隨實(shí)體印刷品進(jìn)行搭配式的銷售，多見于各種計(jì)算機(jī)軟件等；另一種是以獨(dú)立多形式進(jìn)行銷售或免費(fèi)，多見于教育類課件和各種免費(fèi)的小。（五） 設(shè)計(jì)的文化藝術(shù)作我國作為具有5000多年悠久文化歷史的古國，有許許多多值得去展現(xiàn)和的內(nèi)容，同時(shí)，世界的廣大和文化的多元性，也為如何將文化給國人提出了要求。多媒體光盤因其對(duì)的廣泛支持和呈現(xiàn)功能的強(qiáng)大，成為一種絕好的文化藝術(shù)媒介和例如曾獲“莫比斯”國際大獎(jiǎng)賽全場(chǎng)大獎(jiǎng)的多光盤《皮影戲》——一部、藝術(shù)表現(xiàn)形式的完美結(jié)合體，如圖8-4-5計(jì)的支撐，使用大量繪制的平面圖形，通過并不復(fù)雜的程序和動(dòng)畫表現(xiàn)技法，配以優(yōu)美動(dòng)聽的背景音樂與解說，使觀眾享受了一次完美的視覺盛宴。同類型的還有介紹中國紅文化的多光盤《中國紅》(見圖8-4-6)。圖8-4-5《皮影戲》 光圖8-4-6 光盤《中國紅二、數(shù)碼動(dòng)畫設(shè)計(jì)（一）自古以來，人們總想把圖畫動(dòng)起來，動(dòng)畫的歷史甚至比和電視的拍攝還要長。數(shù)碼動(dòng)畫設(shè)計(jì)在定義上指的是利用計(jì)算機(jī)作為工具進(jìn)行動(dòng)畫的創(chuàng)作、制作和最終成品合成輸出等動(dòng)畫產(chǎn)出過程。世界上動(dòng)畫片的主產(chǎn)國家有(以三維動(dòng)畫為主)和(以二維動(dòng)畫為主)。動(dòng)畫作為文化產(chǎn)業(yè)以成功的模式輸出至世界各地，為知識(shí)（二）這種動(dòng)畫以平面單幀圖畫構(gòu)成整部動(dòng)畫，利用計(jì)算機(jī)將這些單幀圖畫合成為完整的動(dòng)畫作品，并配上音樂、對(duì)白，再加以剪輯加工最終產(chǎn)出的動(dòng)畫片(見圖8-4-7)。二維動(dòng)畫的特點(diǎn)是角色、背景較為平面化，動(dòng)作的轉(zhuǎn)換需要逐格進(jìn)行描繪。二維動(dòng)畫的優(yōu)點(diǎn)在于制作成本相對(duì)低廉，大量應(yīng)用于網(wǎng)絡(luò)動(dòng)畫、電視動(dòng)畫等的作品產(chǎn)出。二維動(dòng)畫設(shè)計(jì)和制作的主流軟件主要有Flash、Photoshop、AdobeAfterEffects、Animation8-4-7MuscleGo!Go三維動(dòng)畫是計(jì)算機(jī)三維圖形技術(shù)發(fā)展的典型產(chǎn)