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