網頁設計動圖繪制系統

文/王志勇

互聯網改變傳統生活方式，在獲取信息及人際交往過程中，已經產生質變。這種改變成為社會發展的動力，各種思路與技術的融合，使得圖形設計自靜態轉變為動態，催生新型設計科目，動態圖形設計。現階段網絡技術已經覆蓋人們生活的各個層面，人們活動已經無法脫離網絡。Web網頁是人們意識中的虛擬概念，用戶不需要協議便能夠了解信息。直觀交互方式形成獨特的風格，網站頁面設計是其中重點，成功商業網站，需具備個性化特點，Flash動圖的出現豐富了網頁，給人帶來視覺沖擊，因此將Flash動圖應用于網頁界面設計中，具有更高的價值。

1 動圖設計

1.1 動圖定義

動態圖形設計指在電影或者視頻動態條件下的圖形設計，常見于電影片頭及片尾，通過文字及圖形結合方式體現，是電視頻道的標志。此界定中表現為動圖發展經過兩個階段。首先與影像藝術存在聯系，其次與平面設計存在聯系。動態圖設計利用平面設計及影像設計形成與發展，動態圖在電影、電視應用初期，在影片片頭及平面設計中應用，界面動態圖建立在傳統設計基礎上，對元素進行動態設計，其中加入時間概念，在設計過程中，需傳達靜態圖形信息特點。

1.2 動圖特點

動態圖在特點上體現為與平面設計存在聯系，表現為動態型為靜態圖形延伸出的藝術，具備靜態圖的多數屬性，遵循平面設計規則，這種設計在動態媒體中，比如電視、互聯網等，在時間維度上進一步延伸，與實踐因素緊密聯系，與傳統圖形存在明顯差異。動態圖設計形式受到技術與媒體方式的限制，不同技術水平受到環境影響，展現不同效果。

2 動圖設計系統作用

網頁動圖設計利用Flash系統，互聯網在開發后，使時代發展具有個性，網絡動圖被瀏覽者喜愛，Flash系統設計的動圖具有亮眼特點，在較大程度滿足瀏覽者需求，調動人們瀏覽網頁的好奇心，使人們心理變得更加活躍，帶來視覺沖擊。Flash系統所設計的網頁具有多樣化、生動化網頁感受，為網頁帶來更多利益，瀏覽者經常看到動態圖處于漂浮狀態，Flash系統動圖在游戲設計中價值更大。網頁設計Flash動圖在發展過程中，帶給網站建設等人員較大利益。網頁設計中放置多種動圖，但也要思考動圖展現效果，實現事半功倍的目標。Flash動圖能夠保障網頁設計具備藝術性，提升網頁關注度，這些效果往往出人意料，滿足人們的個性化需求，對追求時尚企業及媒體具有重要意義。先進網頁設計產品已經無法脫離Flash系統，利用3D動畫雖然能見到更加顯著的效果，但花費成本較高，普通網頁設計無法承受，二維Flash系統動態圖像將圖片組合后，能夠展現理想效果，符合時代發展需求。

3 網頁設計中的視覺屬性

3.1 時間延續性

動態圖形設計本質利用空間變化體現時間，與靜態設計不同，不同幀元素變化能夠體現時間。時間表現過程中，傳統電影一般為每幀24s，網頁界面動態圖片，時間增加或者減少能夠體現不同效果，靜幀能夠體現時間停止，人們在瀏覽過程中能夠感知時間延續。

3.2 空間延續

牛頓空間理論中，真實空間為無限存在，通過不同軸向構建三維空間，靜態圖形可利用x，y軸體現，動態圖體現作品的豐富多彩，但也會具有邊界。動態方式將空間拓展至界面以外，時間概念可體現空間z軸，使設計空間進一步延伸。

3.3 傳遞高效性

外國研究人員利用眼動儀對網頁界面進行調查，發現人們關注圖形大于信息本身，動態圖關注度更高，處于整個邏輯中的首位，人們在觀察過程中，視覺受到刺激過程中，人們將觸感信息保留，通過幾秒時間將其記憶，這種記憶容易被新的記憶取代。動圖設計過程中，通過動態體現時間維度，使人們更加方便的捕捉物理心理，通過承載界面，使人們信息收集更加豐富，這些信息形成人們的心理感受，這種意識使人們信息收集能力提升，更加有效收集信息。

4 Flash動圖設計系統在網頁設計的應用

4.1 在娛樂網頁的應用

網頁設計中需觀察設計需求，在娛樂及宣傳性主題網站中，都會涉及到娛樂動畫，其中涉及到豐富的文字及音效、圖片等藝術元素，使網頁設計娛樂及公益性提升，強化網頁價值。網頁設計中任何動態圖像需要利用攝影技術，對圖像光線及聲音等整個場景進行思考，盡可能將能夠利用的元素，實現理想的氣氛，表達理想效果依舊依靠Flash系統，Flash系統動態圖像也會使得瀏覽者情感產生共鳴，調度瀏覽者情緒，使瀏覽者關注度提升。

4.2 在收益性廣告中的應用

我國網站網頁設計發展過程中，多數利用GIF動態圖，我國早期網頁設計過程中Flash系統圖像應用并不如同現今普及程度。隨著網絡技術的不斷發展，立足廣告角度對Flash系統動圖進行分析，可以發現動圖設計更新速度較快，通過具有創意性的廣告，吸引瀏覽者的關注度。但現階段windows系統程序已經不需要下載Flash系統軟件，便能夠實現動圖廣告的有效制作，這種方式能夠使廣告商更加方便的獲取利益，我國90%以上的網站可直接采取Flash系統圖像制作網頁廣告。比如新浪網、搜狐網等網站利用Flash系統動態圖像設計軟件，制作的廣告數量較大，動圖可增加信息的點擊量，微博利用Flash系統軟件，實現動圖的高效處理，實現整體網頁效果，具有個性化主題。

4.3 休閑、單機游戲Flash系統動圖

Flash系統動圖利用交互式接口實現交互式動圖，其中具備聲音、圖像、圖片、文字，屬于整合性動態圖像，能夠為交流提供更多的渠道，使得休閑或者單機游戲受到更多上班族或者其他群體的喜愛，Flash系統軟件設計的游戲具備反饋能力，使得網絡游戲具備娛樂性，滿足人們的解壓需求。隨著網民對此類游戲關注度提升，使得網頁中加入較多的小游戲，這些游戲都是Flash軟件設計的游戲。Flash游戲經過年的開發與應用，游戲功能與管理方面依舊存在一定的問題，但隨著Flash Player 7的出現，使得系統功能進一步提升，使原本Flash系統的5倍左右，性能的不斷提升，使得Flash系統開發的動態圖像具有更高的品質，進入更高的層次，滿足現階段網民的基本需求。

4.4 網站首頁的動圖應用

人們進入網站過程中，會出現一段動圖體現網頁主題，經過短時間的放映，伴隨音樂的播放，能夠將主題內容清晰表達，使用戶了解動圖內容，若用戶感興趣便可直接點擊動圖，進入主題內容中。這種Flash動畫是受到企業及人們歡迎的界面，但是隨著網頁開頭動畫多數體現企業形象或者個人形象，在商務網站中不能適用。此類Flash動畫圖像能夠使企業風格體現，展示設計師思維，達到理想宣傳效果，成本較低，符合企業發展需求。因此設計師及企業對這種表現形式較為喜愛，使人產生深刻印象。

4.5 網頁導航中的動圖應用

Flash具備良好的分段處理及元素重組能力，結合Action Scitp對象控制，使得多媒體設計形成動態及小巧的平臺。在網頁導航欄的應用，能夠使瀏覽者更加有興趣去接受和點擊，使網站點擊人數不斷增加，建設電子商務市場，使網頁設計產生質變，不斷提升產品美感，沖擊人們視野。網頁利用個性化及時尚化導航頁能吸引多數人目光，增加關注度。

4.6 在網頁色彩中的應用

為使瀏覽者更關注度更高，色彩應用是其中的重點。色彩變化能夠對瀏覽者產生視覺沖擊，防止瀏覽者視覺疲乏。傳統網頁設計，圖片及色彩關注度不高，圖案作為說明放置一旁，并未進行Flash動畫處理，受眾對圖片并未關注。色彩在網頁設計中，并未進行任何豐富的改變，只是使瀏覽者隨便一睹，網頁設計無法起到理想的表達效果。Flash系統制作的動圖應用于網頁設計中，優勢便可有效展現，使網頁關注度及主體表達更加清晰。

5 結束語

社會經濟處于不斷發展過程中，網絡處理技術及開發技術不斷發展，人們審美及藝術觀念不斷創新及改善。在網頁設計過程中應當思考多種因素，比如具備藝術、立體、創意等觀念，才能使網頁吸引受眾。此背景下，Flash動圖的應用能夠使得網頁體現以上幾種理念，滿足人們的個性化需求，實現理想的效果。在Flash系統不斷應用過程中，Flash動圖也會面臨眾多的挑戰，但技術不斷發展及新思維的不斷應用，會使Flash系統為動圖制作及網頁設計帶來更多的驚喜。