淺議Flash在網(wǎng)站建設(shè)中的應(yīng)用

尹振鶴

(徐州財(cái)經(jīng)高等職業(yè)技術(shù)學(xué)校，江蘇 徐州221008)

Flash 是由美國Macromedia 公司出品的一款矢量繪圖和動(dòng)畫制作軟件，主要用于制作網(wǎng)絡(luò)動(dòng)畫。該軟件作為網(wǎng)上動(dòng)畫制作軟件佼佼者，已經(jīng)廣泛地運(yùn)用于網(wǎng)頁設(shè)計(jì)、廣告設(shè)計(jì)、游戲開發(fā)等基于Web 的各個(gè)領(lǐng)域，并逐步向多媒體、影視視頻、產(chǎn)品展示、遠(yuǎn)程教育等各種傳統(tǒng)領(lǐng)域滲透。Flash 特別適用于創(chuàng)建通過Internet 提供的內(nèi)容，因?yàn)樗奈募浅Ｐ。梢灾谱鞲黝惐容^逼真的動(dòng)畫如卡通、商業(yè)片頭、MTV作品和教學(xué)課件等。

1 Flash 的特點(diǎn)

Flash 作為現(xiàn)代一種新的設(shè)計(jì)方式和娛樂方式，不僅有其實(shí)用功能，并且還有視覺和聽覺上的雙重享受，更因?yàn)樗哂械娜の缎裕鳛橐环N強(qiáng)大的動(dòng)畫制作軟件，在視覺表現(xiàn)上較普通的網(wǎng)頁有很大的優(yōu)勢(shì)，因此，被廣泛用于網(wǎng)絡(luò)的制作中。最初用于網(wǎng)站片頭，現(xiàn)在己經(jīng)大量運(yùn)用于宣傳企業(yè)產(chǎn)品的網(wǎng)絡(luò)廣告。另外，電視臺(tái)也開始播放Flash 制作的短劇和廣告。將動(dòng)畫加上音樂及歌詞就成了MTV，這也是Flash最擅長的一面。制作交互多媒體是Flash 的優(yōu)勢(shì)所在，F(xiàn)lash 制作的導(dǎo)航界面，隨著鼠標(biāo)的各種動(dòng)作可以產(chǎn)生動(dòng)畫、聲音。還能使網(wǎng)上游戲更具吸引力。

Flash 是矢量圖形編輯和動(dòng)畫制作軟件。它通過符號(hào)、按鈕、層、幀、場(chǎng)景等一系列組合，能夠讓用戶集成圖形、聲音、動(dòng)畫、影像文件等各種多媒體素材。就像用磚頭造房子一樣制作出形式簡潔、內(nèi)容豐富、交互性強(qiáng)的極富感染力的動(dòng)畫作品。隨著Flash 軟件功能的不斷強(qiáng)大和完善，給用戶提供了一個(gè)更方便、更廣闊的動(dòng)畫制作平臺(tái)。

Flash 的特點(diǎn)決定了它在因特網(wǎng)上能夠風(fēng)靡一時(shí)。首先，它的動(dòng)畫作品輸入矢量動(dòng)畫，因此可以無限放大不失真；其次，F(xiàn)lash 最終壓縮生成swf 動(dòng)畫文件體積小得出奇，正好符合網(wǎng)絡(luò)傳輸?shù)男枰辉僬撸瑂wf文件屬于流式播放，可以邊下載邊播放，這個(gè)特點(diǎn)在網(wǎng)絡(luò)速度較慢的情況下尤其突出；最后，F(xiàn)lash 擁有比較強(qiáng)的交互功能，F(xiàn)lash 中具有強(qiáng)大的面向?qū)ο蟮腁ctionScript 語言，還可以與響應(yīng)的數(shù)據(jù)庫進(jìn)行連接等，使復(fù)雜的動(dòng)畫實(shí)現(xiàn)變得更加簡單和方便。但是美中不足的是，F(xiàn)lash動(dòng)畫的播放需要插件的支持，因此，只有當(dāng)用戶的瀏覽器擁有響應(yīng)的插件時(shí)，才可以正常瀏覽Flash 動(dòng)畫。目前，F(xiàn)lash 格式已經(jīng)作為開放標(biāo)準(zhǔn)公布，并獲得了第三方軟件的支持，因此將有更多的瀏覽器支持Flash 動(dòng)畫，而Flash 動(dòng)畫也必將得到更廣泛的應(yīng)用。

2 Flash 在網(wǎng)站建設(shè)中的應(yīng)用

2.1 Flash 在網(wǎng)頁設(shè)計(jì)中的應(yīng)用

除了采用Flash 制作相關(guān)的頁面外，也有一些網(wǎng)站，為了展示自己的個(gè)性，使用Flash 來制作整個(gè)站點(diǎn)。整個(gè)站點(diǎn)從概念上就己經(jīng)包括所有視聽元素部分及版式的設(shè)計(jì)。暫且不說網(wǎng)站引導(dǎo)界面的設(shè)計(jì)，由其引導(dǎo)進(jìn)入的內(nèi)頁面這整個(gè)系統(tǒng)都是由Flash 軟件來制作，就包括上文列舉的視頻、Flash 廣告動(dòng)畫、Flash 交互動(dòng)畫、 網(wǎng)站的Flash 形象展示動(dòng)畫、網(wǎng)站各級(jí)導(dǎo)航欄、圖片展示、文字、鏈接、色彩、音樂、聲音、游戲及網(wǎng)站注冊(cè)、登陸、計(jì)算系統(tǒng)等。這樣的Flash 動(dòng)畫網(wǎng)站，感覺都十分炫，具有很強(qiáng)很獨(dú)特的個(gè)性，基本上能完全調(diào)動(dòng)瀏覽者的積極性，給人以活躍的心理感受。

為了提高網(wǎng)站的美觀性，和一些廣告廠商的利益獲取性，我們經(jīng)常會(huì)看到好多內(nèi)嵌式或漂浮式的廣告，吸引我們的注意。如江蘇省徐州財(cái)經(jīng)高等職業(yè)技術(shù)學(xué)校，http：//www.xzcx.net.cn 網(wǎng)站首頁的圖片幻燈片放映，更簡單明了地突出了學(xué)校的近況、校園新聞和學(xué)生的學(xué)習(xí)環(huán)境。因此，好的動(dòng)畫，需要有好的設(shè)計(jì)，需要我們潛心去研究、思考，既能使網(wǎng)站充分利用其生動(dòng)活潑的優(yōu)勢(shì)，又不會(huì)因其一些限制因素，而使瀏覽者產(chǎn)生不好的心理感受，以至于影響到網(wǎng)頁和瀏覽者的互動(dòng)。

2.2 Flash 在網(wǎng)站建設(shè)中的關(guān)鍵技術(shù)

Flash 網(wǎng)站實(shí)現(xiàn)的關(guān)鍵，尤其是Flash MX 之后新增了很多功能強(qiáng)大的命令。關(guān)于這部分，可以參看其他有關(guān)Flash 編程方面的資料，這里只談一談部分制作Flash 網(wǎng)站需要使用的比較重要的Action-Script函數(shù)。ActionScript 的一個(gè)關(guān)鍵目標(biāo)是易于使用。非程序員可以容易地使用ActionScript，這一點(diǎn)非常重要。Flash 提供的并不是一個(gè)蒼白的腳本編輯窗口，而是在Flash 中創(chuàng)建了一個(gè)可視的、容易理解的界面，用來為Flash 影片添加交互功能。Flash 中ActionScript 非常易學(xué)，并且使得Flash 播放器可以保持很小，這是一個(gè)重要的因素。考慮到網(wǎng)絡(luò)傳輸?shù)乃俣龋绻鹖ndex.swf 文件比較大，在它被完全導(dǎo)入以前設(shè)計(jì)一個(gè)Loading 引導(dǎo)瀏覽者耐心等待是非常有必要的。同時(shí)設(shè)計(jì)得好的Loading 在某些時(shí)候還可以為網(wǎng)站起一定的鋪墊作用。

一般的做法是先將Loading 做成一個(gè)影片剪輯，在場(chǎng)景的最后位置設(shè)置標(biāo)簽如end，通過if.FrameLoaded 來判斷是否已經(jīng)下載完畢，如果已經(jīng)下載完畢則通過gotoAndPlay 控制整個(gè)Flash 的播放。

制作Flash 網(wǎng)站的過程中經(jīng)常遇到一定量的文字內(nèi)容需要體現(xiàn)，文本的內(nèi)容表現(xiàn)與上面介紹的流程是一樣的，不同的地方體現(xiàn)最后的表現(xiàn)效果和處理手法還是有些不同。如果文本內(nèi)容不多，有希望將文本內(nèi)容做得比較有動(dòng)態(tài)效果，可以采用此法。將需要文本做成若干個(gè)Flash 的元件，在相應(yīng)的位置安排好。文本圖形法的文件載人與前面介紹的處理手法比較類似，原理都差不多。具體動(dòng)態(tài)效果因設(shè)計(jì)需求而異。

3 總結(jié)

要記住用戶的目標(biāo)，網(wǎng)站設(shè)計(jì)應(yīng)該反應(yīng)客戶的需求，有效地傳播主要信息與促進(jìn)品牌。然而網(wǎng)站的目標(biāo)最好通過尊重用戶的習(xí)慣來達(dá)到，所以站點(diǎn)結(jié)構(gòu)必須滿足用戶的需要，快速地將用戶引導(dǎo)至其目標(biāo)而避免任何公司和區(qū)域行話。在設(shè)計(jì)中最好的方法是用戶界面的一致性。元素結(jié)構(gòu)的再使用、元素的設(shè)計(jì)以及命名的習(xí)慣，將使用戶在導(dǎo)向他們的目標(biāo)時(shí)對(duì)站點(diǎn)傳達(dá)的信息的注意力更加豐富。

在網(wǎng)站建設(shè)技術(shù)發(fā)展的這幾年中，有一種力量在左右著其發(fā)展方向，那就是Flash 自身的技術(shù)發(fā)展方向。已不僅僅停留到平面的界面上，在Flash 中，有類似Photoshop 中的濾鏡效果和圖層混合效果。Macromedia 公司已經(jīng)不滿足Flash 作為矢量動(dòng)畫軟件了，有了這些功能，有美術(shù)經(jīng)驗(yàn)的網(wǎng)站建設(shè)者又要興奮不已了，它將是優(yōu)秀動(dòng)畫作品有了更加強(qiáng)力的支持。當(dāng)前，交互式網(wǎng)站已占領(lǐng)互聯(lián)網(wǎng)領(lǐng)域的主導(dǎo)位，而Flash 動(dòng)畫自身的親和力和傳播速度等優(yōu)勢(shì)，將會(huì)給Flash 動(dòng)畫產(chǎn)業(yè)帶來巨大的商業(yè)空間。以彩信和互動(dòng)游戲?yàn)橥黄瓶冢現(xiàn)lash 將在近期迅速占領(lǐng)手機(jī)中的彩信市場(chǎng)。縱觀今后媒體的發(fā)展方向，要想有更美好的前景，還需要設(shè)計(jì)者和Flash 的共同發(fā)展作為前提。Flash 現(xiàn)在急需改變的，就是與圖像及圖像創(chuàng)作的緊密結(jié)合，畢竟不可能每一個(gè)設(shè)計(jì)師都去專修矢量圖設(shè)計(jì)，設(shè)計(jì)更多的設(shè)計(jì)師完成更加真實(shí)、生動(dòng)化的作品。另外，作為有美術(shù)基礎(chǔ)的設(shè)計(jì)師們更應(yīng)該注重自身素質(zhì)及技術(shù)的培養(yǎng)，這包括專業(yè)知識(shí)和創(chuàng)作思路。在今后的網(wǎng)絡(luò)媒體設(shè)計(jì)中不斷地創(chuàng)新，讓交互多媒體在各個(gè)不同領(lǐng)域都能夠得到長足的發(fā)揮。

［1］趙祖蔭.電子商務(wù)網(wǎng)站建設(shè)教程[M].清華大學(xué)出版社，2004.

［2］王爽，劉新東，王海霞.網(wǎng)站建設(shè)與網(wǎng)頁配色[M].科學(xué)出版社，2013.

［3］吳偉敏.網(wǎng)站設(shè)計(jì)與Web 應(yīng)用開發(fā)技術(shù)[M].清華大學(xué)出版社，2009.