Flash動(dòng)畫(huà)在網(wǎng)頁(yè)設(shè)計(jì)中的互動(dòng)性

武變霞 王會(huì)芳

(漯河職業(yè)技術(shù)學(xué)院,河南漯河 462000)

網(wǎng)頁(yè)的成功與否與其知名度、瀏覽量息息相關(guān),隨著網(wǎng)絡(luò)的快速發(fā)展,現(xiàn)階段,同一類(lèi)型的網(wǎng)站之間存在十分激烈的競(jìng)爭(zhēng),網(wǎng)站和用戶的互動(dòng)性能十分重要。運(yùn)用Flash動(dòng)畫(huà)設(shè)計(jì),可以讓網(wǎng)頁(yè)布局更為合理、視覺(jué)更為美觀,進(jìn)而在輕松、愉快的氛圍中提供給瀏覽者信息,并得到反饋,可以提高網(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è)中,Flash動(dòng)畫(huà)設(shè)計(jì)的融入可以形成愉悅的視覺(jué)效果,在受眾上網(wǎng)瀏覽網(wǎng)頁(yè)時(shí),不同的網(wǎng)站具有不同的動(dòng)畫(huà)設(shè)計(jì)及網(wǎng)頁(yè)設(shè)計(jì),可以讓不同視覺(jué)效果得以呈現(xiàn),為瀏覽者帶來(lái)差異化的心理感受。在具體設(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á)過(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)和非常專(zhuān)業(yè)的技巧。在網(wǎng)頁(yè)設(shè)計(jì)中,Flash動(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)整更為方便,在具體操作中,可以將內(nèi)容進(jìn)行分類(lèi),制作為原件,依照內(nèi)容樹(shù)樁結(jié)構(gòu)可以對(duì)mc嵌套進(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è)將信息傳遞給受眾,并不能接收信息反饋,形成雙向傳播通道。利用Flash動(dòng)畫(huà)在網(wǎng)頁(yè)中的設(shè)計(jì),利用按鈕、表單等相關(guān)功能可以讓人機(jī)對(duì)話得以實(shí)現(xiàn),而信息受眾者可以利用按鈕提交反饋信息,進(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)站結(jié)構(gòu)可以引導(dǎo)用戶進(jìn)行操作,網(wǎng)站導(dǎo)航的設(shè)置十分重要。因此,調(diào)用Action Script腳本語(yǔ)言進(jìn)行網(wǎng)頁(yè)前臺(tái)Flash動(dòng)畫(huà)設(shè)計(jì)具有重要意義。Action Script腳本語(yǔ)言類(lèi)似于VB Script,可以直接翻譯網(wǎng)頁(yè)動(dòng)作為腳本語(yǔ)言,利用程序前臺(tái)Flash腳本可以讓程序驅(qū)動(dòng)得以實(shí)現(xiàn),可以操作數(shù)據(jù)庫(kù)。除此之外,利用Flash動(dòng)畫(huà)設(shè)計(jì)可以二次定義并編寫(xiě)相關(guān)對(duì)象。在具體操作中,選定某一Flash中按鈕為對(duì)象,利用腳本程序代碼對(duì)此程序進(jìn)行執(zhí)行,利用動(dòng)畫(huà)關(guān)鍵幀腳本代碼可以二次編寫(xiě)并控制按鈕,進(jìn)而改變其顏色、形狀以及位置。而在動(dòng)畫(huà)元素設(shè)計(jì)中,無(wú)論是嵌入動(dòng)畫(huà)設(shè)計(jì)還是全部動(dòng)畫(huà)設(shè)計(jì),利用Flash動(dòng)畫(huà)格式都可以為信息傳輸速度提供保障,但在具體設(shè)計(jì)過(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è)中,Flash動(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ì)而言,可以將其Flash動(dòng)畫(huà)形態(tài)分為三種類(lèi)型:普通形態(tài),獨(dú)特形態(tài),實(shí)驗(yàn)形態(tài)[3]。

在部分Flash動(dòng)畫(huà)設(shè)計(jì)中,包含很多文本內(nèi)容,在技術(shù)角度,可以將其分為動(dòng)態(tài)文本、靜態(tài)文本與輸入文本這幾種類(lèi)型,以動(dòng)態(tài)文本為例,該文本可以對(duì)后臺(tái)程序提供內(nèi)容進(jìn)行顯示,在設(shè)計(jì)中,可以構(gòu)建空白動(dòng)態(tài)文本,以mytext為id名稱(chēng),之后將腳本書(shū)寫(xiě)在其所在幀可以完成文本顯示工作。如新聞發(fā)布會(huì)、留言本等板塊的動(dòng)畫(huà)設(shè)計(jì)中,此種動(dòng)態(tài)文本設(shè)計(jì)均可發(fā)揮出良好效果。

2.3.3 界面設(shè)計(jì)

在人和信息的交互中,界面是重要媒介,是信息傳播的重要載體。在界面中,包含圖像、文字、色彩及符號(hào)等多種視覺(jué)因素,不同類(lèi)型的網(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í)間軸上,可以對(duì)背景音樂(lè)進(jìn)行控制。對(duì)其技術(shù)流程進(jìn)行闡述,可以在根時(shí)間軸內(nèi)構(gòu)建mc,在mc內(nèi)部構(gòu)建mc時(shí)可以將做好開(kāi)關(guān)狀態(tài)外觀放置于兩側(cè),在mc對(duì)應(yīng)幀上書(shū)寫(xiě)腳本。

3 結(jié)語(yǔ)

綜上所述,Flash動(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á)信息、接收反饋信息的整體效果,提高網(wǎng)站市場(chǎng)競(jìng)爭(zhēng)力。

[1]楊遠(yuǎn)峰.FLASH交互性動(dòng)畫(huà)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用與研究[J].電腦知識(shí)與技術(shù),2017,13(04):197-198.

[2]鄧華麗.Flash動(dòng)畫(huà)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用探究[J].電腦編程技巧與維護(hù),2015,(13):74-75+92.

[3]何培辰.Flash動(dòng)畫(huà)技術(shù)及其在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用[J].品牌(下半月),2015(03):170.