Flash動畫在網頁設計中的互動性

武變霞 王會芳

(漯河職業技術學院,河南漯河 462000)

網頁的成功與否與其知名度、瀏覽量息息相關,隨著網絡的快速發展,現階段,同一類型的網站之間存在十分激烈的競爭,網站和用戶的互動性能十分重要。運用Flash動畫設計,可以讓網頁布局更為合理、視覺更為美觀,進而在輕松、愉快的氛圍中提供給瀏覽者信息,并得到反饋,可以提高網站的競爭力。

1 Flash動畫在網頁中的互動性效果

利用Flash動畫設計,可以讓瀏覽者參與到網站的信息傳遞中,以網絡廣告為例,在網頁設計中,利用動畫互動性,可以賦予彈出廣告、E-mail廣告動畫效果,進而吸引受眾點擊廣告,并進入廣告主網站,在對廣告進行瀏覽后,通過點擊回饋按鈕,可以讓受眾與廣告品牌進行互動。

在網頁中,Flash動畫設計的融入可以形成愉悅的視覺效果,在受眾上網瀏覽網頁時,不同的網站具有不同的動畫設計及網頁設計,可以讓不同視覺效果得以呈現,為瀏覽者帶來差異化的心理感受。在具體設計中,可以組合圖像、圖形、動畫、字體及音樂等多種元素,可以讓網頁成為藝術品,給觀者以耳目一新的感覺[1]。

在網頁中融入Flash動畫設計可以讓信息傳達渠道變得更為多元,在網頁中,可以利用多種元素傳達有用信息,如色彩元素、文字元素、版面元素、圖片元素、音頻元素、視頻元素及動畫元素等,在信息傳達過程中,動畫元素的互動往往為“人——機——人”互動形式。網頁動畫傳達面具有更強的深度及寬度,具有多元的傳達方式。

隨著互聯網的發展,現階段,人們的搜索習慣、瀏覽習慣已經和過去存在很大不同,在互聯網應用中,瀏覽者更希望采用直觀的圖形化交互方法,利用Flash動畫設計的交互性,可以讓網站內容得到更為形象地傳達,讓受眾群體準確理解網站內容。如在情人節時,眾多網站就會利用“Flash情人節動畫”來吸引受眾。

2 Flash動畫在網頁中的互動性設計

2.1 基本布局

筆者從事網頁設計工作多年,具有豐富的經驗和非常專業的技巧。在網頁設計中,Flash動畫設計融入最為關鍵的是基本布局。一般情況下,影片大小為1600*1200,幀率是30,第一幀為loading,可以讓此動畫得到正確顯示,大型深層次mc和內部mc會經常切換,如頁面mc、導航mc等,因此,筆者一般會在場景外做一個入口,也就是色塊,在外層它為空白狀態,在內部第一幀建立色塊,可以讓隨時雙擊進入操作變得更為方便。在主時間軸內,筆者往往不會安排所有的動畫內容,這樣可以讓后期調整更為方便,在具體操作中,可以將內容進行分類,制作為原件,依照內容樹樁結構可以對mc嵌套進行合理安排,之后利用在某個位置as來對各個時間軸的銜接進行控制。

2.2 功能設計

就信息傳播而言,傳統互聯網平臺具有一定單一性,通常情況下,傳統互聯網平臺只能利用網頁將信息傳遞給受眾,并不能接收信息反饋,形成雙向傳播通道。利用Flash動畫在網頁中的設計,利用按鈕、表單等相關功能可以讓人機對話得以實現,而信息受眾者可以利用按鈕提交反饋信息,進而實現雙向平臺交流,讓傳統互聯網交互平臺單一性局限得到打破,利用互聯網技術的種種優點,可以讓內容、時段等限制因素得到克服,進而完成人機交互。

眾所周知,網站結構可以引導用戶進行操作,網站導航的設置十分重要。因此,調用Action Script腳本語言進行網頁前臺Flash動畫設計具有重要意義。Action Script腳本語言類似于VB Script,可以直接翻譯網頁動作為腳本語言,利用程序前臺Flash腳本可以讓程序驅動得以實現,可以操作數據庫。除此之外,利用Flash動畫設計可以二次定義并編寫相關對象。在具體操作中,選定某一Flash中按鈕為對象,利用腳本程序代碼對此程序進行執行,利用動畫關鍵幀腳本代碼可以二次編寫并控制按鈕,進而改變其顏色、形狀以及位置。而在動畫元素設計中,無論是嵌入動畫設計還是全部動畫設計,利用Flash動畫格式都可以為信息傳輸速度提供保障,但在具體設計過程中,需要考慮到動畫頁面對網頁打開速度的影響,這也是當前很多網站都只在導航、廣告等部分采用動畫設計的主要原因[2]。

2.3 審美設計

2.3.1 色彩設計

在Flash動畫設計中,利用多樣化的色彩,可以讓網站具有不同的外觀風格,進而對網站形象進行生動傳達。在公司網站設計中,需要確定首頁色,之后設計多套追隨一級導航目錄的色彩,并保證其配套于首頁色彩。

2.3.2 形態設計

在網頁中,Flash動畫形態的設計可以直接傳遞給受眾感情,利用形態,可以讓網頁具有一個主觀的認識與感受,不同的動畫形態會給人以不同的感受。就當前網站設計而言,可以將其Flash動畫形態分為三種類型:普通形態,獨特形態,實驗形態[3]。

在部分Flash動畫設計中,包含很多文本內容,在技術角度,可以將其分為動態文本、靜態文本與輸入文本這幾種類型,以動態文本為例,該文本可以對后臺程序提供內容進行顯示,在設計中,可以構建空白動態文本,以mytext為id名稱,之后將腳本書寫在其所在幀可以完成文本顯示工作。如新聞發布會、留言本等板塊的動畫設計中,此種動態文本設計均可發揮出良好效果。

2.3.3 界面設計

在人和信息的交互中,界面是重要媒介,是信息傳播的重要載體。在界面中,包含圖像、文字、色彩及符號等多種視覺因素,不同類型的網站往往具有不同的界面設計風格。

2.3.4 音樂設計

音樂文件一般為mp3格式,將其導入庫中,之后可將聲音對象直接插入在所需幀上,如果全站背景音樂只有一個,那么可以在關鍵幀屬性中直接選擇聲音,構建開關mc在影片主時間軸上,可以對背景音樂進行控制。對其技術流程進行闡述,可以在根時間軸內構建mc,在mc內部構建mc時可以將做好開關狀態外觀放置于兩側,在mc對應幀上書寫腳本。

3 結語

綜上所述,Flash動畫在網頁設計中的應用具有重要意義,在功能設計及審美設計中,需要注重FLash動畫作為設計元素的互動性,充分考慮人機交互功能的實現方法,運用貼合主題的色彩搭配、生動的動畫形態,可以完成界面設計,進而提高傳達信息、接收反饋信息的整體效果,提高網站市場競爭力。

[1]楊遠峰.FLASH交互性動畫在網頁設計中的應用與研究[J].電腦知識與技術,2017,13(04):197-198.

[2]鄧華麗.Flash動畫在網頁設計中的應用探究[J].電腦編程技巧與維護,2015,(13):74-75+92.

[3]何培辰.Flash動畫技術及其在網頁設計中的應用[J].品牌(下半月),2015(03):170.