基于flash的網(wǎng)頁(yè)設(shè)計(jì)

1、I基于flash的網(wǎng)頁(yè)設(shè)計(jì)內(nèi)容摘要：Flash動(dòng)畫已經(jīng)成為越來(lái)越多的人們所關(guān)注的一種動(dòng)畫發(fā)展的趨勢(shì)?？梢哉f(shuō)，通過(guò)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)并建設(shè)網(wǎng)站，開創(chuàng)了多媒體效果的網(wǎng)頁(yè)或整個(gè)多媒體網(wǎng)站的新潮流，本文對(duì)Flash動(dòng)畫在網(wǎng)頁(yè)制作中的應(yīng)用及發(fā)展做了探討。關(guān)鍵詞：Flash，網(wǎng)頁(yè)設(shè)計(jì)Flash based website designAbstract:Abstract: Flash has become a trend of more and more people animation concern developme nt. It can be said, by website desig n and bu

2、ild the site, creat ing a new wave of multimedia effects or entire multimedia web site, the paper making Flash ani matio ns in web applicati on developme nt done and discussed.KeyKey WordsWords： Flash,website design.2導(dǎo)語(yǔ). 1一、.網(wǎng)頁(yè)制作與Flash 1二、.Flash動(dòng)畫應(yīng)用于網(wǎng)頁(yè)制作 2（一）.、在網(wǎng)頁(yè)中啟動(dòng)Flash動(dòng)畫 21、 插入Flash 動(dòng)畫 . 22、 插入Fl

3、ash按鈕. 33、 插入Flash文本. 3（二）.、Flash動(dòng)畫對(duì)網(wǎng)站頁(yè)面的優(yōu)化 41、 網(wǎng)站中的動(dòng)畫聲音 . 42、 網(wǎng)站中的動(dòng)畫色彩. 53、 網(wǎng)站中的鼠標(biāo)動(dòng)畫. 54、 網(wǎng)站中的動(dòng)畫導(dǎo)航系統(tǒng). 5（三） 、Flash動(dòng)畫在網(wǎng)絡(luò)廣告中的設(shè)計(jì)應(yīng)用 . 71、 主題的確定. 72、 字體的選擇. 73、 排版的設(shè)計(jì). 84、 交互按鈕的設(shè)計(jì) . 85、 運(yùn)動(dòng)軌跡的設(shè)計(jì). 8三、.Flash應(yīng)用于網(wǎng)頁(yè)制作的優(yōu)點(diǎn) 8四、 .FLASH在網(wǎng)頁(yè)制作中的延伸發(fā)展 9結(jié)語(yǔ). 10參考文獻(xiàn). 11計(jì)算機(jī)與信息科學(xué)學(xué)院 2014屆雙學(xué)位畢業(yè)論文基于Flash的網(wǎng)頁(yè)設(shè)計(jì)第1頁(yè)（共11頁(yè)）1導(dǎo)語(yǔ)計(jì)算機(jī)在國(guó)內(nèi)

4、推廣初期，大部分企業(yè)已開始根據(jù)經(jīng)營(yíng)實(shí)況設(shè)計(jì)網(wǎng)頁(yè)，但基本上都是集中于“靜態(tài)”模式。靜態(tài)網(wǎng)頁(yè)在市場(chǎng)上推廣一段時(shí)間之后，用戶開始發(fā) 現(xiàn)其存在的諸多弊端，女口：頁(yè)面重點(diǎn)不突出、產(chǎn)品信息不明顯、視覺(jué)效果不鮮明、 流量數(shù)量不充足等等。這些都是由于靜態(tài)頁(yè)面固有的模式讓消費(fèi)者及客戶失去了 關(guān)注的興趣，無(wú)法帶動(dòng)消費(fèi)者參與購(gòu)買的興趣。新時(shí)期Flash技術(shù)逐漸推廣，在此基礎(chǔ)上設(shè)計(jì)的網(wǎng)頁(yè)具有多方面的優(yōu)勢(shì)。1網(wǎng)頁(yè)制作與Flash網(wǎng)絡(luò)的呈現(xiàn)方式 -網(wǎng)頁(yè)，就必須要足夠地體現(xiàn)互動(dòng)特征。但要以如何的面目呈現(xiàn)給瀏覽者呢？不但網(wǎng)頁(yè)的實(shí)用性要好，而且藝術(shù)設(shè)計(jì)也成為吸引和留住 瀏覽者的一把鑰匙，而構(gòu)成這一設(shè)計(jì)的關(guān)鍵因素就是Flash動(dòng)

5、畫，它是在藝術(shù)形 態(tài)上的互動(dòng)，內(nèi)容上的交流。1因此，網(wǎng)站中Flash動(dòng)畫設(shè)計(jì)的形式，可以是全 部的靜態(tài)頁(yè)面，也可以是在靜態(tài)頁(yè)面中嵌入部分動(dòng)畫設(shè)計(jì)或是全部的動(dòng)畫設(shè)計(jì)。Flash是美國(guó)的MACROMEDIA司于1999年6月推出的優(yōu)秀網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)軟 件。它是一種交互式動(dòng)畫設(shè)計(jì)工具，用它可以將音樂(lè)、聲效、動(dòng)畫以及富有新意 的界面融合在一起，以制作出高品質(zhì)的網(wǎng)頁(yè)動(dòng)態(tài)效果。它采用了矢量圖形編輯制 作，使得Flash輸出的電影動(dòng)畫具有文件小、效果好、圖像細(xì)膩、對(duì)網(wǎng)絡(luò)帶寬要 求低以及可無(wú)損放大等諸多優(yōu)點(diǎn)，這一優(yōu)秀的矢量動(dòng)畫編輯工具給我們帶來(lái)了 強(qiáng)有力的視覺(jué)沖擊，使我們能夠輕易地將豐富的想象力可視化。現(xiàn)如今，

6、Flash動(dòng)畫以小巧、動(dòng)感、富有交互性而風(fēng)靡網(wǎng)絡(luò)。在制作網(wǎng)頁(yè)時(shí)， 將Flash動(dòng)畫應(yīng)用到網(wǎng)頁(yè)中，作出的網(wǎng)頁(yè)模板也是栩栩如生，更能吸引瀏覽者 的眼球，而且與瀏覽者的互動(dòng)性也比較強(qiáng)。Flash圖片不會(huì)出現(xiàn)放大圖片后出現(xiàn) 馬賽克的失真現(xiàn)象，同時(shí)Flash動(dòng)畫作出的視頻其體積小便于在線觀看，也贏 得了瀏覽者的關(guān)注。Flash的發(fā)展離不開網(wǎng)頁(yè),而Flash的網(wǎng)絡(luò)富媒體在網(wǎng)頁(yè)上 處理數(shù)據(jù)和制作網(wǎng)頁(yè)游戲上也獨(dú)具優(yōu)勢(shì)。2網(wǎng)頁(yè)的生動(dòng)性同樣離不開Flash動(dòng)畫, Flash動(dòng)畫可以使瀏覽者擺脫枯燥的網(wǎng)頁(yè)固定文字，F(xiàn)lash 動(dòng)畫制作的動(dòng)態(tài)廣告也可以抓住瀏覽者的眼球。作為網(wǎng)頁(yè)三劍客之首的Flash在網(wǎng)頁(yè)設(shè)計(jì)中起著至

7、 關(guān)重要的作用,網(wǎng)頁(yè)的發(fā)展離不開Flash動(dòng)畫,Flash 動(dòng)畫的發(fā)展也離不開網(wǎng)計(jì)算機(jī)與信息科學(xué)學(xué)院 2014屆雙學(xué)位畢業(yè)論文基于Flash的網(wǎng)頁(yè)設(shè)計(jì)第2頁(yè)（共11頁(yè)）頁(yè)這一當(dāng)今潮流平臺(tái)。2 Flash動(dòng)畫應(yīng)用于網(wǎng)頁(yè)制作Flash動(dòng)畫在網(wǎng)頁(yè)應(yīng)用中隨處可見(jiàn)，從簡(jiǎn)單的流動(dòng)式動(dòng)畫到復(fù)雜交互式 Web 動(dòng)畫,都體現(xiàn)了 Flash動(dòng)畫的優(yōu)勢(shì)。我們?cè)诖蟛糠值木W(wǎng)頁(yè)中看到的Flash只占 網(wǎng)頁(yè)一小部分內(nèi)容，通常只是起引導(dǎo)或宣傳廣告的作用，此時(shí)如果用Flash動(dòng) 畫來(lái)完成網(wǎng)頁(yè)制作，整個(gè)設(shè)計(jì)過(guò)程就太繁瑣，而且占用的網(wǎng)頁(yè)空間也大。所以在 實(shí)際制作過(guò)程中會(huì)在Dreamw eaver調(diào)用和控制Flash動(dòng)畫,將Flas

8、h動(dòng)畫作為 一個(gè)模塊嵌入到網(wǎng)頁(yè)中，二者的結(jié)合既能讓網(wǎng)頁(yè)的制作過(guò)程更加便捷又能為網(wǎng) 頁(yè)增加動(dòng)感。2.1在網(wǎng)頁(yè)中啟動(dòng)Flash動(dòng)畫下面就介紹如何在網(wǎng)頁(yè)中添加、控制Flash動(dòng)畫以及如何通過(guò)網(wǎng)頁(yè)來(lái)啟動(dòng)Flash動(dòng)畫。在網(wǎng)頁(yè)添加、控制Flash動(dòng)畫首先在網(wǎng)頁(yè)中插入Flash交互對(duì)象， 可插入的對(duì)象包括：Flash 動(dòng)畫，F(xiàn)lash 按鈕及Flash文本。2.1.12.1.1插入FlashFlash動(dòng)畫插入flash動(dòng)畫前必須存在已作好的Flash動(dòng)畫文件（文件格式：.sw f ） 。 通過(guò)點(diǎn)擊網(wǎng)頁(yè)制作軟件中“插入Flash動(dòng)畫”的按鈕，彈出對(duì)話框，填寫所需插 入動(dòng)畫的名稱和路徑，選擇事先設(shè)計(jì)好的.sw

9、 f 格式的Flash動(dòng)畫，點(diǎn)擊確定 即可完成網(wǎng)頁(yè)中插入Flash動(dòng)畫。如圖1所示：計(jì)算機(jī)與信息科學(xué)學(xué)院 2014屆雙學(xué)位畢業(yè)論文基于Flash的網(wǎng)頁(yè)設(shè)計(jì)第3頁(yè)（共11頁(yè)）圖1插入Hash按鈕對(duì)話框2.1.22.1.2插入FlashFlash按鈕通過(guò)打開插入Flash按鈕對(duì)話框可插入Flash按鈕對(duì)象,Flash 按鈕對(duì)象讓 您可以自定義并插入一套預(yù)先設(shè)計(jì)好的 Flash按鈕。在插入Flash按鈕或文本對(duì) 象之前必須保存文檔。在對(duì)話框中可選擇按鈕類型，可輸入按鈕上的文本、設(shè)置 按鈕上文字的字體、指定鏈接的地址或文檔、指定下一個(gè)目標(biāo)框架或者目標(biāo)窗口、 為此Flash動(dòng)畫命名等。2.1.32.1.

10、3插入FlashFlash文本使用Flash文本對(duì)象可以創(chuàng)建和插入一個(gè) Flash電影,（包含文本動(dòng)畫效 果）。允許創(chuàng)建一個(gè)體積小、基于矢量圖形的動(dòng)畫，而且在動(dòng)畫中可以設(shè)置字體 和文字的內(nèi)容。其用法與Flash按鈕類似。然后，設(shè)置Flash對(duì)象屬性選中插入 的Flash對(duì)象，可以在屬性面板中對(duì)該動(dòng)畫的屬性進(jìn)行設(shè)置。通過(guò)屬性窗口可設(shè) 置屬性有：動(dòng)畫的高度和寬帶、保存路徑、對(duì)齊方式、背景顏色、是否自動(dòng)播放、 是否循環(huán)播放、設(shè)置四周空白間距、播放的品質(zhì)、比例等等。另外，在網(wǎng)頁(yè)中控制Flash動(dòng)畫可利用Dreamweaver中的行為“ Co nt ro l Shockwave orFlash ”來(lái)控制

11、動(dòng)畫的播放、停止或轉(zhuǎn)向某幀。在網(wǎng)頁(yè)中啟動(dòng)Flash計(jì)算機(jī)與信息科學(xué)學(xué)院 2014屆雙學(xué)位畢業(yè)論文基于Flash的網(wǎng)頁(yè)設(shè)計(jì)第4頁(yè)（共11頁(yè)）動(dòng)畫網(wǎng)頁(yè)。方法一：只要瀏覽器內(nèi)置了 Flash插件,網(wǎng)頁(yè)內(nèi)容鏈接了有關(guān)Flash 動(dòng)畫，打開網(wǎng)頁(yè)時(shí)便可播放Flash動(dòng)畫。方法二：采用“打開瀏覽窗口”來(lái)實(shí)現(xiàn) 啟動(dòng)網(wǎng)頁(yè)點(diǎn)擊鏈接時(shí)自動(dòng)調(diào)用有Flash動(dòng)畫的HTML網(wǎng)頁(yè)。若設(shè)置行為時(shí)直接添 加“打開瀏覽器窗口”行為，F(xiàn)lash窗口便會(huì)隨著主網(wǎng)頁(yè)窗口的打開而打開。然 后，用Flash中的Actio n 腳本語(yǔ)言來(lái)控制網(wǎng)頁(yè)。 Act ion Script是Flash動(dòng)畫制作軟件內(nèi)置的腳本語(yǔ)言,程序員通過(guò)編寫Flash

12、腳本語(yǔ)言,可以使f lash 影 片以非線性的方式播放，實(shí)現(xiàn)各種精彩的特效動(dòng)畫。Flash動(dòng)畫的插入使網(wǎng)頁(yè)充 滿活力,Flash 動(dòng)畫與HT ML網(wǎng)頁(yè)交互實(shí)現(xiàn)方式如圖2所示。圖2団氈命與網(wǎng)頁(yè)交換方式2.2 Flash動(dòng)畫對(duì)網(wǎng)站頁(yè)面的優(yōu)化2.2.12.2.1網(wǎng)站中的動(dòng)畫聲音如果能在五彩繽紛的網(wǎng)頁(yè)動(dòng)畫中再加上美妙的聲音，貝U會(huì)有錦上添花的效 果。在網(wǎng)頁(yè)中，聲音部分有：鼠標(biāo)點(diǎn)擊的鏈接轉(zhuǎn)入聲、背景音樂(lè)、網(wǎng)頁(yè)插入視頻 或網(wǎng)絡(luò)電視聲音、音樂(lè)、廣播電臺(tái)的現(xiàn)場(chǎng)播音等，網(wǎng)上流行的聲音格式有：MIDI、WAVMP3 RealAudio。MIDI格式音樂(lè)的特點(diǎn)是占用空間小， 但顏色單調(diào)；WAV是 無(wú)壓縮聲音文件，在

13、所有帶有聲卡的電腦中都可以播放；MP3壓縮音樂(lè)文件，占 用空間小得多，但是要先下載后收聽(tīng)；RealAudio，比WAV和MP音質(zhì)稍差，但占 用空間卻小許多?？梢砸贿呄螺d一邊播放。網(wǎng)頁(yè)設(shè)計(jì)中的鼠標(biāo)點(diǎn)擊的鏈接轉(zhuǎn)入聲 和背景音樂(lè)，在鼠標(biāo)點(diǎn)擊后，應(yīng)該發(fā)出清脆的聲音，來(lái)反映出轉(zhuǎn)入鏈接的快速感， 計(jì)算機(jī)與信息科學(xué)學(xué)院 2014屆雙學(xué)位畢業(yè)論文基于Flash的網(wǎng)頁(yè)設(shè)計(jì)第5頁(yè)（共11頁(yè)）以給予瀏覽者充分得到回應(yīng)后的心理滿足感， 以便充分調(diào)動(dòng)起瀏覽者再繼續(xù)瀏覽 其他內(nèi)容的積極性；而在背景音樂(lè)的設(shè)計(jì)上，可以按照網(wǎng)站的性質(zhì)來(lái)選擇音樂(lè)風(fēng) 格，選擇時(shí)要用悅耳的音樂(lè)，要考慮到眾多種愛(ài)好瀏覽者的接受程度。同時(shí)，最 好把聲音

14、的控制按鈕放于頁(yè)面的一個(gè)位置， 可以由瀏覽者來(lái)調(diào)節(jié)是開或者關(guān)，尊 重瀏覽者的個(gè)人愛(ài)好，還有一點(diǎn)要注意，有很多瀏覽者會(huì)是在安靜或辦公、 又或 公共場(chǎng)合下瀏覽網(wǎng)頁(yè)，會(huì)不希望一打開網(wǎng)頁(yè)，就馬上傳出聲音，而給其他人造成 不便。因此，不能專注于光考慮網(wǎng)頁(yè)和動(dòng)畫的效果，還得充分尊重到瀏覽者，背 景音樂(lè)可以設(shè)置為默認(rèn)關(guān)閉，但有可以由訪問(wèn)者親自調(diào)節(jié)為“開”的聲音控制按 鈕。222222網(wǎng)站中的動(dòng)畫色彩運(yùn)用不同的色彩，網(wǎng)站的外觀風(fēng)格有所不同，網(wǎng)站給人的感覺(jué)也不同。也就 是說(shuō)，色彩作為傳達(dá)網(wǎng)站形象的首位視覺(jué)要素，會(huì)在訪問(wèn)過(guò)網(wǎng)站的使用者腦海中 留下長(zhǎng)久的印象。即使使用者無(wú)法清楚地記住自己訪問(wèn)過(guò)的網(wǎng)站的外形特征，至少

15、能夠容易地想起網(wǎng)站的色彩。也就是說(shuō)，色彩作為最直接的視覺(jué)語(yǔ)言，色彩也 一定要遵守一些規(guī)范。一般情況下，一個(gè)網(wǎng)站的形象展示動(dòng)畫，如同網(wǎng)站的LOGO 一般，色彩在設(shè)計(jì)時(shí)應(yīng)遵循企業(yè)的CI規(guī)范，按照標(biāo)準(zhǔn)色和輔助色來(lái)設(shè)計(jì)，或者 采用網(wǎng)頁(yè)主色。主要是要在瀏覽者面前形成統(tǒng)一的形象記憶。其他搭配色則可以 依情況采用其他色，或直接插入企業(yè)形象產(chǎn)品等。除此以外，色彩的搭配上，要 盡量醒目，與整個(gè)頁(yè)面協(xié)調(diào)。2.2.32.2.3網(wǎng)站中的鼠標(biāo)動(dòng)畫在鼠標(biāo)做動(dòng)畫效果時(shí)，需要注意的色彩搭配，其實(shí)就是指鼠標(biāo)移動(dòng)軌跡的圖 案和色彩。這種色彩首先應(yīng)該區(qū)別于頁(yè)面色彩，使瀏覽者可以清晰的找到鼠標(biāo)的 位置，以利于用戶更方便地瀏覽頁(yè)面信息

16、。而鼠標(biāo)移動(dòng)的軌跡不可以阻擋下邊的 頁(yè)面信息，所以圖形盡量要小，色彩除了脫出于頁(yè)面外，可以設(shè)計(jì)為稍透明的感 覺(jué)，并且鼠標(biāo)的移動(dòng)軌跡不宜太長(zhǎng)。當(dāng)然，鼠標(biāo)動(dòng)畫的設(shè)計(jì)相對(duì)其他難度性大些， 需要語(yǔ)言編程。2.2.42.2.4網(wǎng)站中的動(dòng)畫導(dǎo)航系統(tǒng)如今，豐富多樣的動(dòng)態(tài)效果逐漸出現(xiàn)。新媒體具有的網(wǎng)絡(luò)雙向互動(dòng)特點(diǎn)極大 地支持了新環(huán)境下的交互式設(shè)計(jì)環(huán)境。使用者雖然仍然是通過(guò)單純的鼠標(biāo)點(diǎn)擊和鍵盤操作來(lái)瀏覽網(wǎng)頁(yè)，但是使用者選擇菜單的導(dǎo)航方式卻已經(jīng)豐富多樣。交互式 計(jì)算機(jī)與信息科學(xué)學(xué)院 2014屆雙學(xué)位畢業(yè)論文基于Flash的網(wǎng)頁(yè)設(shè)計(jì)第6頁(yè)（共11頁(yè)）導(dǎo)航不僅僅是單純的鼠標(biāo)移上效果，它能夠帶給人新鮮感和愉快感，但更優(yōu)

17、越于 其使用性的交互式導(dǎo)航功能，使用者的參與是交互式導(dǎo)航的必需條件， 在這種情 況下，必須要有誘導(dǎo)使用者互動(dòng)的設(shè)計(jì)。交互式導(dǎo)航欄的設(shè)計(jì)必須是在實(shí)現(xiàn)其功 能性的前提下來(lái)進(jìn)行動(dòng)畫交互和視覺(jué)設(shè)計(jì)的。在功能性上，導(dǎo)航欄有著引導(dǎo)用戶 瀏覽信息的作用，設(shè)計(jì)時(shí)通常需要分出幾個(gè)級(jí)別的導(dǎo)航欄， 并在這幾個(gè)級(jí)別的醒 目程度上做出區(qū)分，特別是一級(jí)導(dǎo)航欄一般要突出其立體感和鮮明感。在色彩的運(yùn)用上，可以選用亮麗、透明、清爽的色彩搭配，引導(dǎo)瀏覽者去點(diǎn)擊、甚至享受 這一過(guò)程的喜悅。同時(shí)，導(dǎo)航鏈接最好是設(shè)置成“打開新的頁(yè)面”，這樣有利于瀏覽者分別條理性地瀏覽每一個(gè)導(dǎo)航菜單下的內(nèi)容。在具備以上條件的基礎(chǔ)上， 通過(guò)動(dòng)畫設(shè)計(jì)的導(dǎo)航

18、欄，不但從視覺(jué)上達(dá)到美觀特別，還充分體現(xiàn)出瀏覽者的點(diǎn) 擊快感，甚至可以配以清脆的聲音。而在導(dǎo)航欄造型和動(dòng)畫效果的設(shè)計(jì)上，可以充分發(fā)揮想象力，充滿特別的樂(lè)趣，使瀏覽者很欣喜地參與進(jìn)去。除此以外，諸 如網(wǎng)頁(yè)中的“按鈕”，按鈕是網(wǎng)頁(yè)的重要組成元素之一，在網(wǎng)頁(yè)中發(fā)揮著十分重 要的作用。要達(dá)到信息良好的交互傳達(dá)，導(dǎo)航系統(tǒng)的設(shè)計(jì)十分重要，每一級(jí)導(dǎo)航 都要有清晰明了的導(dǎo)航設(shè)置，并在其醒目的位置設(shè)置下一級(jí)頁(yè)面信息的鏈接。盡量以明確而有條理的設(shè)計(jì)使瀏覽者按網(wǎng)頁(yè)中設(shè)置的瀏覽主線訪問(wèn)每一個(gè)頁(yè)面。動(dòng)畫導(dǎo)航系統(tǒng)不但可以獲得瀏覽者的青睞，而且其交互性的設(shè)計(jì)使網(wǎng)頁(yè)以強(qiáng)有力的 信息交互作用留住大量的用戶群。Flash動(dòng)畫導(dǎo)航

19、系統(tǒng)交互性的設(shè)計(jì)，通常需要 調(diào)動(dòng)它的腳本語(yǔ)言：Action script 。它的基本語(yǔ)法接近于VBScript，中文可以 直接譯為“動(dòng)作腳本”，它是Flash專用的一種程序語(yǔ)言，采用面向?qū)ο缶幊痰乃?想，采用Flash中的事件對(duì)程序進(jìn)行驅(qū)動(dòng)，以動(dòng)畫中的關(guān)鍵幀、按鈕或電影片斷 作為對(duì)象來(lái)對(duì)腳本語(yǔ)言ActionScript進(jìn)了二定義和編寫。例如，在 Flash軟件中“舞臺(tái)”上選定一個(gè)圖形或按鈕作為對(duì)象，然后通過(guò)關(guān)鍵幀里的腳本程序代碼、 電影剪輯符實(shí)例內(nèi)的腳本代碼或某個(gè)按鈕內(nèi)的腳本程序代碼來(lái)對(duì)這個(gè)已選定的 對(duì)象的各種屬性進(jìn)行控制，如位置、顏色、形狀等。另外，也可以通過(guò)一個(gè)按鈕所產(chǎn)生的事件來(lái)控制某個(gè)對(duì)

20、象，例如鼠標(biāo)指針經(jīng) 過(guò)按鈕事件、鼠標(biāo)單擊事件等。在瀏覽者松開鼠標(biāo)和將鼠標(biāo)移上按鈕， 甚至用鼠 標(biāo)點(diǎn)擊時(shí)的反應(yīng)都可以是不一樣的， 可以是按鈕的顏色發(fā)生變化，也可以是其上計(jì)算機(jī)與信息科學(xué)學(xué)院 2014屆雙學(xué)位畢業(yè)論文基于Flash的網(wǎng)頁(yè)設(shè)計(jì)第7頁(yè)（共11頁(yè)）覽者達(dá)成互動(dòng)，讓瀏覽者看到他的動(dòng)作是有回應(yīng)的,同時(shí)更能調(diào)動(dòng)起瀏覽者的積極性。設(shè)計(jì)中，每個(gè)按鈕甚至都可以設(shè)置出動(dòng)畫效果,只要我們?cè)谠O(shè)計(jì)其顯示效果時(shí)，盡量注意同時(shí)實(shí)施一種或兩種左右的設(shè)計(jì)方案, 一使瀏覽者感到煩亂。以避免因動(dòng)畫設(shè)計(jì)的不統(tǒng)Flash動(dòng)畫作為網(wǎng)頁(yè)設(shè)計(jì)元素中的重要組成部分,已經(jīng)得到網(wǎng)站設(shè)計(jì)者的重必須從各個(gè)方顯示的文字的變化，更可以是其形狀

21、大小的變化。 這一個(gè)個(gè)動(dòng)畫效果，可以跟瀏視和應(yīng)用。因此，要想更好地發(fā)揮網(wǎng)頁(yè)設(shè)計(jì)中Flash動(dòng)畫的特性, 面來(lái)了解和分析，這是一個(gè)值得關(guān)注的問(wèn)題。希望本研究在今后可以得到完善和 運(yùn)用，以啟示我國(guó)網(wǎng)頁(yè)設(shè)計(jì)及Flash動(dòng)畫交互設(shè)計(jì)的愛(ài)好者們能夠注意到這個(gè)問(wèn) 題，研究并設(shè)計(jì)出更杰出的作品來(lái)，同時(shí)來(lái)帶動(dòng)我國(guó)網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)的整體水平, 形成真正的交流傳播平臺(tái)。2.3 Flash動(dòng)畫在網(wǎng)絡(luò)廣告中的設(shè)計(jì)應(yīng)用網(wǎng)絡(luò)廣告的各種各樣的表現(xiàn)形式其實(shí)總的歸納起來(lái)就分為兩種：一種是靜態(tài) 的廣告，另外一種是動(dòng)態(tài)的廣告。Flash以它本身所具有的動(dòng)畫制作優(yōu)勢(shì)，在網(wǎng) 絡(luò)廣告眾多的表現(xiàn)形式中很多的制作都由Flash來(lái)完成。4比如按鈕

22、和旗幟類的廣告，游動(dòng)式廣告和彈出廣告等一般都是利用Flash軟件來(lái)制作。關(guān)于Flash動(dòng)畫廣告的制作設(shè)計(jì)有以下幾點(diǎn)思考和建議：2.3.12.3.1主題的確定投放在網(wǎng)絡(luò)的廣告動(dòng)畫需要在最短的時(shí)間內(nèi)給用戶傳遞出最關(guān)鍵的信息，這 就要求我們?cè)谠O(shè)計(jì)之前一定要和需求方充分溝通，明確活動(dòng)主題、重點(diǎn)、一定要求對(duì)方提交宣傳文案、商品圖。一般情況下，產(chǎn)品的價(jià)格信號(hào)、打折標(biāo)簽都是需 要重點(diǎn)突出的，所以要對(duì)數(shù)字進(jìn)行強(qiáng)化處理。手持終端 2.3.22.3.2字體的選擇在動(dòng)畫廣告的設(shè)計(jì)中文字扮演著相當(dāng)重要的角色，正確的選擇字體是一個(gè)良 好的開端。呵首先要根據(jù)主題選擇適合氛圍的字體，例如輕松氛圍的可以選擇卡 通、活潑一點(diǎn)的

23、字體，中國(guó)傳統(tǒng)節(jié)日可以選擇書法字體等。 建議最好不要選用過(guò) 細(xì)的字體；選用小字體時(shí)要適當(dāng)?shù)臄U(kuò)大字體間距，方便用戶快速瀏覽；選用大字 體時(shí)要適當(dāng)?shù)臏p小字體間距。但是并非要求小字體的間距一定要大于大字體間 計(jì)算機(jī)與信息科學(xué)學(xué)院 2014屆雙學(xué)位畢業(yè)論文基于Flash的網(wǎng)頁(yè)設(shè)計(jì)第8頁(yè)（共11頁(yè)）距，只是相對(duì)而言。2.3.32.3.3排版的設(shè)計(jì)瀏覽者的視線一般是從左到右、從上到下，要讓廣告動(dòng)畫里的文字、圖片排序 符合用戶的瀏覽順序。如果你沒(méi)有更好的排放方式，把產(chǎn)品圖放在動(dòng)畫的左側(cè) 一般不會(huì)出錯(cuò)，如果是人物圖，盡量使人物的視線方向?qū)χ黝}或關(guān)鍵詞。2.3.42.3.4交互按鈕的設(shè)計(jì)如果添加“立刻購(gòu)買”、

24、“查看詳情”等按鈕，盡量放在最右側(cè)或者下面。2.3.52.3.5運(yùn)動(dòng)軌跡的設(shè)計(jì)Flash動(dòng)畫中，良好的排版是動(dòng)畫成功的一半，另一半就是流暢的動(dòng)畫節(jié)奏， 這需要后期不斷的調(diào)節(jié)。這里簡(jiǎn)單說(shuō)一下在圖片或文字的運(yùn)動(dòng)軌跡中需要注意的 一些問(wèn)題。一般情況下，物體在進(jìn)入和離開場(chǎng)景時(shí)，要盡量選擇較短的路線。特 別是物體離開場(chǎng)景時(shí)，不要占用太多時(shí)間和空間，要干凈迅速。另外物體進(jìn)入和 退出場(chǎng)景的運(yùn)動(dòng)方式應(yīng)該采取同樣的風(fēng)格，例如物體以滑行方式進(jìn)入場(chǎng)景，最好 也以滑行方式退出場(chǎng)景。交互設(shè)計(jì)中有個(gè)對(duì)稱性交互原則，說(shuō)的大致就是這個(gè)意 思。3 Flash應(yīng)用于網(wǎng)頁(yè)制作的優(yōu)點(diǎn)Flash動(dòng)畫之所以被廣泛應(yīng)用于網(wǎng)頁(yè)制作，與其自身

25、的特點(diǎn)密不可分。3.1存儲(chǔ)容量小，不影響畫面。從動(dòng)畫組成來(lái)看：Flash動(dòng)畫主要由矢量圖形組成，矢量圖形具有儲(chǔ)存容量小，并且在縮放時(shí)不會(huì)失真的優(yōu)點(diǎn)。這就使得Flash動(dòng)畫具有儲(chǔ)存容量小，而且 在縮放播放窗口時(shí)不會(huì)影響畫面清晰度的特點(diǎn)。3.2便于網(wǎng)絡(luò)傳輸從動(dòng)畫發(fā)布來(lái)看：在導(dǎo)出Flash動(dòng)畫的過(guò)程中，程序會(huì)壓縮、優(yōu)化動(dòng)畫組成元 素（例如位圖圖像、音樂(lè)和視頻等），這就進(jìn)一步減少了動(dòng)畫的儲(chǔ)存容量，使其 更加方便在網(wǎng)上傳輸。手持機(jī) 3.3便捷的播放模式從動(dòng)畫播放來(lái)看：發(fā)布后的 sw f動(dòng)畫影片具有“流”媒體的特點(diǎn)，在網(wǎng)上 可以邊下載邊播放，而不像GIF動(dòng)畫那樣要把整個(gè)文件下載完了才能播放。計(jì)算機(jī)與信息科

26、學(xué)學(xué)院 2014屆雙學(xué)位畢業(yè)論文基于Flash的網(wǎng)頁(yè)設(shè)計(jì)第9頁(yè)（共11頁(yè)）3.4交互性的運(yùn)用從交互性來(lái)看：可以通過(guò)為Flash動(dòng)畫添加動(dòng)作腳本使其具有交互性,從而 讓觀眾成為動(dòng)畫的一部分。這一點(diǎn)是傳統(tǒng)動(dòng)畫無(wú)法比擬的。3.5制作手法簡(jiǎn)單易學(xué)從制作手法來(lái)看。Flash動(dòng)畫的制作簡(jiǎn)單易學(xué)，容易上手，一個(gè)愛(ài)好者通過(guò)自 學(xué)也能制作出很不錯(cuò)的Flash動(dòng)畫作品。3.6制作成本低從制作成本來(lái)看：用Flash軟件制作動(dòng)畫可以大幅度降低制作成本。同時(shí)，在制作時(shí)間上也比傳統(tǒng)動(dòng)畫大大縮短。3.7圖形繪制功能強(qiáng)大圖形繪制。Flash是一款極為優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)軟件，用其繪制各種圖形可發(fā)揮出不同的視覺(jué)效果。如：企業(yè)在網(wǎng)頁(yè)上

27、設(shè)計(jì)logo時(shí)，可利用Flash動(dòng)畫技術(shù)繪制符合企業(yè)特色的商標(biāo)。該技術(shù)可在原始圖形編制階段自動(dòng)生成動(dòng)態(tài)畫面，塑造了不同的圖形畫面效果，吸引了大量用戶的瀏覽。3.8可用于圖形編輯除了對(duì)原始圖形加工處理外，F(xiàn)lash動(dòng)畫技術(shù)也能對(duì)現(xiàn)有的圖形自動(dòng)化編輯， 達(dá)到改善圖像視覺(jué)效果的目的。女口：為了提高網(wǎng)頁(yè)的宣傳效果，企業(yè)會(huì)定期投資 網(wǎng)頁(yè)的更新制作，采用Flash動(dòng)畫技術(shù)即可對(duì)原始圖像綜合處理，經(jīng)過(guò)程序代碼 編輯后設(shè)計(jì)出具有動(dòng)態(tài)效果的多元化頁(yè)面。3.9支持圖形動(dòng)畫Flash 動(dòng)畫技術(shù)的核心功能是“動(dòng)態(tài)畫面”，鑒于現(xiàn)有的計(jì)算機(jī)技術(shù)條件，動(dòng) 畫圖形不再局限于其運(yùn)動(dòng)的“狀態(tài)”，而是把聲音、視頻、圖形等三大元素整

28、合 到頁(yè)面中。一般情況下，企業(yè)會(huì)剪輯相關(guān)的視頻、圖像，再配備聲音信息，從 多方位對(duì)產(chǎn)品詳細(xì)地介紹，讓消費(fèi)者有全面的了解。4 FLASH在網(wǎng)頁(yè)制作中的延伸發(fā)展目前隨著人們精神文化水平的提高，人對(duì)藝術(shù)的追求也提升了一個(gè)高度，人 計(jì)算機(jī)與信息科學(xué)學(xué)院 2014屆雙學(xué)位畢業(yè)論文基于Flash的網(wǎng)頁(yè)設(shè)計(jì)第10頁(yè)（共11頁(yè)）們開始對(duì)交互式、影像化和視覺(jué)交流方式進(jìn)行探索，更多的人則沉迷于虛擬空間尋找和塑造自我理想的角色和形象，我們已經(jīng)不能再把設(shè)計(jì)理解為一個(gè)狹隘的概 念,視覺(jué)設(shè)計(jì)也漸漸地超越了其原先的范疇，走向越來(lái)越廣闊的領(lǐng)域。從FLASH在 網(wǎng)頁(yè)制作的流行現(xiàn)象中透析視覺(jué)傳達(dá)設(shè)計(jì)的發(fā)展趨勢(shì)。從FLAS H的藝

29、術(shù)特征我們可以看出FLASH將對(duì)網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展起到一定的延伸作用。FLASH動(dòng)畫的發(fā)展也 使廣告藝術(shù)設(shè)計(jì)由以往形態(tài)上的平面化、 靜態(tài)化開始逐漸向動(dòng)態(tài)化、綜合化方向 轉(zhuǎn)變。何在網(wǎng)絡(luò)時(shí)代前一成不變的單調(diào)藝術(shù)設(shè)計(jì)方式受到了人們多元化需求的沖 擊。求新、求變的新生代人群從思想上為這一時(shí)期的設(shè)計(jì)發(fā)展提供了未曾有過(guò)的 選擇，造成了在傳統(tǒng)設(shè)計(jì)基礎(chǔ)上的各種新設(shè)計(jì)的萌發(fā)，提出了新的設(shè)計(jì)方向?？偠灾?，F(xiàn)LASH動(dòng)畫技術(shù)的出現(xiàn)，不僅引領(lǐng)了網(wǎng)站建設(shè)和網(wǎng)絡(luò)廣告設(shè)計(jì)的理念， 更對(duì)整個(gè)藝術(shù)設(shè)計(jì)界產(chǎn)生較大影響，它讓廣告媒體更加豐富多彩，推動(dòng)了網(wǎng)絡(luò)藝 術(shù)媒體的普及和發(fā)展，F(xiàn)LASH動(dòng)畫今后的發(fā)展也會(huì)逐漸滲透到廣告、影視、文化

30、、 經(jīng)濟(jì)各個(gè)領(lǐng)域。結(jié)語(yǔ)隨著互聯(lián)網(wǎng)的發(fā)展，F(xiàn)lash動(dòng)畫以它絢麗的視覺(jué)效果、小巧的文件及不用安 裝插件等優(yōu)勢(shì)迅速占領(lǐng)網(wǎng)絡(luò)媒體的主導(dǎo)地位， 處理好Flash在網(wǎng)頁(yè)中的應(yīng)用技術(shù)， 則能夠大大加大網(wǎng)頁(yè)的吸引力及交互性， 更加為Flash動(dòng)畫添加了靈活的動(dòng)態(tài)效 果，為網(wǎng)頁(yè)設(shè)計(jì)提供更多的創(chuàng)意空間。計(jì)算機(jī)與信息科學(xué)學(xué)院 2014屆雙學(xué)位畢業(yè)論文基于Flash的網(wǎng)頁(yè)設(shè)計(jì)第11頁(yè)(共11頁(yè))參考文獻(xiàn)1 王文軍淺談Flash動(dòng)畫的應(yīng)用與前景J.機(jī)械管理開發(fā).2011 (2).P203-P204.2 成彪.淺談Flash動(dòng)畫藝術(shù)特性及延伸發(fā)展J.藝術(shù)傳媒.2009(2).P255.3 馮麗蘋.探討Flash動(dòng)畫在網(wǎng)

31、頁(yè)制作中的應(yīng)用及發(fā)展J.教研.2012(1).P74-75.4 毛耀.基于Flash的動(dòng)態(tài)網(wǎng)站新方案J.西南民族學(xué)院(自然科學(xué)版).2001(8).P348. 劉斌.基于Flash的課件制作與應(yīng)用J.科技廣場(chǎng).2012(7).P102-P103. 孫英.淺談Flash動(dòng)畫廣告設(shè)計(jì)J.電腦知識(shí)與技術(shù).2015(5).P3711-3715.7 莫仲心.淺談Flash動(dòng)畫在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用J.信息通信.2012(1).P135-P136.8 王海燕.淺談Flash動(dòng)畫的制作J.赤峰學(xué)院學(xué)報(bào)(自然科學(xué)版) .2009(5).P31-P32.9 袁寧.Flash 動(dòng)畫在網(wǎng)頁(yè)中的應(yīng)用 J.電腦學(xué)習(xí).2005(6).P13-P14.10 吳傳學(xué).Flash動(dòng)畫制作的優(yōu)化研究J.學(xué)術(shù)探討.P68-P70.目 錄第一章 總論.錯(cuò)誤！未定義書簽一、 項(xiàng) 目概況 .錯(cuò)誤！ 未定義書簽二、項(xiàng)目提出的理由與過(guò)程 .錯(cuò)誤！未定義書簽三、項(xiàng)目建設(shè)的必要性 .錯(cuò)誤！未定義書簽四、項(xiàng)目的可行性.錯(cuò)誤！未定義書簽第二章市場(chǎng)預(yù)測(cè).錯(cuò)誤！未定義書簽一、市場(chǎng)分析.錯(cuò)誤！未定義書簽二、市場(chǎng)預(yù)測(cè).錯(cuò)誤！未定義書簽三、產(chǎn)品市場(chǎng)競(jìng)爭(zhēng)力分析 .錯(cuò)誤！未定義書簽第三章 建設(shè)規(guī)模與產(chǎn)品方案.錯(cuò)誤！未定義書簽一、建設(shè)規(guī)模.錯(cuò)誤！未定義書簽二、產(chǎn)品方案.錯(cuò)誤！未定義書簽三、質(zhì)量標(biāo)準(zhǔn).錯(cuò)誤！未定義書簽第四章