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

【摘要】網(wǎng)絡(luò)技術(shù)在人們的日常生活以及工作當(dāng)中都發(fā)揮著重要作用，這對(duì)網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域的發(fā)展也起到了帶動(dòng)作用，對(duì)網(wǎng)頁(yè)設(shè)計(jì)的要求也有著提高。網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中回應(yīng)用到諸多的元素和技術(shù)，其中對(duì)Flash動(dòng)畫的應(yīng)用就是比較重要的，這對(duì)優(yōu)化網(wǎng)頁(yè)設(shè)計(jì)有著積極作用。本文先對(duì)Flash的主要特征體現(xiàn)加以闡述，然后對(duì)Flash動(dòng)畫的應(yīng)用現(xiàn)狀以及應(yīng)用優(yōu)勢(shì)進(jìn)行分析，最后對(duì)Flash動(dòng)畫在網(wǎng)頁(yè)設(shè)計(jì)中的具體應(yīng)用詳細(xì)探究。

【關(guān)鍵詞】Flash動(dòng)畫；網(wǎng)頁(yè)設(shè)計(jì)；應(yīng)用

一、Flash的主要特征體現(xiàn)和應(yīng)用現(xiàn)狀

（一）Flash的主要特征體現(xiàn)。Flash在實(shí)際的應(yīng)用過(guò)程中，有著鮮明的特征體現(xiàn)，其主要是在矢量圖形的基礎(chǔ)上，自身導(dǎo)出文件小能對(duì)圖形實(shí)施任意縮放，對(duì)圖形的質(zhì)量不會(huì)受到影響，對(duì)網(wǎng)絡(luò)的傳輸就比較適合。Flash的動(dòng)畫工作過(guò)程是使用的插件，如果用戶想觀看動(dòng)畫只要進(jìn)行安裝插件就能實(shí)現(xiàn)，F(xiàn)lash的生成動(dòng)畫也比較小，在調(diào)用的速度上比較快[1]。FlashAS代碼強(qiáng)大，使用這一技術(shù)所制作出的動(dòng)畫交互性就比較強(qiáng)，比較容易和瀏覽者進(jìn)行互動(dòng)。在運(yùn)用Flash的技術(shù)能加入按鈕控制頁(yè)面跳動(dòng)以及鏈接，可通過(guò)鼠標(biāo)鍵盤燈控制動(dòng)畫運(yùn)動(dòng)，在動(dòng)畫的視聽(tīng)效果上比較強(qiáng)，在適用的范圍上比較廣泛。

（二）Flash動(dòng)畫應(yīng)用現(xiàn)狀。Flash技術(shù)的應(yīng)用方面在網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中的應(yīng)用比較廣泛，網(wǎng)頁(yè)設(shè)計(jì)的諸多環(huán)節(jié)對(duì)Flash都能應(yīng)用到。通過(guò)流式播放動(dòng)畫進(jìn)行播放。能夠?qū)换バ缘奶卣骷右泽w現(xiàn)，一些網(wǎng)站的引導(dǎo)界面采用Flash的應(yīng)用制作成動(dòng)漫形式，有的是通過(guò)專用軟件進(jìn)行實(shí)現(xiàn)，設(shè)計(jì)成靜態(tài)頁(yè)面。多說(shuō)的網(wǎng)頁(yè)頁(yè)面都是靜態(tài)的，偶爾也有網(wǎng)站的頁(yè)面是以其他的形式進(jìn)行呈現(xiàn)的，如動(dòng)漫網(wǎng)絡(luò)廣告以及動(dòng)漫作品展示等[2]。在靜態(tài)的網(wǎng)頁(yè)當(dāng)中在內(nèi)容上通過(guò)Flash的應(yīng)用，就能產(chǎn)生動(dòng)態(tài)的效果。

二、Flash動(dòng)畫的應(yīng)用優(yōu)勢(shì)和在網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用

（一）Flash動(dòng)畫的應(yīng)用優(yōu)勢(shì)分析。Flash動(dòng)畫在網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中進(jìn)行應(yīng)用有著諸多的優(yōu)勢(shì)，F(xiàn)lash在動(dòng)畫的兼容性方面比較好，有著比較好的互動(dòng)性。能夠把圖形以及聲音和文本等融匯到一段動(dòng)畫當(dāng)中，聲情并茂的展示某一主題，在視覺(jué)沖擊上也比較強(qiáng)，能給人留下深刻的印象。在網(wǎng)頁(yè)的設(shè)計(jì)過(guò)程中，對(duì)Flash動(dòng)畫的應(yīng)用，對(duì)網(wǎng)頁(yè)設(shè)計(jì)的互動(dòng)性特征就能良好呈現(xiàn)，從而吸引更多的瀏覽者關(guān)注網(wǎng)頁(yè)內(nèi)容。在當(dāng)前，網(wǎng)頁(yè)設(shè)計(jì)中對(duì)Flash動(dòng)畫的應(yīng)用，已經(jīng)成為網(wǎng)頁(yè)設(shè)計(jì)的主要?jiǎng)赢嫺袷健?/p>

Flash動(dòng)畫在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用功能比較突出，由于在動(dòng)畫文件的體積上相對(duì)比較小，F(xiàn)lash使用矢量圖形以及流式播放基數(shù)，就能在短時(shí)間內(nèi)實(shí)現(xiàn)加載播放目標(biāo)，對(duì)網(wǎng)絡(luò)網(wǎng)頁(yè)的應(yīng)用比較適合。Flash動(dòng)畫在制作上較為簡(jiǎn)單，對(duì)網(wǎng)頁(yè)設(shè)計(jì)的優(yōu)化效率能起到促進(jìn)作用，為網(wǎng)頁(yè)設(shè)計(jì)人員就提供了比較大的發(fā)展空間[3]。基于這些層面的應(yīng)用優(yōu)勢(shì)，就使得Flash動(dòng)畫在網(wǎng)頁(yè)設(shè)計(jì)中得到了廣泛應(yīng)用。

（二）Flash動(dòng)畫在網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用。Flash動(dòng)畫在網(wǎng)頁(yè)設(shè)計(jì)中的多個(gè)環(huán)節(jié)都能進(jìn)行應(yīng)用，發(fā)揮其積極的作用。筆者結(jié)合實(shí)際對(duì)Flash在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用，提出了幾點(diǎn)措施，如下所述：

網(wǎng)頁(yè)制作中部分應(yīng)用Flash動(dòng)畫。在網(wǎng)頁(yè)制作過(guò)程中，一些部分對(duì)Flash動(dòng)畫的應(yīng)用需求比較大，能將Flash動(dòng)畫通過(guò)短片形式進(jìn)行嵌入在相應(yīng)內(nèi)容當(dāng)中，獨(dú)立展示某一主題，能夠起到娛樂(lè)或者是公益教育等目的。為避免網(wǎng)頁(yè)的靜態(tài)設(shè)計(jì)的枯燥性，在對(duì)Flash動(dòng)畫的應(yīng)用下，在網(wǎng)頁(yè)中采用導(dǎo)航欄動(dòng)畫以及浮動(dòng)動(dòng)畫網(wǎng)絡(luò)廣告等，能夠提升網(wǎng)頁(yè)的動(dòng)態(tài)化效果，在引導(dǎo)界面做成Flash動(dòng)畫，就能彰顯網(wǎng)頁(yè)的活潑型，吸引瀏覽者注意到網(wǎng)頁(yè)中的內(nèi)容。

整站網(wǎng)頁(yè)設(shè)計(jì)中Flash動(dòng)畫的應(yīng)用。在對(duì)整站網(wǎng)頁(yè)的設(shè)計(jì)過(guò)程中，對(duì)Flash動(dòng)畫的應(yīng)用需求也比較大，網(wǎng)頁(yè)設(shè)計(jì)中就含蓋著視聽(tīng)覺(jué)的元素，網(wǎng)站引導(dǎo)界面設(shè)計(jì)引導(dǎo)進(jìn)入內(nèi)頁(yè)面的整體系統(tǒng)是在Flash軟件制作下完成的，其中就有著視頻以及Flash廣告動(dòng)畫和交互動(dòng)畫等。對(duì)網(wǎng)站的各級(jí)導(dǎo)航欄以及圖片文字的展示等，在對(duì)Flash應(yīng)用下在視覺(jué)效果上能良好呈現(xiàn)[4]。為能提高網(wǎng)站的設(shè)計(jì)美觀性，通過(guò)會(huì)通過(guò)內(nèi)嵌式或者是漂浮式廣告來(lái)吸引瀏覽者的目光，激發(fā)瀏覽者的好奇心，從而與之進(jìn)行互動(dòng)。

網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中對(duì)Flash動(dòng)畫元素的應(yīng)用也是比較重要的。在交互式的導(dǎo)航系統(tǒng)設(shè)計(jì)方面是比較重要的內(nèi)容。導(dǎo)航欄有著引導(dǎo)瀏覽者閱讀的作用，在設(shè)計(jì)中就要分成幾個(gè)級(jí)別導(dǎo)航欄，然后結(jié)合級(jí)別作出標(biāo)志和加以區(qū)分。如在色彩的設(shè)計(jì)上盡可能的亮麗和清爽。在對(duì)按鈕的設(shè)計(jì)方面，也是網(wǎng)頁(yè)設(shè)計(jì)中的重要內(nèi)容，設(shè)計(jì)中不僅要設(shè)置鏈接，還要能在按鈕的動(dòng)畫效果上加以呈現(xiàn)。通過(guò)Flash動(dòng)畫的應(yīng)用，能將按鈕動(dòng)態(tài)化呈現(xiàn)。Flash形象展示動(dòng)畫設(shè)計(jì)方面也要加強(qiáng)重視，F(xiàn)lash形象展示動(dòng)畫和網(wǎng)站形象廣告有著相似性，具體的設(shè)計(jì)中對(duì)主色的應(yīng)用要結(jié)合企業(yè)CI規(guī)范通過(guò)標(biāo)準(zhǔn)色以及輔助色進(jìn)行結(jié)合應(yīng)用，在色彩的搭配上能夠協(xié)調(diào)haul，只有這樣才能保障設(shè)計(jì)的質(zhì)量。

網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中的聲音設(shè)置以及鼠標(biāo)動(dòng)畫的設(shè)計(jì)也是比較重要內(nèi)容，通過(guò)Flash動(dòng)畫的應(yīng)用對(duì)其能起到優(yōu)化設(shè)計(jì)的作用。如在對(duì)聲音設(shè)置的時(shí)候，F(xiàn)lash動(dòng)畫設(shè)計(jì)應(yīng)用下，把聲音控制按鈕放在頁(yè)面一個(gè)位置，通過(guò)瀏覽者在安靜的辦公場(chǎng)合不希望打開(kāi)網(wǎng)頁(yè)就聽(tīng)到聲音，設(shè)計(jì)的會(huì)后可將頁(yè)面背景音樂(lè)設(shè)置關(guān)閉。結(jié)合不同的按鈕放置的位置不同設(shè)置不同的音樂(lè)風(fēng)格。在這一網(wǎng)頁(yè)的設(shè)計(jì)方面，360瀏覽器網(wǎng)頁(yè)的設(shè)計(jì)，在聲音設(shè)置上就有著其突出的特色[5]。另外，在對(duì)鼠標(biāo)動(dòng)畫的設(shè)計(jì)方面注重圖案以及色彩的搭配，能方便瀏覽者清晰的找到鼠標(biāo)的位置，方便瀏覽者的使用。鼠標(biāo)的移動(dòng)軌跡不能太長(zhǎng)，在動(dòng)畫色的應(yīng)用上除了脫于頁(yè)面還要設(shè)計(jì)成透明的感覺(jué)。

【參考文獻(xiàn)】

[1]周宏偉.在網(wǎng)頁(yè)設(shè)計(jì)中Flash交互動(dòng)能的應(yīng)用研究[J]. 科技創(chuàng)新導(dǎo)報(bào). 2015（15）

[2]喬慧.Flash動(dòng)畫在網(wǎng)頁(yè)制作中的應(yīng)用及發(fā)展[J]. 內(nèi)蒙古石油化工. 2013（21）

[3]董凌，邱雅婷，王珍慧.炫動(dòng)視覺(jué)——FLASH動(dòng)畫在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用[J]. 科協(xié)論壇（下半月）. 2013（04）

（作者單位：大連工業(yè)大學(xué)藝術(shù)與信息工程學(xué)院傳媒系 指導(dǎo)教師 金文玥）