網頁設計中Flash動畫的視覺應用

雷蕓蕓寧夏廣播電視臺，寧夏銀川 750001

?

網頁設計中Flash動畫的視覺應用

雷蕓蕓
寧夏廣播電視臺，寧夏銀川 750001

摘 要信息時代，網絡信息技術廣泛運用于生產生活，其中網頁設計作為一項技術被運用于各大網站和個人的網頁等，在網頁設計中，Flash作為一種動畫制作軟件，其功能非常強大，即將網絡與傳統媒體相結合，傳遞完整、有趣、互動的信息。因此，Flash動畫越來越成為一種潮流，能夠不斷的發展創新，但依然重要的是Flash的美感。筆者從視覺運用角度探討一下Flash動畫的美感追求和表達。

關鍵詞網頁設計；Flash動畫；視覺運用

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

1 Flash動畫設計的視覺元素

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

1.1 文字

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

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

1.2 圖形

圖形設計在Flash動畫設計中是處于主要地位的。受后現代思潮的影響，圖形設計更偏向于抽象化和符號化，如何運用簡單的視覺圖形來建構信息內容的表達和視覺形式的展現，是Flash動畫中需待解決的問題。

圖形的設計主要有兩方面的準則，一個是簡單，即形式簡練，一目了然，這是當今信息時代的快節奏生活和激烈的市場競爭所要求的，另外一個是復雜，即內涵豐富，發人深省，Flash動畫如果僅僅依靠視覺沖擊力來吸引觀眾，那么受眾僅僅只是被吸引，而不會成為這個網站的常客，只有賦予真正的內涵和意義才能做大做強，這依然是內容為王的時代。

1.3 色彩

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

總之，色彩的運用在網站設計中需要充分考慮到用戶人群的差異，才能創造出符合用戶認知的Flash動畫，從而展現完美的視覺效果。

2 Flash動畫設計中視覺美的基本法則

明確了Flash動畫中視覺的主要因素，即文字、圖形、色彩之后，則需要將這三者進行組合和再創造，運用嫻熟的技術，達成良好的視覺效果。

2.1 色彩對比，整體和諧

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

2.2 分清主次

馬克思主義哲學告訴我們，看待問題和解決問題都要分清主流和支流，抓住事物的重點。對于Flash動畫而言，重點和非重點，主要內容和次要內容同樣需要理清。

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

2.3 視頻節奏和韻律

節奏是較為有規律的美，帶有機械之感，但是韻律則是比較靈動，充滿變化。節奏中充滿韻律則會產生不尋常的美感，既不同于節奏的整齊劃一，也不等同于韻律的變化交替，將這兩者恰當地運用于網頁設計當中，會使Flash動畫更加具有感染力和共鳴性，產生美感，表現美。

2.4 結構對稱，整體均衡

對稱在形式上給人感覺比較嚴謹，但均衡在心靈上給人感覺比較靈活，動與靜的結合在動畫中運用稍加變化，即可以帶來多種多樣的感受。

很多優秀的Flash動畫就是充分掌握了對稱和均衡的基本法則，利用形狀、位置、面積、色彩和虛實，盡量使這幾者達到一致和諧。如Bigo&TwigettiAudio的動態網頁設計中就是如此。

2.5 留白

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

3 Flash動畫的視覺運用的意義

Flash動畫對于提升網站的吸引力和注意力具有極大的幫助作用，除此之外，還能夠產生其他方面的影響。

3.1 提升網站的知名度

網站的吸引力強了，更加容易被受眾關注，則會在受眾之間廣為傳播，使更多的用戶來這個網站瀏覽，增加網頁的知名度，不論是政府網頁、企業網頁、個人網頁，甚至是廣告網頁都會增加名氣。

3.2 增強網站的競爭力

后現代主義時代，視覺文化濫觴，受眾的注意力稀缺，在搶奪到受眾注意力之后，這也會轉化為企業的競爭力，在激烈的市場競爭當中，誰擁有了受眾，誰就擁有了廣告，誰擁有了廣告，誰就能夠有更多的盈利，這樣就能夠在激烈的市場競爭當中存活下去，不斷發展壯大。

3.3 提升用戶的滿意度

顧客是上帝，當用戶點進一家網站時，如果他看到的是有趣、信息豐富、吸引人的Flash動畫，而不是靜態的網頁，這會使顧客獲得更多的滿足感和幸福感，讓受眾感到自己是真正的上帝，甚至讓用戶產生品牌依賴感和品牌忠誠度。

4 總結

互聯網時代，Flash動畫在網站當中的運用已經是非常普遍的，現在流行的互聯網+思維，更是將互聯網的用處發揮到更上一個層次，網頁設計如何在互聯網時代更上一層樓，Flash動畫在其中的力量依然是巨大的，后現代主義的視覺文化和視覺思維，更是指引我們在網頁設計中要重視視覺。本文從Flash動畫的視覺元素、視覺運用的法則和視覺運用的意義三個角度做簡要的分析，希望能給網頁設計中的Flash動畫提供有益的思考。

參考文獻

[1]李芳.淺析Flash動畫在網頁制作中的運用[J].新教育時代電子雜志（教師版），2015（10）：294-294，225.

[2]符麗萍.Flash“7+1”策略在網頁設計中的應用[J].大觀，2014（9）：230

[3]錢翔.動感視覺——試論電影蒙太奇藝術表現手法在FLASH動畫中的運用[J].科技資訊，2010（5）：240.

[4]岑夢怡，鄭佳欽，廖曉芳等.論Flash動畫的鏡頭設計[J].電腦知識與技術，2014（1）：141-142.

[5]倪洋.網頁設計[M].上海：上海人民美術出版社，2006.

中圖分類號G2

文獻標識碼A

文章編號2096-0360（2016）03-0035-02

作者簡介：雷蕓蕓，助理工程師，研究方向為網頁設計中的Flash動畫視覺語言研究。