淺析Flash動畫在網頁制作中的運用

李芳

（海南三亞技師學院 海南三亞 572000）

淺析Flash動畫在網頁制作中的運用

李芳

（海南三亞技師學院 海南三亞 572000）

隨著網絡以及計算機的不斷普及，人們生活中的很多方面都可以通過網絡得到很大的便利。于是各個網站也在不斷的提高自身網頁設計水平，以吸引更多關注度。網站的制作從最初的添加圖片文字等簡單媒體元素到當下較為普遍的添加了動態效果的網頁設計，Flash無疑為網頁的動態設計發揮了較好的作用，加入Flash所制作出的網頁具有視覺效果好、交互性能強大等優點，在網頁設計中起到了重要的作用，本文從靜態網頁存在的問題入手，探析Flash動畫在網頁制作中的應用。

FIash動畫 網頁設計 動態效果

網絡的出現使得人類社會發生了重大的變化，尤其在我國，網民數量突飛猛進，以計算機、網絡為基礎的信息化社會正在不斷的改變著人們的生活方式。網絡自興起以來，各大企業、機構或者個人紛紛通過網絡來發布或者獲取各種信息，所以網站數量相當大，各個網站之間的競爭也日趨激烈。任何一個網站都是由很多個網頁所構成，網頁是這個網站信息的最前沿傳播者，在瀏覽網頁時我們很容易發現了一個問題，那就是很多網頁不夠生動，甚至稍顯枯燥，這對于網站建設和發展來說非常不利，因為網頁設計的優劣直接關系到這個網站的訪問瀏覽量。尋求比較好的網頁設計效果應該是從事這方面工作的人們應該加以注意的。Flash是一種交互式動畫設計工具，它能夠將矢量圖、位圖、音頻、動畫和交互動作有機地、靈活地結合在一起，從而制作出美觀、動感、交互性強的動態效果，它被稱為“最靈活的前臺”并為越來越多的網頁設計師們采用。

與傳統方式的網頁平面制作相比，flash給網站帶來的好處非常明顯。結合Flash動畫在網頁應用中的實際表現，可將其特點歸納為以下幾點：

1.適合網絡應用：應用Flash可以制作出一種擴展名為.swf的動畫文件，通過使用矢量技術、關鍵幀和元件使得所生成的這種動畫文件小巧精干，非常適合在網站中插入。而且網頁中的Flash動畫往往以“流”的方式邊下載邊播放，保證了圖形的質量和觀看速度。

2.表現形式多樣：Flash動畫網頁的表現形式多樣，可以包含文字、圖片、聲音以及動畫等內容，如果不考慮文件的大小因素，還可在網頁中插入視頻片斷。豐富的表現形式使Flash動畫網頁可以更好地表現網站的主題。

3.內容針對性強：Flash動畫網頁可根據網站的特點，對網站進行針對性的宣傳和表現，如促銷廣告可直接著手于促銷手段的表現，而產品演示廣告則著重與產品的功能和特點表現。這就使得Flash動畫網頁的表現能夠更為直觀，使瀏覽者更好地理解網站的意圖。

4.具有交互功能：Flash可以通過動作語句來實現交互功能。如瀏覽者可以通過單擊網頁導航條選項來獲取自己感興趣的內容，或通過單擊Flash動畫按鈕連接到相關頁面，以了解更加詳細的信息。

一、flash動畫在網頁設計中的局部應用

在網頁設計中，flash動畫作品除了以“流式播放動畫”播放以外，如：flash動畫短片、flashMV。通常情況下，很多的網站是將Flash動畫用于網站首頁的設計中，其他內頁設計使用教多的還是Dreamweaver軟件，也就是網頁中僅僅有文字和圖片這種媒體元素，由于缺乏相應的視覺感受，很多網站又都是千篇一律，很難引起瀏覽者的興趣。這時候如果在網頁制作中加入Flash動畫就可以起到強大的視覺和聽覺效果，所以也有一些網站將內頁的廣告宣傳、形象或圖片展示、網站注冊、登陸、導航欄廣告等等位置也是做成Flash動畫的形式，這種設計無疑給網頁帶來了更多的生機，起到生動的裝飾點綴作用，能夠充分調動瀏覽者的積極性。比如我們看到一些網站會用添加各種內嵌式或漂浮式動畫，來提高網站的美觀性，吸引瀏覽者的注意；還比如有的學校網站首頁采用圖片幻燈片放映，簡單明了的突出了學校的近況，校園新聞，和學生的學習環境。因此，網頁的制作添加適當的動畫，會給網頁加入一些生動活潑的元素，但是添加動畫也要注意過猶不及，一定要恰當的位置設計恰當多的Flash動畫，否則會起到畫蛇添足的反作用，使瀏覽者感到眼花繚亂和厭煩。

二、Flash滲透整個網頁設計

此外，也有一些網站為了體現其獨特之處，將這個網站頁面全部使用Flash動畫進行設計，即整個網站的所有視聽元素及版式的設計全部采用Flash技術進行設計，除了網站的引導界面外，網站內的所有廣告、網頁中的Logo、Flash MV、網站各級導航欄、文字、色彩、聲音、按鈕和圖標等都采用Flash技術進行設計。因為全flash網站基本以圖形和動畫為主，所以比較適合做那些文字內容不太多，以平面、動畫效果為主的網頁。如：企業品牌推廣、特定網上廣告、網絡游戲、個性網站等。

制作全flash網站和制作html網站類似，一般有以下流程：網站結構規劃—＞Flash場景規劃—＞素材準備—＞分別制作—＞整體整合。制作前事先應先在紙上畫出結構關系圖，包括：網站的主題、要用什么樣的元素、哪些元素需要重復使用、元素之間的聯系、元素如何運動、用什么風格的音樂、整個網站可以分成幾個邏輯塊、各個邏輯塊間如何聯系，都應該考慮周全。實現全flash網站效果多種多樣，但基本原理是相同的：將主場景作為一個“舞臺”，這個舞臺提供什么樣的長寬比例和顏色風格，“演員”就是網站子欄目的具體內容，根據子欄目的內容結構可能會再派生出更多的子欄目。主場景作為“舞臺”基礎，基本保持自身的內容不變，其它“演員”身份的的元件、次元件內容根據需要被導入到主場景內。這種純Flash動畫網站通常情況下看起來非常炫麗，最大的不足就是所要占用的網絡空間相對比較大、對于瀏覽者的帶寬以及所用電腦的配置要求較高，而且大量運用Flash動畫會降低網站被搜索引擎識別的概率。

三、網頁中主要的Flash動畫元素的設計

1.交互式導航系統的設計。網頁信息是否能夠有效的傳達給瀏覽者，頁面信息的組織與鏈接是關鍵，網頁中導航系統的設計也就十分重要，每一級導航都要有著非常簡單明了的導航設置，同時是最明顯的位置給出下一級頁面信息的鏈接，最終實現用戶可以明確有條理的瀏覽網頁中的每一個所需要的頁面。使用Flash動畫來進行導航系統的設計，能夠最大限度的體現交互性。Flash動畫導航設計是基于動作腳本語言來進行的。它是編輯Flash動畫的一種語言，根據面向對象的編輯思想，通過Flash中的事件實現對程序的驅動。由于導航欄有引導瀏覽者的作用，因此在設計時須分出幾個級別的導航欄，且根據各個級別做出標志以示區分。在色彩的設計上，應盡可能地選用亮麗、透明和清爽的色彩搭配。

2.個性化LOGO設計。成功的網站logo是網站的形象象征，它背后所代表是整個網站的文化、理念、內容以及個性等等，對整站網頁設計至關重要。要想設計出簡單、精美、獨特、富有代表性的logo，必須具備一定的美術功底、圖像處理能力及動畫制作能力。首先應根據網站的類型、內容和風格，設計出代表網站形象的精美圖案，然后利用圖像處理軟件PS來完成圖形和文字的藝術美化，接下來運用動畫制作軟件Flash完成標志的動畫設計，為標志添加動畫效果，最后將logo的動畫轉換成元件，以供反復利用，并將logo元件放置在首頁醒目的位置上。在設計時，主色應按照網站內涵建設的要求，對照網頁基調來做出相應的選擇，或是可直接插入商業網站的形象產品。另外，在頁面整體上，要盡量醒目，同時還要注意整體形態能否與相關元素協調搭配、標識動感設計是否流暢等等方面。

3.網頁動畫廣告。動畫廣告是網頁設計中廣告普遍采用的一種表現形式，以前簡單的靜態banner廣告形式已經不能滿足客戶的要求，因此，現在的網頁中越來越多地使用彈出式廣告、按鈕廣告、浮動圖標廣告、全屏廣告等眾多形式的廣告，而這些廣告大部分都是使用Flash制作的動畫廣告，包含了更豐富的媒體元素，同時也添加了活潑的動態效果，其在設計時更注重的是視覺的沖擊力。往往在設計這種動畫廣告時，要求在幾秒鐘的時間內就要讓受眾理解廣告中所包含的意思及內容，因此，設計時色彩和動畫效果不能太雜，太亂，避免出現過于注重動畫效果而忽視了頁面的主要信息，致使瀏覽者對其產生厭惡感而導致整個網站的瀏覽量下降。

四、展望Flash動畫在網頁設計中的應用

隨著互聯網帶寬的不斷增加和Flash對互聯網的影響力的不斷增強，添加動畫的網頁逐漸受到人們的關注，人們已經認可在Html頁面上加入一些Flash的元素會使頁面更生動。Flash動畫可以實現畫面的縮放丶旋轉以及淡入淡出等動畫效果。在Flash動畫還沒有出現之前，網頁上所有的動畫幾乎全部是Gif動畫，這種動畫雖然占用的空間非常之小，比較便于在網絡上進行傳播，但是其最大的缺點就是不能夠嵌入聲音效果，無法進行交互式訪問。相比較而言，Flash動畫就可以在網絡資源受限的前提下，實現小空間內多信息量的傳達，既有應用性，又具有藝術性，讓觀看者能夠在短時間內形成最深的感受，達到非常好的效果。而且，FLash動畫具有很強的交互性，生動形象的動畫和交互式操作，給每一位訪問者帶來一種切身體驗的訪問感受，充分體會互動性所帶來的樂趣。這樣就能提高網站關注度和訪問量，增加自身業績。總之，在網頁制作中，按照flash動畫的發展前景來看，無論是在什么類型的網站中，flash動畫都有著廣闊的應用空間和應用范圍。可以期待，flash動畫在網頁制作中一定會有更加美好的發展前景。

不過我們在運用Flash動畫設計網頁時，還要考慮到要想制作一個好的具有吸引力的網站，不但需要提供給人們所需要的內容，還需要有一定的藝術性。所以一個網頁在使用Flash動畫進行設計時，不可能只去考慮呈現內容或者呈現效果其中一個方面，必須要進行兩個方面比重的平衡協調關系。只注重功能的設計，勢必會給瀏覽者造成審美上的缺失，不容易引起人們的關注；只注重呈現效果設計，就會給人以藝術品的感覺，網頁上獨特的動畫特效固然能夠起到凸顯個性的作用，但是過多的使用這些動畫特效，勢必會一定程度上影響用戶的瀏覽效果，這樣做既無意義又不美觀。容易使人忽略其功能的便利性。所以，二者必須找到一個平衡點，來滿足瀏覽者的需求，要既讓用戶感覺到網頁的實用性和美感，同時又讓用戶感覺不到眼花繚亂。

［1］.修稻.Flash在多媒體網站中的運用.邊疆經濟與文化，2009（7）

［2］.王天予.淺淡Flash在網頁制作中的運用.理論探討，2010（1）.