論三大交互式媒體中動(dòng)態(tài)圖形設(shè)計(jì)的應(yīng)用

本文從對(duì)網(wǎng)站、游戲、觸屏手機(jī)三大媒介的特點(diǎn)分析入手，以動(dòng)態(tài)表現(xiàn)的元素與技術(shù)的關(guān)系進(jìn)行探索，闡述了動(dòng)態(tài)圖形設(shè)計(jì)的準(zhǔn)確定位與表現(xiàn)，并稍加列舉了實(shí)際應(yīng)用的設(shè)計(jì)案例，加以論述。

數(shù)個(gè)世紀(jì)以來(lái)，書(shū)籍作為線性信息系統(tǒng)，以規(guī)定的開(kāi)端、高潮和結(jié)局來(lái)呈現(xiàn)連續(xù)的內(nèi)容。相反，互動(dòng)環(huán)境則以分支的非連續(xù)性結(jié)構(gòu)來(lái)組織信息，通過(guò)材料以“走出很多不同的道路”。因此，用戶的角色從被動(dòng)的觀眾變成了主動(dòng)的參與者。當(dāng)出現(xiàn)互動(dòng)時(shí)，我們可以根據(jù)行為來(lái)思考動(dòng)態(tài)圖形。受用戶驅(qū)動(dòng)的刺激，比如鼠標(biāo)選擇、敲鍵盤、語(yǔ)音指令、使用控制器或者網(wǎng)絡(luò)攝像機(jī)前的一個(gè)手勢(shì)，都會(huì)引發(fā)給定系統(tǒng)中元素的行為，影響內(nèi)容呈現(xiàn)的方式。

網(wǎng)站

今天，網(wǎng)站已經(jīng)成為展現(xiàn)動(dòng)態(tài)交互內(nèi)容的主要媒介。高的連接速度和帶寬的視頻流，已經(jīng)讓在網(wǎng)站上展示動(dòng)態(tài)圖形的前景變得更有吸引力，同時(shí)讓設(shè)計(jì)師可以設(shè)計(jì)出在電影銀幕和電視屏幕之外的媒介上展示的動(dòng)態(tài)圖形作品，從而塑造出日新月異的視覺(jué)語(yǔ)言。

Nessim Higson的名為IAAH在線作品集，包含了很多不同的風(fēng)格，從清新的現(xiàn)代風(fēng)格，到看似疲倦痛苦的很厚圖層的紋理元素。圖像從每個(gè)邊緣平穩(wěn)地滑動(dòng)，背景的顏色和內(nèi)容隨意改變，提供了一種組合多樣性。

很多B2B網(wǎng)站上的最新趨勢(shì)已經(jīng)轉(zhuǎn)變成了一種更簡(jiǎn)單、精妙的圖像處理方式。如：平面設(shè)計(jì)師格雷曼為Ro To Architects建筑公司創(chuàng)作的網(wǎng)站。這個(gè)協(xié)作完成的設(shè)計(jì)項(xiàng)目，研究了如何將自然條件和社會(huì)條件結(jié)合起來(lái)形成日常生活的空間條件，為那些利用建筑分享工作和思想的人提供了機(jī)會(huì)。這個(gè)網(wǎng)站的外觀被設(shè)計(jì)成一個(gè)空間媒介，就像一件建筑作品，通過(guò)分層圖像和動(dòng)畫(huà)，反映了藝術(shù)設(shè)計(jì)流程中的協(xié)作性。排版和圖像的巧妙平衡，提供了一種視覺(jué)景色，觀眾可以從中看到大量的素描、筆記和快照。可以說(shuō)，這個(gè)網(wǎng)站展現(xiàn)了設(shè)計(jì)理念化的過(guò)程。

隨著對(duì)于動(dòng)態(tài)圖形需求的增加，為網(wǎng)站設(shè)計(jì)動(dòng)畫(huà)的進(jìn)程也在不斷完善。Java格式的應(yīng)用程序已經(jīng)用于制作在不同操作系統(tǒng)中運(yùn)行方式類似的交互式動(dòng)畫(huà)。動(dòng)畫(huà)GIF一直是非常流行的低技術(shù)動(dòng)畫(huà)制作選擇，因?yàn)樗袨g覽器都支持GIF格式，而且不需要編程技術(shù)。在HTML4.0發(fā)布之后，動(dòng)態(tài)HTML（DHTML）通過(guò)CSS提供了一種處理文本的更好方式。盡管大多數(shù)瀏覽器都能識(shí)別動(dòng)態(tài)HTML，而且不需要額外的組件，但是它的動(dòng)畫(huà)功能具有局限性。Flash格式已經(jīng)被證明了是一種非常有效的網(wǎng)格動(dòng)畫(huà)工具，因?yàn)樗哂懈淖兪噶繄D像比例的功能，且無(wú)需犧牲分辨率。但是，F(xiàn)lash格式的內(nèi)容很難升級(jí)，也難以被搜索引驚識(shí)別，在今天的移動(dòng)觸屏設(shè)備上無(wú)法閱讀。現(xiàn)代CSS和HTML5等新技術(shù)已成為網(wǎng)格動(dòng)畫(huà)的標(biāo)準(zhǔn)。JavaScript的基于對(duì)象的編程語(yǔ)言對(duì)于設(shè)計(jì)師也很有吸引力，因?yàn)榇蠖鄶?shù)瀏覽器支持，而且無(wú)需插件或軟件。JQuery等JavaScript庫(kù)能夠簡(jiǎn)化設(shè)計(jì)處理和動(dòng)畫(huà)制作。

游戲

動(dòng)態(tài)圖形是影像家族的成員之一，伴隨著電影產(chǎn)業(yè)而發(fā)展起來(lái)的一種視覺(jué)藝術(shù)，它作為一種新興的視覺(jué)呈現(xiàn)形態(tài)， 在國(guó)內(nèi)仍處于起步發(fā)展階段。而西方發(fā)達(dá)國(guó)家早已獲得了廣泛的認(rèn)知，產(chǎn)業(yè)鏈發(fā)展也較成熟。

過(guò)去十年中，交互式體驗(yàn)在游戲行業(yè)已經(jīng)變得越來(lái)越具有電影風(fēng)格了。很多隨身帶的視頻游戲主機(jī)，比如：日本游戲公司世嘉株式會(huì)社的“Dreamcast游戲主機(jī)“、日本電子游戲公司任天堂的”游戲盒子（GameCube）、微軟公司的（Xbox）、索尼公司的C，已經(jīng)發(fā)展到對(duì)家庭娛樂(lè)產(chǎn)生了革新性變化。1999年，索尼娛樂(lè)公司開(kāi)發(fā)出了“PlayStation2”，即“PlayStation（1994）”的繼承版。PS2包含一個(gè)處理器（叫“情感引驚），可以進(jìn)行復(fù)雜運(yùn)算，以支持由預(yù)先記錄的數(shù)據(jù)的播放來(lái)決定。例如，在游戲“NBA ShootOut”（2003）中，運(yùn)動(dòng)員栩栩如生的動(dòng)作是拍攝了數(shù)十位NBA球星的運(yùn)球、傳球、投籃和標(biāo)志性灌籃而制作出的效果。

游戲設(shè)計(jì)專業(yè)領(lǐng)域要求在美學(xué)、理念性和想象力思維、編程、動(dòng)態(tài)設(shè)計(jì)經(jīng)歷、游戲動(dòng)態(tài)的理解有著堅(jiān)實(shí)的基礎(chǔ)，以及在團(tuán)隊(duì)環(huán)境中工作的能力。越來(lái)多的大學(xué)開(kāi)設(shè)了游戲設(shè)計(jì)項(xiàng)目課程，而且大多數(shù)都強(qiáng)調(diào)了設(shè)計(jì)技巧的重要性。

觸屏手機(jī)

今天，絕大多數(shù)與日常生活、娛樂(lè)、教育、社交、音樂(lè)和旅行等有關(guān)的移動(dòng)設(shè)備應(yīng)用程序，已經(jīng)引領(lǐng)了數(shù)碼技術(shù)和藝術(shù)的更包容性和生成性結(jié)合。根據(jù)移動(dòng)分析公司Flurry數(shù)據(jù)顯示，蘋果手機(jī)與平板電腦支持的應(yīng)用程序超過(guò)50萬(wàn)個(gè)，而IOS、Android、Blackberry、Windows phone、Java ME和HTML5等移動(dòng)平臺(tái)支持的應(yīng)用程序更多。此外，使用移動(dòng)應(yīng)用程序的消費(fèi)者的數(shù)量，已經(jīng)遠(yuǎn)遠(yuǎn)超過(guò)了觀看黃金時(shí)段電視節(jié)目的人群數(shù)量。

小屏幕界面的動(dòng)畫(huà)的潛力已經(jīng)在音樂(lè)領(lǐng)域逐漸發(fā)揮。作為一種合作式媒介，音樂(lè)已經(jīng)從其與電影的整合，演變到音樂(lè)視頻，以及近年來(lái)引入到交互式媒介中。在接受“全球交互設(shè)計(jì)指南”的采訪時(shí)，著名媒體藝術(shù)家兼電影制片人斯尼比指出，音樂(lè)家的目標(biāo)不是創(chuàng)作“一維的音符流”，而是“創(chuàng)作一種情感的感性體驗(yàn)，其中往往包含著表演。”

2011年7月，位于紐約的Trollback+Company設(shè)計(jì)工作室發(fā)布了視頻應(yīng)用程序“+loop”。這個(gè)程序讓您可以將iphone或ipad的屏幕分成視頻播放器的一個(gè)自定義網(wǎng)格，用于記錄和連續(xù)循環(huán)播放并置的動(dòng)態(tài)或靜態(tài)小圖像。視頻內(nèi)容可以全屏記錄和播放，或者逐個(gè)記錄，組成單獨(dú)的方塊。這個(gè)作為固定網(wǎng)格的應(yīng)用程序的構(gòu)思形成之后，創(chuàng)意總監(jiān)貝克認(rèn)識(shí)到，把網(wǎng)格設(shè)計(jì)成可自定義將會(huì)非常有趣，因?yàn)橛脩艨梢越邮芤环N新的方式的動(dòng)態(tài)圖形的直觀性。通過(guò)修改網(wǎng)格尺寸、畫(huà)面偏移量和播放速度等因素，創(chuàng)作出一系列作品。

結(jié)語(yǔ)

成功的導(dǎo)航設(shè)計(jì)，將支持和引導(dǎo)用戶瀏覽復(fù)雜的界面。在界面的導(dǎo)航結(jié)構(gòu)中加入動(dòng)畫(huà)，能夠重點(diǎn)突出一些用戶可能會(huì)忽視的菜單項(xiàng)，從而提升交互水平。動(dòng)畫(huà)過(guò)渡的認(rèn)知好處，在于可以在靜態(tài)的圖像環(huán)境中提升設(shè)計(jì)的含義。

（作者單位：廣東創(chuàng)新科技職業(yè)學(xué)院）

作者簡(jiǎn)介：劉超祥（1979-），男，湖南漣源人，本科，研究方向：視覺(jué)傳達(dá)設(shè)計(jì)方向。