- Flash動(dòng)畫(huà)設計在網(wǎng)站中的應用 推薦度：
- 相關(guān)推薦
Flash動(dòng)畫(huà)設計在網(wǎng)站中的應用
Flash動(dòng)畫(huà)主要為網(wǎng)絡(luò )應用開(kāi)發(fā)的交互式矢量圖形動(dòng)畫(huà)格式。下面是小編為大家整理的Flash動(dòng)畫(huà)設計在網(wǎng)站中的應用，歡迎參考~
網(wǎng)絡(luò )和其他媒體的區別就在于互動(dòng)性。網(wǎng)絡(luò )的呈現方式――網(wǎng)頁(yè)，就必須要足夠地體現互動(dòng)特征。但要以如何的面目呈現給瀏覽者呢?不但網(wǎng)頁(yè)的實(shí)用性要好，而且藝術(shù)設計也成為吸引和留住瀏覽者的一把鑰匙，而構成這一設計的關(guān)鍵因素就是Flash動(dòng)畫(huà)，它是在藝術(shù)形態(tài)上的互動(dòng)，內容上的交流。因此，網(wǎng)站中Flash動(dòng)畫(huà)設計的形式，可以是全部的靜態(tài)頁(yè)面，也可以是在靜態(tài)頁(yè)面中嵌入部分動(dòng)畫(huà)設計或是全部的動(dòng)畫(huà)設計。
一、網(wǎng)站中的Flash廣告動(dòng)畫(huà)
網(wǎng)絡(luò )廣告有動(dòng)態(tài)的、交互的、在視覺(jué)和聽(tīng)覺(jué)全方位的信息傳達與情感體驗等特點(diǎn)，它所包含的內容既專(zhuān)業(yè)又廣泛。其中，動(dòng)畫(huà)廣告是網(wǎng)頁(yè)設計中很多廣告普遍采用的一種表現方式，動(dòng)畫(huà)廣告中一些畫(huà)面有的是純動(dòng)畫(huà)的，也有實(shí)拍和動(dòng)畫(huà)結合的，在表現一些實(shí)拍無(wú)法完成的畫(huà)面效果時(shí)就要用到動(dòng)畫(huà)來(lái)完成或兩者結合，現在我們所看到的廣告，從制作的角度看，幾乎都或多或少地用到了動(dòng)畫(huà)，如文字與畫(huà)面的交替出現、廣告文字的放大或醒目處理等。
廣告通過(guò)動(dòng)畫(huà)的效果吸引到瀏覽者，瀏覽者可以通過(guò)點(diǎn)擊來(lái)看廣告所要訴求的信息。因此，基于它的功能性，這一類(lèi)廣告除了要做成動(dòng)畫(huà)效果外，在設計上，不能太雜、太亂，色彩和動(dòng)畫(huà)效果更不能太花;同時(shí)，在頁(yè)面的位置選擇上，要特別注意，不能遮擋頁(yè)面的主要信息，以免讓瀏覽者感到煩惱以至于產(chǎn)生厭惡情緒而影響到整個(gè)網(wǎng)站的瀏覽量，網(wǎng)絡(luò )動(dòng)畫(huà)廣告的類(lèi)型有很多，應用廣泛。那么，通常情況下，這類(lèi)動(dòng)畫(huà)不是作為頁(yè)面的一部分有其區域分配，就是放于頁(yè)面兩側，作為浮動(dòng)廣告。
(一)網(wǎng)站中的動(dòng)畫(huà)聲音。
如果能在五彩繽紛的網(wǎng)頁(yè)動(dòng)畫(huà)中再加上美妙的聲音，則會(huì )有錦上添花的效果。在網(wǎng)頁(yè)中，聲音部分有：鼠標點(diǎn)擊的鏈接轉入聲、背景音樂(lè )、網(wǎng)頁(yè)插入視頻或網(wǎng)絡(luò )電視聲音、音樂(lè )、廣播電臺的現場(chǎng)播音等，網(wǎng)上流行的聲音格式有：MIDI、WAV、MP3、RealAudio。MIDI格式音樂(lè )的特點(diǎn)是占用空間小，但顏色單調;WAV是無(wú)壓縮聲音文件，在所有帶有聲卡的電腦中都可以播放;MP3壓縮音樂(lè )文件，占用空間小得多，但是要先下載后收聽(tīng);RealAudio，比WAV和MP3音質(zhì)稍差，但占用空間卻小許多�？梢砸贿呄螺d一邊播放。
網(wǎng)頁(yè)設計中的鼠標點(diǎn)擊的鏈接轉入聲和背景音樂(lè )，在鼠標點(diǎn)擊后，應該發(fā)出清脆的聲音，來(lái)反映出轉入鏈接的快速感，以給予瀏覽者充分得到回應后的心理滿(mǎn)足感，以便充分調動(dòng)起瀏覽者再繼續瀏覽其他內容的積極性;而在背景音樂(lè )的設計上，可以按照網(wǎng)站的性質(zhì)來(lái)選擇音樂(lè )風(fēng)格，選擇時(shí)要用悅耳的音樂(lè )，要考慮到眾多種愛(ài)好瀏覽者的接受程度。
同時(shí)，最好把聲音的控制按鈕放于頁(yè)面的一個(gè)位置，可以由瀏覽者來(lái)調節是開(kāi)或者關(guān)，尊重瀏覽者的個(gè)人愛(ài)好，還有一點(diǎn)要注意，有很多瀏覽者會(huì )是在安靜或辦公、又或公共場(chǎng)合下瀏覽網(wǎng)頁(yè)，會(huì )不希望一打開(kāi)網(wǎng)頁(yè)，就馬上傳出聲音，而給其他人造成不便。因此，不能專(zhuān)注于光考慮網(wǎng)頁(yè)和動(dòng)畫(huà)的效果，還得充分尊重到瀏覽者，背景音樂(lè )可以設置為默認關(guān)閉，但有可以由訪(fǎng)問(wèn)者親自調節為“開(kāi)”的聲音控制按鈕。
(二)網(wǎng)站中的動(dòng)畫(huà)色彩。
運用不同的色彩，網(wǎng)站的外觀(guān)風(fēng)格有所不同，網(wǎng)站給人的感覺(jué)也不同。也就是說(shuō)，色彩作為傳達網(wǎng)站形象的首位視覺(jué)要素，會(huì )在訪(fǎng)問(wèn)過(guò)網(wǎng)站的使用者腦海中留下長(cháng)久的印象。即使使用者無(wú)法清楚地記住自己訪(fǎng)問(wèn)過(guò)的網(wǎng)站的外形特征，至少能夠容易地想起網(wǎng)站的色彩。也就是說(shuō)，色彩作為最直接的視覺(jué)語(yǔ)言，色彩也一定要遵守一些規范。一般情況下，一個(gè)網(wǎng)站的形象展示動(dòng)畫(huà)，如同網(wǎng)站的LOGO一般，色彩在設計時(shí)應遵循企業(yè)的CI規范，按照標準色和輔助色來(lái)設計，或者采用網(wǎng)頁(yè)主色。主要是要在瀏覽者面前形成統一的形象記憶。其他搭配色則可以依情況采用其他色，或直接插入企業(yè)形象產(chǎn)品等。除此以外，色彩的搭配上，要盡量醒目，與整個(gè)頁(yè)面協(xié)調。
二、網(wǎng)站中的鼠標動(dòng)畫(huà)
在鼠標做動(dòng)畫(huà)效果時(shí)，需要注意的色彩搭配，其實(shí)就是指鼠標移動(dòng)軌跡的圖案和色彩。這種色彩首先應該區別于頁(yè)面色彩，使瀏覽者可以清晰的找到鼠標的位置，以利于用戶(hù)更方便地瀏覽頁(yè)面信息。而鼠標移動(dòng)的軌跡不可以阻擋下邊的頁(yè)面信息，所以圖形盡量要小，色彩除了脫出于頁(yè)面外，可以設計為稍透明的感覺(jué)，并且鼠標的移動(dòng)軌跡不宜太長(cháng)。當然，鼠標動(dòng)畫(huà)的設計相對其他難度性大些，需要語(yǔ)言編程。
三、網(wǎng)站中的動(dòng)畫(huà)導航系統
如今，豐富多樣的動(dòng)態(tài)效果逐漸出現。新媒體具有的網(wǎng)絡(luò )雙向互動(dòng)特點(diǎn)極大地支持了新環(huán)境下的交互式設計環(huán)境。使用者雖然仍然是通過(guò)單純的鼠標點(diǎn)擊和鍵盤(pán)操作來(lái)瀏覽網(wǎng)頁(yè)，但是使用者選擇菜單的導航方式卻已經(jīng)豐富多樣。交互式導航不僅僅是單純的鼠標移上效果，它能夠帶給人新鮮感和愉快感，但更優(yōu)越于其使用性的交互式導航功能，使用者的參與是交互式導航的必需條件，在這種情況下，必須要有誘導使用者互動(dòng)的設計。
交互式導航欄的設計必須是在實(shí)現其功能性的前提下來(lái)進(jìn)行動(dòng)畫(huà)交互和視覺(jué)設計的。在功能性上，導航欄有著(zhù)引導用戶(hù)瀏覽信息的作用，設計時(shí)通常需要分出幾個(gè)級別的導航欄，并在這幾個(gè)級別的醒目程度上做出區分，特別是一級導航欄一般要突出其立體感和鮮明感。在色彩的運用上，可以選用亮麗、透明、清爽的色彩搭配，引導瀏覽者去點(diǎn)擊、甚至享受這一過(guò)程的喜悅。同時(shí)，導航鏈接最好是設置成“打開(kāi)新的頁(yè)面”，這樣有利于瀏覽者分別條理性地瀏覽每一個(gè)導航菜單下的內容。在具備以上條件的基礎上，通過(guò)動(dòng)畫(huà)設計的導航欄，不但從視覺(jué)上達到美觀(guān)特別，還充分體現出瀏覽者的點(diǎn)擊快感，甚至可以配以清脆的聲音。而在導航欄造型和動(dòng)畫(huà)效果的設計上，可以充分發(fā)揮想象力，充滿(mǎn)特別的樂(lè )趣，使瀏覽者很欣喜地參與進(jìn)去。
除此以外，諸如網(wǎng)頁(yè)中的“按鈕”，按鈕是網(wǎng)頁(yè)的重要組成元素之一，在網(wǎng)頁(yè)中發(fā)揮著(zhù)十分重要的作用。要達到信息良好的交互傳達，導航系統的設計十分重要，每一級導航都要有清晰明了的導航設置，并在其醒目的位置設置下一級頁(yè)面信息的鏈接。盡量以明確而有條理的設計使瀏覽者按網(wǎng)頁(yè)中設置的瀏覽主線(xiàn)訪(fǎng)問(wèn)每一個(gè)頁(yè)面。動(dòng)畫(huà)導航系統不但可以獲得瀏覽者的青睞，而且其交互性的設計使網(wǎng)頁(yè)以強有力的信息交互作用留住大量的用戶(hù)群。
Flash動(dòng)畫(huà)導航系統交互性的設計，通常需要調動(dòng)它的腳本語(yǔ)言：Action script。它的基本語(yǔ)法接近于VBScript，中文可以直接譯為“動(dòng)作腳本”，它是Flash專(zhuān)用的一種程序語(yǔ)言，采用面向對象編程的思想，采用Flash中的事件對程序進(jìn)行驅動(dòng)，以動(dòng)畫(huà)中的關(guān)鍵幀、按鈕或電影片斷作為對象來(lái)對腳本語(yǔ)言ActionScript進(jìn)了二定義和編寫(xiě)。例如，在Flash軟件中“舞臺”上選定一個(gè)圖形或按鈕作為對象，然后通過(guò)關(guān)鍵幀里的腳本程序代碼、電影剪輯符實(shí)例內的腳本代碼或某個(gè)按鈕內的腳本程序代碼來(lái)對這個(gè)已選定的對象的各種屬性進(jìn)行控制，如位置、顏色、形狀等。
另外，也可以通過(guò)一個(gè)按鈕所產(chǎn)生的事件來(lái)控制某個(gè)對象，例如鼠標指針經(jīng)過(guò)按鈕事件、鼠標單擊事件等。在瀏覽者松開(kāi)鼠標和將鼠標移上按鈕，甚至用鼠標點(diǎn)擊時(shí)的反應都可以是不一樣的，可以是按鈕的顏色發(fā)生變化，也可以是其上顯示的文字的變化，更可以是其形狀大小的變化。這一個(gè)個(gè)動(dòng)畫(huà)效果，可以跟瀏覽者達成互動(dòng)，讓瀏覽者看到他的動(dòng)作是有回應的，同時(shí)更能調動(dòng)起瀏覽者的積極性。設計中，每個(gè)按鈕甚至都可以設置出動(dòng)畫(huà)效果，只要我們在設計其顯示效果時(shí)，盡量注意同時(shí)實(shí)施一種或兩種左右的設計方案，以避免因動(dòng)畫(huà)設計的不統一使瀏覽者感到煩亂。
總而言之，Flash動(dòng)畫(huà)作為網(wǎng)頁(yè)設計元素中的重要組成部分，已經(jīng)得到網(wǎng)站設計者的重視和應用。因此，要想更好地發(fā)揮網(wǎng)頁(yè)設計中Flash動(dòng)畫(huà)的特性，必須從各個(gè)方面來(lái)了解和分析，這是一個(gè)值得關(guān)注的問(wèn)題。希望本研究在今后可以得到完善和運用，以啟示我國網(wǎng)頁(yè)設計及Flash動(dòng)畫(huà)交互設計的愛(ài)好者們能夠注意到這個(gè)問(wèn)題，研究并設計出更杰出的作品來(lái)，同時(shí)來(lái)帶動(dòng)我國網(wǎng)頁(yè)動(dòng)畫(huà)設計的整體水平，形成真正的交流傳播平臺。
【Flash動(dòng)畫(huà)設計在網(wǎng)站中的應用】相關(guān)文章：
關(guān)于Flash動(dòng)畫(huà)設計在網(wǎng)站中的應用09-02
Flash動(dòng)畫(huà)設計中的色彩文化介紹09-19
Flash動(dòng)畫(huà)設計09-06
flash動(dòng)畫(huà)設計優(yōu)點(diǎn)08-14
關(guān)于XML在FLASH中的應用說(shuō)明06-26
傳統動(dòng)畫(huà)設計與Flash動(dòng)畫(huà)設計的區別09-28