Flash動(dòng)畫(huà)在網(wǎng)頁(yè)中的互動(dòng)性效果和互動(dòng)性設(shè)計(jì)的分析,網(wǎng)頁(yè)設(shè)計(jì)論文

Flash動(dòng)畫(huà)在網(wǎng)頁(yè)中的互動(dòng)性效果和互動(dòng)性設(shè)計(jì)的分析,網(wǎng)頁(yè)設(shè)計(jì)論文Abstract:ThisarticlefirstbrieflyexpoundstheinteractiveeffectofFlashanimationinwebpages,andthenanalyzestheinteractivedesignofFlashanimationinwebpageswithexamples.Itishopedthatitcanplayareferenceroleintheindustry.Keyword:Flashanimation;webdesign;interactivity;網(wǎng)頁(yè)的成功與否與其知名度、閱讀量息息相關(guān)，隨著網(wǎng)絡(luò)的快速發(fā)展，現(xiàn)前階段，同一類型的網(wǎng)站之間存在特別劇烈的競(jìng)爭(zhēng)，網(wǎng)站和用戶的互動(dòng)性能特別重要。運(yùn)用Flash動(dòng)畫(huà)設(shè)計(jì)，能夠讓網(wǎng)頁(yè)布局更為合理、視覺(jué)更為美觀，進(jìn)而在輕松、愉快的氣氛中提供應(yīng)閱讀者信息，并得到反應(yīng)，能夠提高網(wǎng)站的競(jìng)爭(zhēng)力。1、Flash動(dòng)畫(huà)在網(wǎng)頁(yè)中的互動(dòng)性效果利用Flash動(dòng)畫(huà)設(shè)計(jì)，能夠讓閱讀者介入到網(wǎng)站的信息傳遞中，以網(wǎng)絡(luò)廣告為例，在網(wǎng)頁(yè)設(shè)計(jì)中，利用動(dòng)畫(huà)互動(dòng)性，能夠賦予彈出廣告、E-mail廣告動(dòng)畫(huà)效果，進(jìn)而吸引受眾點(diǎn)擊廣告，并進(jìn)入廣告主網(wǎng)站，在對(duì)廣告進(jìn)行閱讀后，通過(guò)點(diǎn)擊回饋按鈕，能夠讓受眾與廣告品牌進(jìn)行互動(dòng)。在網(wǎng)頁(yè)中，F(xiàn)lash動(dòng)畫(huà)設(shè)計(jì)的融入能夠構(gòu)成愉悅的視覺(jué)效果，在受眾上網(wǎng)閱讀網(wǎng)頁(yè)時(shí)，不同的網(wǎng)站具有不同的動(dòng)畫(huà)設(shè)計(jì)及網(wǎng)頁(yè)設(shè)計(jì)，能夠讓不同視覺(jué)效果得以呈現(xiàn)，為閱讀者帶來(lái)差異化的心理感受。在詳細(xì)設(shè)計(jì)中，能夠組合圖像、圖形、動(dòng)畫(huà)、字體及音樂(lè)等多種元素，能夠讓網(wǎng)頁(yè)成為藝術(shù)品，給觀者以耳目一新的感覺(jué)[1].在網(wǎng)頁(yè)中融入Flash動(dòng)畫(huà)設(shè)計(jì)能夠讓信息傳達(dá)渠道變得更為多元，在網(wǎng)頁(yè)中，能夠利用多種元素傳達(dá)有用信息，如色彩元素、文字元素、版面元素、圖片元素、音頻元素、視頻元素及動(dòng)畫(huà)元素等，在信息傳達(dá)經(jīng)過(guò)中，動(dòng)畫(huà)元素的互動(dòng)往往為人--機(jī)--人互動(dòng)形式。網(wǎng)頁(yè)動(dòng)畫(huà)傳達(dá)面具有更強(qiáng)的深度及寬度，具有多元的傳達(dá)方式。隨著互聯(lián)網(wǎng)的發(fā)展，現(xiàn)前階段，人們的搜索習(xí)慣、閱讀習(xí)慣已經(jīng)和過(guò)去存在很大不同，在互聯(lián)網(wǎng)應(yīng)用中，閱讀者更希望采用直觀的圖形化交互方式方法，利用Flash動(dòng)畫(huà)設(shè)計(jì)的交互性，能夠讓網(wǎng)站內(nèi)容得到更為形象地傳達(dá)，讓受眾群體準(zhǔn)確理解網(wǎng)站內(nèi)容。如在情人節(jié)時(shí)，諸多網(wǎng)站就會(huì)利用Flash情人節(jié)動(dòng)畫(huà)來(lái)吸引受眾。2、Flash動(dòng)畫(huà)在網(wǎng)頁(yè)中的互動(dòng)性設(shè)計(jì)2.1基本布局筆者從事網(wǎng)頁(yè)設(shè)計(jì)工作多年，具有豐富的經(jīng)歷體驗(yàn)和非常專業(yè)的技巧。在網(wǎng)頁(yè)設(shè)計(jì)中，F(xiàn)lash動(dòng)畫(huà)設(shè)計(jì)融入最為關(guān)鍵的是基本布局。一般情況下，影片大小為1600*1200,幀率是30,第一幀為loading,能夠讓此動(dòng)畫(huà)得到正確顯示，大型深層次mc和內(nèi)部mc會(huì)經(jīng)常切換，如頁(yè)面mc、導(dǎo)航mc等，因而，筆者一般會(huì)在場(chǎng)景外做一個(gè)入口，也就是色塊，在外層它為空白狀態(tài)，在內(nèi)部第一幀建立色塊，能夠讓隨時(shí)雙擊進(jìn)入操作變得更為方便。在主時(shí)間軸內(nèi)，筆者往往不會(huì)布置所有的動(dòng)畫(huà)內(nèi)容，這樣能夠讓后期調(diào)整更為方便，在詳細(xì)操作中，能夠?qū)?nèi)容進(jìn)行分類，制作為原件，按照內(nèi)容樹(shù)樁構(gòu)造能夠?qū)c嵌套進(jìn)行合理布置，之后利用在某個(gè)位置as來(lái)對(duì)各個(gè)時(shí)間軸的銜接進(jìn)行控制。2.2功能設(shè)計(jì)就信息傳播而言，傳統(tǒng)互聯(lián)網(wǎng)平臺(tái)具有一定單一性，通常情況下，傳統(tǒng)互聯(lián)網(wǎng)平臺(tái)只能利用網(wǎng)頁(yè)將信息傳遞給受眾，并不能接收信息反應(yīng)，構(gòu)成雙向傳播通道。利用Flash動(dòng)畫(huà)在網(wǎng)頁(yè)中的設(shè)計(jì)，利用按鈕、表單等相關(guān)功能能夠讓人機(jī)對(duì)話得以實(shí)現(xiàn)，而信息受眾者能夠利用按鈕提交反應(yīng)信息，進(jìn)而實(shí)現(xiàn)雙向平臺(tái)溝通，讓傳統(tǒng)互聯(lián)網(wǎng)交互平臺(tái)單一性局限得到打破，利用互聯(lián)網(wǎng)技術(shù)的種種優(yōu)點(diǎn)，能夠讓內(nèi)容、時(shí)段等限制因素得到克制，進(jìn)而完成人機(jī)交互。眾所周知，網(wǎng)站構(gòu)造能夠引導(dǎo)用戶進(jìn)行操作，網(wǎng)站導(dǎo)航的設(shè)置特別重要。因而，調(diào)用ActionScript腳本語(yǔ)言進(jìn)行網(wǎng)頁(yè)前臺(tái)Flash動(dòng)畫(huà)設(shè)計(jì)具有重要意義。ActionScript腳本語(yǔ)言類似于VBScript,能夠直接翻譯網(wǎng)頁(yè)動(dòng)作為腳本語(yǔ)言，利用程序前臺(tái)Flash腳本能夠讓程序驅(qū)動(dòng)得以實(shí)現(xiàn)，能夠操作數(shù)據(jù)庫(kù)。除此之外，利用Flash動(dòng)畫(huà)設(shè)計(jì)能夠二次定義并編寫相關(guān)對(duì)象。在詳細(xì)操作中，選定某一Flash中按鈕為對(duì)象，利用腳本程序代碼對(duì)此程序進(jìn)行執(zhí)行，利用動(dòng)畫(huà)關(guān)鍵幀腳本代碼能夠二次編寫并控制按鈕，進(jìn)而改變其顏色、形狀以及位置。而在動(dòng)畫(huà)元素設(shè)計(jì)中，無(wú)論是嵌入動(dòng)畫(huà)設(shè)計(jì)還是全部動(dòng)畫(huà)設(shè)計(jì)，利用Flash動(dòng)畫(huà)格式都能夠?yàn)樾畔鬏斔俣忍峁┍Ｕ?，但在詳?xì)設(shè)計(jì)經(jīng)過(guò)中，需要考慮到動(dòng)畫(huà)頁(yè)面對(duì)網(wǎng)頁(yè)打開(kāi)速度的影響，這也是當(dāng)下很多網(wǎng)站都只在導(dǎo)航、廣告等部分采用動(dòng)畫(huà)設(shè)計(jì)的主要原因[2].2.3審美設(shè)計(jì)2.3.1色彩設(shè)計(jì)在Flash動(dòng)畫(huà)設(shè)計(jì)中，利用多樣化的色彩，能夠讓網(wǎng)站具有不同的外觀風(fēng)格，進(jìn)而對(duì)網(wǎng)站形象進(jìn)行生動(dòng)傳達(dá)。在公司網(wǎng)站設(shè)計(jì)中，需要確定首頁(yè)色，之后設(shè)計(jì)多套追隨一級(jí)導(dǎo)航目錄的色彩，并保證其配套于首頁(yè)色彩。2.3.2形態(tài)設(shè)計(jì)在網(wǎng)頁(yè)中，F(xiàn)lash動(dòng)畫(huà)形態(tài)的設(shè)計(jì)能夠直接傳遞給受眾感情，利用形態(tài)，能夠讓網(wǎng)頁(yè)具有一個(gè)主觀的認(rèn)識(shí)與感受，不同的動(dòng)畫(huà)形態(tài)會(huì)給人以不同的感受。就當(dāng)下網(wǎng)站設(shè)計(jì)而言，能夠?qū)⑵銯lash動(dòng)畫(huà)形態(tài)分為三種類型：普通形態(tài)，獨(dú)特形態(tài)，實(shí)驗(yàn)形態(tài)[3].在部分Flash動(dòng)畫(huà)設(shè)計(jì)中，包含很多文本內(nèi)容，在技術(shù)角度，能夠?qū)⑵浞譃閯?dòng)態(tài)文本、靜態(tài)文本與輸入文本這幾種類型，以動(dòng)態(tài)文本為例，該文本能夠?qū)笈_(tái)程序提供內(nèi)容進(jìn)行顯示，在設(shè)計(jì)中，能夠構(gòu)建空白動(dòng)態(tài)文本，以mytext為id名稱，之后將腳本書(shū)寫在其所在幀能夠完成文本顯示工作。如新聞發(fā)布會(huì)、留言本等板塊的動(dòng)畫(huà)設(shè)計(jì)中，此種動(dòng)態(tài)文本設(shè)計(jì)均可發(fā)揮出良好效果。2.3.3界面設(shè)計(jì)在人和信息的交互中，界面是重要媒介，是信息傳播的重要載體。在界面中，包含圖像、文字、色彩及符號(hào)等多種視覺(jué)因素，不同類型的網(wǎng)站往往具有不同的界面設(shè)計(jì)風(fēng)格。2.3.4音樂(lè)設(shè)計(jì)音樂(lè)文件一般為mp3格式，將其導(dǎo)入庫(kù)中，之后可將聲音對(duì)象直接插入在所需幀上，假如全站背景音樂(lè)只要一個(gè)，那么能夠在關(guān)鍵幀屬性中直接選擇聲音，構(gòu)建開(kāi)關(guān)mc在影片主時(shí)間軸上，能夠?qū)Ρ尘耙魳?lè)進(jìn)行控制。對(duì)其技術(shù)流程進(jìn)行闡述，能夠在根時(shí)間軸內(nèi)構(gòu)建mc,在mc內(nèi)部構(gòu)建mc時(shí)能夠?qū)⒆龊瞄_(kāi)關(guān)狀態(tài)外觀放置于兩側(cè)，在mc對(duì)應(yīng)幀上書(shū)寫腳本。3、結(jié)束語(yǔ)綜上所述，F(xiàn)lash動(dòng)畫(huà)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用具有重要意義，在功能設(shè)計(jì)及審美設(shè)計(jì)中，需要注重FLash動(dòng)畫(huà)作為設(shè)計(jì)元素的互動(dòng)性，充分考慮人機(jī)交互功能的實(shí)現(xiàn)方式方法，運(yùn)用貼合主題的色彩搭配、生動(dòng)的動(dòng)畫(huà)形態(tài)，能夠完成界面設(shè)計(jì)，進(jìn)而提高傳達(dá)信息、接收反應(yīng)信息的整體效果，提高網(wǎng)站市場(chǎng)競(jìng)爭(zhēng)力。以下為以下為以下為參考文獻(xiàn)[1]楊遠(yuǎn)峰。FLASH交互性動(dòng)畫(huà)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)