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