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

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

網(wǎng)站

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

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

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

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

游戲

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

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

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

觸屏手機

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

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

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

結(jié)語

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

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

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