論三大交互式媒體中動態圖形設計的應用

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

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

網站

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

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

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

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

游戲

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

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

游戲設計專業領域要求在美學、理念性和想象力思維、編程、動態設計經歷、游戲動態的理解有著堅實的基礎，以及在團隊環境中工作的能力。越來多的大學開設了游戲設計項目課程，而且大多數都強調了設計技巧的重要性。

觸屏手機

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

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

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

結語

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

（作者單位：廣東創新科技職業學院）

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