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

摘 要：互聯(lián)網(wǎng)發(fā)展的速度非常迅猛，以互聯(lián)網(wǎng)為依托的網(wǎng)站之間的競(jìng)爭(zhēng)日趨激烈，在這個(gè)“流量為王”的互聯(lián)網(wǎng)時(shí)代，網(wǎng)站所能達(dá)到的規(guī)模與受眾人數(shù)是考量網(wǎng)站的重要部分。所以，網(wǎng)站與網(wǎng)民的互動(dòng)則成為網(wǎng)站發(fā)展的重要環(huán)節(jié)。本文基于互聯(lián)網(wǎng)發(fā)展的特點(diǎn)，對(duì)網(wǎng)絡(luò)發(fā)展趨勢(shì)以及網(wǎng)站之間的競(jìng)爭(zhēng)模式做以探討，并從互動(dòng)性方面，對(duì)網(wǎng)頁(yè)特別是網(wǎng)頁(yè)中Flash動(dòng)畫(huà)的互動(dòng)性做了分析與思考。

關(guān)鍵詞：Flash動(dòng)畫(huà)；網(wǎng)頁(yè)設(shè)計(jì)；互動(dòng)性

中圖分類(lèi)號(hào)：TP393.092

網(wǎng)絡(luò)時(shí)代的來(lái)臨已經(jīng)改變了人們傳統(tǒng)的生活習(xí)慣，而人們?cè)诰W(wǎng)絡(luò)中獲取信息最直觀(guān)的方式就是瀏覽網(wǎng)頁(yè)，因而網(wǎng)頁(yè)的設(shè)計(jì)風(fēng)格會(huì)直接對(duì)網(wǎng)友體驗(yàn)造成影響。網(wǎng)頁(yè)設(shè)計(jì)主要由網(wǎng)站前臺(tái)和網(wǎng)站后臺(tái)構(gòu)成，這里我們所研究的重點(diǎn)是網(wǎng)站前臺(tái)，也被稱(chēng)為“網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)”。網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)是對(duì)頁(yè)面中各個(gè)構(gòu)成元素進(jìn)行設(shè)計(jì)和組合的過(guò)程，如文字、聲音、動(dòng)畫(huà)、視頻、圖片等。在進(jìn)行網(wǎng)站前臺(tái)設(shè)計(jì)時(shí)，要考慮到網(wǎng)站頁(yè)面的整體性與藝術(shù)性，在網(wǎng)頁(yè)中采用Flash等動(dòng)畫(huà)設(shè)計(jì)手段，對(duì)提高網(wǎng)站的互動(dòng)性非常有利，若在網(wǎng)站中能夠通過(guò)Flash嵌入的方式實(shí)現(xiàn)網(wǎng)站頁(yè)面的交互，那么網(wǎng)友體驗(yàn)將會(huì)更加舒適，動(dòng)態(tài)的Flash設(shè)計(jì)效果也是當(dāng)前網(wǎng)頁(yè)設(shè)計(jì)的主流，更是一個(gè)有必要深入研究的課題。

1 “互動(dòng)性”概述

1.1 人機(jī)交互的實(shí)踐探索。計(jì)算機(jī)技術(shù)的發(fā)展讓人們實(shí)現(xiàn)了人機(jī)交互，在通過(guò)現(xiàn)代化工具進(jìn)行交互的同時(shí)，也在不斷尋求計(jì)算機(jī)更加智能化與人性化的個(gè)性體驗(yàn)。隨著人與計(jì)算機(jī)互動(dòng)程度的加深，人機(jī)互動(dòng)已經(jīng)成為互聯(lián)網(wǎng)時(shí)代發(fā)展的重要組成部分，在各個(gè)領(lǐng)域中都實(shí)現(xiàn)高速發(fā)展，媒體通過(guò)網(wǎng)頁(yè)與網(wǎng)友繼續(xù)互動(dòng)，人們能夠?qū)?yè)面進(jìn)行設(shè)置來(lái)獲取自身所需要的信息，同時(shí)還能實(shí)現(xiàn)多ID登陸等情況，或者登陸到另外的空間中，這些都要依托于多媒體技術(shù)的發(fā)展。

目前，在計(jì)算機(jī)科學(xué)等諸多領(lǐng)域都已經(jīng)實(shí)現(xiàn)了人機(jī)交互，并且仍然在不斷的向更多更廣的領(lǐng)域延伸，尤其是在網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)中，人機(jī)交互表現(xiàn)的更為明顯。在當(dāng)前科技發(fā)展的趨勢(shì)與潮流中，網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)的人機(jī)交互會(huì)被應(yīng)用到更多的空間，換個(gè)角度來(lái)說(shuō)，這也迎合了上面的很多特性。

1.2 網(wǎng)頁(yè)瀏覽者的需求心理分析。在互聯(lián)網(wǎng)發(fā)展的初級(jí)階段，人們對(duì)互聯(lián)網(wǎng)的理解還單純的停留在平面與靜止的層面，但這種靜態(tài)頁(yè)已經(jīng)不能滿(mǎn)足時(shí)代發(fā)展的需求，人們?yōu)g覽與搜索習(xí)慣的悄然改變使得人們對(duì)網(wǎng)頁(yè)的瀏覽模式也在隨之發(fā)生變化，人們?cè)诨ヂ?lián)網(wǎng)應(yīng)用中需要以更加直觀(guān)的圖像來(lái)進(jìn)行人機(jī)交互。特別是互聯(lián)網(wǎng)已經(jīng)成為年輕人生活的一部分，年輕人喜歡更為直觀(guān)的圖形化交互方式，更易于人們實(shí)現(xiàn)對(duì)網(wǎng)站內(nèi)容的理解與表達(dá)。如情人節(jié)的時(shí)候?qū)?ài)人表達(dá)愛(ài)慕之情，傳統(tǒng)郵件傳情的方式已經(jīng)不能滿(mǎn)足當(dāng)前人們的需求，而制作一份獨(dú)特的“Flash情人節(jié)賀卡”，定時(shí)發(fā)送到愛(ài)人的郵箱，定會(huì)是一份驚喜。

2 網(wǎng)頁(yè)中Flash動(dòng)畫(huà)互動(dòng)性的獨(dú)特點(diǎn)

2.1 動(dòng)感愉悅的視覺(jué)效果。隨著互聯(lián)網(wǎng)的發(fā)展，人們對(duì)互聯(lián)網(wǎng)的程度越來(lái)越高，如何能給網(wǎng)友提供更好的視覺(jué)體驗(yàn)是當(dāng)前網(wǎng)頁(yè)設(shè)計(jì)者們所關(guān)心的問(wèn)題。人們?cè)跒g覽網(wǎng)頁(yè)時(shí)，不同的網(wǎng)頁(yè)其動(dòng)畫(huà)設(shè)計(jì)也有所差異，同時(shí)對(duì)于網(wǎng)頁(yè)瀏覽者來(lái)說(shuō)，心理特征也會(huì)影響到網(wǎng)頁(yè)與網(wǎng)民的互動(dòng)效果。在網(wǎng)頁(yè)動(dòng)畫(huà)的設(shè)計(jì)當(dāng)中，需要運(yùn)用想象力與創(chuàng)造力來(lái)達(dá)到頁(yè)面的藝術(shù)效果，在利用多媒體特性以使人們達(dá)到更加動(dòng)感愉悅的視覺(jué)體驗(yàn)。

2.2 多元的信息傳達(dá)功能。在信息的傳達(dá)與表現(xiàn)方面，傳統(tǒng)網(wǎng)站一般都是通過(guò)文字、圖片來(lái)傳達(dá)網(wǎng)站的主體內(nèi)容，而網(wǎng)絡(luò)的多媒體化可以使信息的傳遞更加多元化，如版面、圖片、圖像、音頻、動(dòng)畫(huà)、視頻、廣告、導(dǎo)航等因素傳達(dá)網(wǎng)頁(yè)所提供的信息，同時(shí)還有博客、微博、空間、論壇等新型的網(wǎng)絡(luò)互動(dòng)平臺(tái)達(dá)到信息傳播的目的。目前，實(shí)現(xiàn)互聯(lián)網(wǎng)信息傳達(dá)的流程主要是以“人—機(jī)—人”的模式，在多媒體技術(shù)的支持下，能夠使網(wǎng)頁(yè)在聲音、色彩等諸多方面使信息的傳達(dá)內(nèi)容更明確。相較于傳統(tǒng)媒體，采用網(wǎng)頁(yè)動(dòng)畫(huà)來(lái)表現(xiàn)網(wǎng)站內(nèi)容的方式更為靈活多樣，其呈現(xiàn)出來(lái)的傳達(dá)效果也明顯，傳達(dá)方式更趨多元。

2.3 傳播隱喻的創(chuàng)意思維

網(wǎng)頁(yè)動(dòng)畫(huà)的設(shè)計(jì)需要擁有創(chuàng)新意識(shí)與創(chuàng)造能力，在網(wǎng)頁(yè)當(dāng)中通過(guò)對(duì)抽象圖形的想象與構(gòu)思，來(lái)完成更為出色的網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)。一般情況下，人們?nèi)粘Ｉ钪械挠闷肺锛?jīng)常被用到網(wǎng)站中，形成圖標(biāo)、按鈕等，從中能夠看出視覺(jué)隱喻設(shè)計(jì)的特點(diǎn)，必須要有創(chuàng)造性，通過(guò)極具創(chuàng)意的構(gòu)思來(lái)增強(qiáng)網(wǎng)友對(duì)網(wǎng)頁(yè)的記憶，為網(wǎng)友留下深刻的印象。如一個(gè)以茶葉銷(xiāo)售為主的網(wǎng)站，其背景設(shè)計(jì)自然而然的需要選用清新的綠色，同時(shí)在各種按鈕的設(shè)計(jì)上可以根據(jù)茶葉品種的不同，采用特定的茶葉式按鈕來(lái)實(shí)現(xiàn)對(duì)網(wǎng)頁(yè)的操作，這些需要設(shè)計(jì)師進(jìn)行非常深入的分析與研究才能得以實(shí)現(xiàn)。

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

3.1 功能設(shè)計(jì)，展現(xiàn)強(qiáng)大的網(wǎng)頁(yè)效果。傳統(tǒng)媒體在信息傳播方面具有單一性，只能將信息通過(guò)網(wǎng)頁(yè)的方式傳達(dá)給受眾人群，無(wú)法形成一種雙向的傳播通道，其交互性的特點(diǎn)沒(méi)有表現(xiàn)出來(lái)。兒當(dāng)今采用Flash設(shè)計(jì)的網(wǎng)頁(yè)當(dāng)中，通過(guò)表單、按鈕等各種功能實(shí)現(xiàn)真正的人機(jī)對(duì)話(huà)，網(wǎng)民通過(guò)按鈕來(lái)向計(jì)算機(jī)或者計(jì)算機(jī)支配者來(lái)提交信息反饋，真正實(shí)現(xiàn)平臺(tái)交流的雙向性，也打破了傳統(tǒng)互聯(lián)網(wǎng)交互平臺(tái)的單一性，利用互聯(lián)網(wǎng)技術(shù)優(yōu)勢(shì)可以打破時(shí)段、內(nèi)容等諸多因素的限制，真正實(shí)現(xiàn)人機(jī)交互。

網(wǎng)站結(jié)構(gòu)對(duì)用戶(hù)具有引導(dǎo)作用，因此網(wǎng)站導(dǎo)航的設(shè)置也非常重要，在網(wǎng)頁(yè)前臺(tái)的Flash動(dòng)畫(huà)設(shè)計(jì)中，要調(diào)用Action Script腳本語(yǔ)言。Action Script腳本語(yǔ)言與VB Script相類(lèi)似，網(wǎng)頁(yè)動(dòng)作可以直接被翻譯成“腳本語(yǔ)言”，這也是Flash所專(zhuān)用的程序語(yǔ)言，是面向?qū)ο蟮某绦蛘Z(yǔ)言，采用程序前臺(tái)的Flash腳本來(lái)實(shí)現(xiàn)程序的驅(qū)動(dòng)，并對(duì)數(shù)據(jù)庫(kù)進(jìn)行操作；同時(shí)，在Flash動(dòng)畫(huà)設(shè)計(jì)中可以對(duì)對(duì)象進(jìn)行二次定義與編寫(xiě)。如在Flash中選定一個(gè)按鈕作為對(duì)象，通過(guò)腳本程序代碼執(zhí)行程序，并且動(dòng)過(guò)關(guān)鍵幀里的腳本代碼實(shí)現(xiàn)對(duì)按鈕的二次編寫(xiě)與控制，如位置、形狀、顏色等等。

3.2 審美設(shè)計(jì)，動(dòng)畫(huà)特效的視覺(jué)審美。網(wǎng)站前臺(tái)的網(wǎng)頁(yè)設(shè)計(jì)不但需要美觀(guān)，而且要具有藝術(shù)性，使得網(wǎng)頁(yè)的設(shè)計(jì)在Flash動(dòng)畫(huà)中的設(shè)計(jì)更具美感，在保證網(wǎng)站功能的前提下，協(xié)調(diào)好功能與審美之間的關(guān)系，通過(guò)極具藝術(shù)氣息的思維對(duì)網(wǎng)頁(yè)進(jìn)行創(chuàng)作，如果單純只注重網(wǎng)站功能而忽略了網(wǎng)站的審美，那網(wǎng)站的吸引力就會(huì)大打折扣。

網(wǎng)頁(yè)的整體效果是通過(guò)網(wǎng)頁(yè)上的圖片、文字、標(biāo)題等表現(xiàn)出來(lái)的，對(duì)于圖片文字等線(xiàn)條需要進(jìn)行合理的排列和組合，使之完全融入到網(wǎng)頁(yè)當(dāng)中，如在網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中，矩形與直線(xiàn)的運(yùn)用能夠突出網(wǎng)站的“規(guī)矩性”，達(dá)到棱角分明的效果，較適合正規(guī)、嚴(yán)謹(jǐn)、莊重的題材；而曲線(xiàn)的運(yùn)用則更傾向于青春、活潑、流暢等，較適合具有活力的主題題材。因此，在網(wǎng)頁(yè)設(shè)計(jì)中要注重注入直線(xiàn)與曲線(xiàn)的運(yùn)用，根據(jù)主題的不同，設(shè)計(jì)出符合主題并且更具美感的網(wǎng)站。

同時(shí)，若要突出網(wǎng)站的風(fēng)格，色彩的運(yùn)用是一個(gè)不容忽視的問(wèn)題。網(wǎng)站的色彩運(yùn)用能通過(guò)網(wǎng)友的視覺(jué)感官對(duì)網(wǎng)站形成直觀(guān)的印象，將視覺(jué)要素的功能和特點(diǎn)淋漓盡致的發(fā)揮出來(lái)，在網(wǎng)民瀏覽網(wǎng)頁(yè)時(shí)留下更深刻的印象。暖色調(diào)如紅色、橙色、黃色、儲(chǔ)色等色彩的搭配。這種色調(diào)的搭配運(yùn)用，可以使網(wǎng)頁(yè)和動(dòng)畫(huà)呈現(xiàn)出溫馨、熱情的氛圍。其次，冷色調(diào)如青色、綠色、紫色等色彩的搭配，可呈現(xiàn)出寧?kù)o、清涼、高雅的氛圍?？傊W(wǎng)頁(yè)的顏色是以瀏覽者的角度來(lái)觀(guān)看的，色系搭配的要好，還要有自己的風(fēng)格。

4 小結(jié)

目前，F(xiàn)lash動(dòng)畫(huà)設(shè)計(jì)在我國(guó)的應(yīng)用尚不深入，多數(shù)的Flash動(dòng)畫(huà)被應(yīng)用在嵌入網(wǎng)頁(yè)的短片或電影中，除了簡(jiǎn)單的控制播放器以外，應(yīng)用范圍非常狹小。而且，人們也已經(jīng)習(xí)慣了這種Flash應(yīng)用，而簡(jiǎn)單的將Flash動(dòng)畫(huà)設(shè)計(jì)堪稱(chēng)是按鈕等簡(jiǎn)單的功能，而忽略了Flash設(shè)計(jì)中的交互性，因而Flash動(dòng)畫(huà)設(shè)計(jì)在網(wǎng)頁(yè)中的應(yīng)用問(wèn)題仍然需要更為深入的研究與探討。

參考文獻(xiàn)：

[1]岳麗君.網(wǎng)絡(luò)互動(dòng)的社會(huì)功能分析[J].學(xué)術(shù)交流，2004，121（4）：113-116.

[2]廖嘩.網(wǎng)頁(yè)界面設(shè)計(jì)及其學(xué)科相關(guān)性研究[D].湖南：湖南師范大學(xué)，2006.

[3]胡克.網(wǎng)絡(luò)廣告的互動(dòng)性應(yīng)用探討[J].廣東輕工職業(yè)技術(shù)學(xué)院學(xué)院，2007，6（1）：60-63.

作者簡(jiǎn)介：王歡（1981.5.5-），女，山西人，教師，助教，學(xué)士學(xué)位，研究方向：計(jì)算機(jī)平面設(shè)計(jì)。