網(wǎng)頁設(shè)計(jì)中Flash動(dòng)畫的視覺應(yīng)用

雷蕓蕓寧夏廣播電視臺(tái)，寧夏銀川 750001

?

網(wǎng)頁設(shè)計(jì)中Flash動(dòng)畫的視覺應(yīng)用

雷蕓蕓
寧夏廣播電視臺(tái)，寧夏銀川 750001

摘 要信息時(shí)代，網(wǎng)絡(luò)信息技術(shù)廣泛運(yùn)用于生產(chǎn)生活，其中網(wǎng)頁設(shè)計(jì)作為一項(xiàng)技術(shù)被運(yùn)用于各大網(wǎng)站和個(gè)人的網(wǎng)頁等，在網(wǎng)頁設(shè)計(jì)中，F(xiàn)lash作為一種動(dòng)畫制作軟件，其功能非常強(qiáng)大，即將網(wǎng)絡(luò)與傳統(tǒng)媒體相結(jié)合，傳遞完整、有趣、互動(dòng)的信息。因此，F(xiàn)lash動(dòng)畫越來越成為一種潮流，能夠不斷的發(fā)展創(chuàng)新，但依然重要的是Flash的美感。筆者從視覺運(yùn)用角度探討一下Flash動(dòng)畫的美感追求和表達(dá)。

關(guān)鍵詞網(wǎng)頁設(shè)計(jì)；Flash動(dòng)畫；視覺運(yùn)用

一個(gè)網(wǎng)頁想要獲得更多的點(diǎn)擊量和瀏覽量，就必須使自己的網(wǎng)頁能夠吸引人，能夠引起人們的注意，信息超載使得受眾的注意力更加稀缺，采取何種手段吸引受眾至關(guān)重要。以往的靜態(tài)的網(wǎng)頁已經(jīng)缺乏競爭力，只有網(wǎng)頁動(dòng)畫——Flash才能更加有效。信息時(shí)代也是視覺文化濫觴的時(shí)代，因此在Flash動(dòng)畫信息的制作和傳達(dá)過程中，都必須追求視覺上的美感，要遵循視覺美的法則，將技術(shù)和藝術(shù)完美統(tǒng)一，創(chuàng)造出能夠吸引人的Flash動(dòng)畫。

1 Flash動(dòng)畫設(shè)計(jì)的視覺元素

人都是視覺動(dòng)物，而Flash動(dòng)畫也是訴諸視覺的藝術(shù)，其設(shè)計(jì)的主要功能是傳遞信息，但是在傳遞信息的同時(shí)也就需要注重視覺上的享受，所以要十分注重設(shè)計(jì)中的視覺元素的運(yùn)用，要兼具信息傳達(dá)和美感表達(dá)的功能。

1.1 文字

文字在Flash動(dòng)畫中占據(jù)重要的位置，作為一種最易于傳達(dá)設(shè)計(jì)的交流工具，承擔(dān)著傳遞信息的主要責(zé)任，也是通過視覺的觀看，訴諸理性的理解，是Flash動(dòng)畫中的信息溝通的橋梁，即主要媒介物。

文字的目的主要有兩個(gè)，第一個(gè)是像圖片一樣，作為一種審美因素，發(fā)揮著裝飾功能，它會(huì)隨著網(wǎng)站的定位和主題的變化而變化，如企業(yè)網(wǎng)站要求文字要體現(xiàn)公司的理念和行業(yè)性質(zhì)，要富有生命力；政府網(wǎng)站要體現(xiàn)政府的職能、性質(zhì)，要莊重、規(guī)范；個(gè)人網(wǎng)站就要體現(xiàn)個(gè)人的特色和個(gè)性，要獨(dú)特、深刻，文字的另外一個(gè)目的就是傳遞信息，這時(shí)，文字更多的是訴諸理性，即要求文字精確傳達(dá)出其特定的意思和含義，不能夠含糊不清。

1.2 圖形

圖形設(shè)計(jì)在Flash動(dòng)畫設(shè)計(jì)中是處于主要地位的。受后現(xiàn)代思潮的影響，圖形設(shè)計(jì)更偏向于抽象化和符號(hào)化，如何運(yùn)用簡單的視覺圖形來建構(gòu)信息內(nèi)容的表達(dá)和視覺形式的展現(xiàn)，是Flash動(dòng)畫中需待解決的問題。

圖形的設(shè)計(jì)主要有兩方面的準(zhǔn)則，一個(gè)是簡單，即形式簡練，一目了然，這是當(dāng)今信息時(shí)代的快節(jié)奏生活和激烈的市場競爭所要求的，另外一個(gè)是復(fù)雜，即內(nèi)涵豐富，發(fā)人深省，F(xiàn)lash動(dòng)畫如果僅僅依靠視覺沖擊力來吸引觀眾，那么受眾僅僅只是被吸引，而不會(huì)成為這個(gè)網(wǎng)站的?？?，只有賦予真正的內(nèi)涵和意義才能做大做強(qiáng)，這依然是內(nèi)容為王的時(shí)代。

1.3 色彩

視覺對(duì)色彩的認(rèn)知具有恒常性，即人們是通過大腦中記憶的顏色和現(xiàn)實(shí)生活中感受到的顏色相互比較衡量出來的結(jié)果。色彩的認(rèn)知具有主觀性，因此要充分考慮到網(wǎng)頁的受眾對(duì)象，即考慮他們的主觀感受和主觀需求。這里的差別就很大了：有中西方的差別，如中方婚慶日子愛好紅色，西方愛好白色；中國南方和北方的差別，南方偏愛鮮艷色彩，北方偏愛暗淡色彩；男性和女性的差別，男性偏愛冷色系，女性偏愛暖色系；還有宗教、種族、民族、地域等各式各樣的差別。

總之，色彩的運(yùn)用在網(wǎng)站設(shè)計(jì)中需要充分考慮到用戶人群的差異，才能創(chuàng)造出符合用戶認(rèn)知的Flash動(dòng)畫，從而展現(xiàn)完美的視覺效果。

2 Flash動(dòng)畫設(shè)計(jì)中視覺美的基本法則

明確了Flash動(dòng)畫中視覺的主要因素，即文字、圖形、色彩之后，則需要將這三者進(jìn)行組合和再創(chuàng)造，運(yùn)用嫻熟的技術(shù)，達(dá)成良好的視覺效果。

2.1 色彩對(duì)比，整體和諧

所謂對(duì)比，就是將兩個(gè)相差特別大的物體并列放置，給人沖擊感和對(duì)比，會(huì)讓人覺得充滿活力和生機(jī)，如色彩的對(duì)比，如紅與綠、黑與白，藍(lán)與紅等的碰撞，會(huì)給人帶來閃耀的火花。所謂和諧，則是利用相似的物體和色彩進(jìn)行擺放，設(shè)計(jì)時(shí)在差異當(dāng)中求相同。色彩的運(yùn)用當(dāng)中，就是利用色彩接近原理和色彩搭配和諧原理。色彩接近原理即眼睛會(huì)對(duì)接近的色彩進(jìn)行優(yōu)先處理，而色彩搭配和諧原理即通過不同的比例和空間范圍的大小使色彩之間產(chǎn)生美感。對(duì)于物體而言，形狀的大小、空間的大小、線條的曲直和疏密等方面，會(huì)使整個(gè)物體和網(wǎng)頁的布局顯得充滿活力和和諧，效果生動(dòng)，提高了視覺吸引力和沖擊力。

2.2 分清主次

馬克思主義哲學(xué)告訴我們，看待問題和解決問題都要分清主流和支流，抓住事物的重點(diǎn)。對(duì)于Flash動(dòng)畫而言，重點(diǎn)和非重點(diǎn)，主要內(nèi)容和次要內(nèi)容同樣需要理清。

在購物網(wǎng)站“美麗說”的官方網(wǎng)站中，就很好地分清了主流和支流，突出這個(gè)網(wǎng)站所要宣傳和打廣告的產(chǎn)品，并使其處于視覺最優(yōu)位置，即視覺中心，使其他產(chǎn)品處于從屬地位，主次分明，并且服從于網(wǎng)站的整體，給人感覺很完整、很統(tǒng)一，不會(huì)覺得雜亂無章。

2.3 視頻節(jié)奏和韻律

節(jié)奏是較為有規(guī)律的美，帶有機(jī)械之感，但是韻律則是比較靈動(dòng)，充滿變化。節(jié)奏中充滿韻律則會(huì)產(chǎn)生不尋常的美感，既不同于節(jié)奏的整齊劃一，也不等同于韻律的變化交替，將這兩者恰當(dāng)?shù)剡\(yùn)用于網(wǎng)頁設(shè)計(jì)當(dāng)中，會(huì)使Flash動(dòng)畫更加具有感染力和共鳴性，產(chǎn)生美感，表現(xiàn)美。

2.4 結(jié)構(gòu)對(duì)稱，整體均衡

對(duì)稱在形式上給人感覺比較嚴(yán)謹(jǐn)，但均衡在心靈上給人感覺比較靈活，動(dòng)與靜的結(jié)合在動(dòng)畫中運(yùn)用稍加變化，即可以帶來多種多樣的感受。

很多優(yōu)秀的Flash動(dòng)畫就是充分掌握了對(duì)稱和均衡的基本法則，利用形狀、位置、面積、色彩和虛實(shí)，盡量使這幾者達(dá)到一致和諧。如Bigo&TwigettiAudio的動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)中就是如此。

2.5 留白

在中國古代的繪畫當(dāng)中，特別是山水畫當(dāng)中，留白是一項(xiàng)特殊的手法，即在畫面所要表現(xiàn)的主體當(dāng)中，留下一部分空白，這部分空白會(huì)增強(qiáng)視覺的吸引力，同時(shí)也會(huì)增加人們的想象力，使畫面充滿更多的可能性和意義。在網(wǎng)頁設(shè)計(jì)時(shí)，特別是Flash動(dòng)畫的設(shè)計(jì)時(shí)，要進(jìn)行留白，這是藝術(shù)的表現(xiàn)，有意的處理空白也能緩和畫面整體的飽和度和復(fù)雜感，破除沉悶和閉塞，引發(fā)用戶的幻想。在留白這一表現(xiàn)手法上，日本網(wǎng)頁設(shè)計(jì)者加藤純一運(yùn)用的較為靈活和廣泛，他提出在畫面的主要構(gòu)成要素和強(qiáng)調(diào)物的周圍要留白，還要同時(shí)利用其他因素，打破畫面的沉悶。

3 Flash動(dòng)畫的視覺運(yùn)用的意義

Flash動(dòng)畫對(duì)于提升網(wǎng)站的吸引力和注意力具有極大的幫助作用，除此之外，還能夠產(chǎn)生其他方面的影響。

3.1 提升網(wǎng)站的知名度

網(wǎng)站的吸引力強(qiáng)了，更加容易被受眾關(guān)注，則會(huì)在受眾之間廣為傳播，使更多的用戶來這個(gè)網(wǎng)站瀏覽，增加網(wǎng)頁的知名度，不論是政府網(wǎng)頁、企業(yè)網(wǎng)頁、個(gè)人網(wǎng)頁，甚至是廣告網(wǎng)頁都會(huì)增加名氣。

3.2 增強(qiáng)網(wǎng)站的競爭力

后現(xiàn)代主義時(shí)代，視覺文化濫觴，受眾的注意力稀缺，在搶奪到受眾注意力之后，這也會(huì)轉(zhuǎn)化為企業(yè)的競爭力，在激烈的市場競爭當(dāng)中，誰擁有了受眾，誰就擁有了廣告，誰擁有了廣告，誰就能夠有更多的盈利，這樣就能夠在激烈的市場競爭當(dāng)中存活下去，不斷發(fā)展壯大。

3.3 提升用戶的滿意度

顧客是上帝，當(dāng)用戶點(diǎn)進(jìn)一家網(wǎng)站時(shí)，如果他看到的是有趣、信息豐富、吸引人的Flash動(dòng)畫，而不是靜態(tài)的網(wǎng)頁，這會(huì)使顧客獲得更多的滿足感和幸福感，讓受眾感到自己是真正的上帝，甚至讓用戶產(chǎn)生品牌依賴感和品牌忠誠度。

4 總結(jié)

互聯(lián)網(wǎng)時(shí)代，F(xiàn)lash動(dòng)畫在網(wǎng)站當(dāng)中的運(yùn)用已經(jīng)是非常普遍的，現(xiàn)在流行的互聯(lián)網(wǎng)+思維，更是將互聯(lián)網(wǎng)的用處發(fā)揮到更上一個(gè)層次，網(wǎng)頁設(shè)計(jì)如何在互聯(lián)網(wǎng)時(shí)代更上一層樓，F(xiàn)lash動(dòng)畫在其中的力量依然是巨大的，后現(xiàn)代主義的視覺文化和視覺思維，更是指引我們在網(wǎng)頁設(shè)計(jì)中要重視視覺。本文從Flash動(dòng)畫的視覺元素、視覺運(yùn)用的法則和視覺運(yùn)用的意義三個(gè)角度做簡要的分析，希望能給網(wǎng)頁設(shè)計(jì)中的Flash動(dòng)畫提供有益的思考。

參考文獻(xiàn)

[1]李芳.淺析Flash動(dòng)畫在網(wǎng)頁制作中的運(yùn)用[J].新教育時(shí)代電子雜志（教師版），2015（10）：294-294，225.

[2]符麗萍.Flash“7+1”策略在網(wǎng)頁設(shè)計(jì)中的應(yīng)用[J].大觀，2014（9）：230

[3]錢翔.動(dòng)感視覺——試論電影蒙太奇藝術(shù)表現(xiàn)手法在FLASH動(dòng)畫中的運(yùn)用[J].科技資訊，2010（5）：240.

[4]岑夢怡，鄭佳欽，廖曉芳等.論Flash動(dòng)畫的鏡頭設(shè)計(jì)[J].電腦知識(shí)與技術(shù)，2014（1）：141-142.

[5]倪洋.網(wǎng)頁設(shè)計(jì)[M].上海：上海人民美術(shù)出版社，2006.

中圖分類號(hào)G2

文獻(xiàn)標(biāo)識(shí)碼A

文章編號(hào)2096-0360（2016）03-0035-02

作者簡介：雷蕓蕓，助理工程師，研究方向?yàn)榫W(wǎng)頁設(shè)計(jì)中的Flash動(dòng)畫視覺語言研究。