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