Flash動(dòng)畫設(shè)計(jì)在網(wǎng)站中的應(yīng)用
Flash動(dòng)畫主要為網(wǎng)絡(luò)應(yīng)用開發(fā)的交互式矢量圖形動(dòng)畫格式。下面是小編為大家整理的Flash動(dòng)畫設(shè)計(jì)在網(wǎng)站中的應(yīng)用,歡迎參考~
Flash動(dòng)畫設(shè)計(jì)在網(wǎng)站中的應(yī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)場(chǎng)播音等,網(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ì)是在安靜或辦公、又或公共場(chǎng)合下瀏覽網(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ū)ο缶幊痰乃枷耄捎肍lash中的事件對(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)文章:
網(wǎng)站中Flash動(dòng)畫設(shè)計(jì)應(yīng)用09-26
FLASH動(dòng)畫設(shè)計(jì)軟件在多媒體技術(shù)中的應(yīng)用09-23
flash動(dòng)畫設(shè)計(jì)在教學(xué)課件中的應(yīng)用09-23
素描在動(dòng)畫設(shè)計(jì)中的應(yīng)用10-05
關(guān)于XML在FLASH中的應(yīng)用說明11-10
Flash動(dòng)畫設(shè)計(jì)中色彩文化09-23