平面視覺元素在網(wǎng)頁動畫中的創(chuàng)新應用與局限

摘 要：Flash是美國Adobe公司推出的一款交互動畫工具軟件。動畫為平面設計領域開辟了一個全新的視野，在視覺表現(xiàn)中占有舉足輕重的地位，聽覺的表現(xiàn)給視覺表現(xiàn)帶來重要補充，帶有配音的網(wǎng)頁設計作品要比沒有配音的作品更加具有表現(xiàn)力，更能吸引網(wǎng)頁瀏覽者。

關鍵詞：動畫；樂；視覺

中圖分類號：J218.7 文獻標識碼：A文章編號：1006-4117（2011）08-0368-02

一、視覺設計的動態(tài)表現(xiàn)

動畫中的運動分為滑動、形體和顯隱的變化。滑動能給人以柔美、流暢的感覺，在平面上緩慢滑動物體讓人平和、安詳，使人視覺神經(jīng)放松；如果是緩慢的曲線形滑動就會讓人有委婉含蓄的視覺效果。如果是表現(xiàn)快速的穿梭效果，就需要借助物體運動時視覺產(chǎn)生的模糊原理，即利用人們視覺上的誤差在眼睛中留下的殘影原理來完成。滑動的快與慢，讓觀眾產(chǎn)生柔美與急促的對比視覺效果，例如使用滑動制作雪花緩緩飄落的場景，讓觀眾體會到冬的寒冷與凄美，又例如用滑動效果表現(xiàn)大風吹掉樹葉的視覺效果，讓瀏覽者感受到秋意。在Flash動畫中，形體的變化是很奇妙的，奇妙之處在于它能完成方形這一狀態(tài)自然變化成圓形的變化過程。物體從沒有到半透明后逐漸完全顯現(xiàn)出來這一變化，我們通常叫做隱顯的變化，它是利用物體透明與顯現(xiàn)來完成視覺美的表達。這隱顯的變化通過三種表達方式來完成。第一種是快速顯隱，形體通常完成一次顯隱的時間是2秒鐘，實現(xiàn)了閃斷的效果，具有一定的視覺沖擊，而且這樣的快速閃斷在節(jié)奏上給人一種輕松的快感，與現(xiàn)代的快節(jié)奏生活相符相乘，更加容易讓瀏覽者接受。第二種是利用透明度這一屬性來實現(xiàn)顯隱效果，與第一種有所不同，它的透明度調(diào)節(jié)有0-100的透明選項，0%是完全透明，，100%是不透明，這也是現(xiàn)今設計領域很熱衷于運用的效果之一，利用這一效果可以很輕松的設計出帶有潮流信息的網(wǎng)站動畫效果，使網(wǎng)站具有時尚性，讓瀏覽者感覺到強烈的潮流信息。遮罩功能就是網(wǎng)頁動畫中做常用的第三種顯隱效果，它是利用兩個圖層來實現(xiàn)的，上層物體的形狀限定了下邊圖層字體顯示的區(qū)域，達到只顯示下邊字體的目的，利用遮罩的功能，實現(xiàn)了窺一斑而知全貌的動畫效果，而且巧妙的使用遮罩，還能實現(xiàn)放大鏡的效果。以上這三種隱顯動畫效果，在動畫制作中應用十分廣泛，成為實現(xiàn)眾多變化的最基本表現(xiàn)方法。

二、動靜結(jié)合的視覺審美

（一）點、線、面的動靜結(jié)合

靜態(tài)點和動態(tài)點在分布、大小、排列、數(shù)量的不同，產(chǎn)生不同的視覺效果，通過表—1，提出一個點與多個點在應用中產(chǎn)生的不同視覺效果，但是在實際創(chuàng)作中，卻不是單一的使用某個方法，而是同時運用這些“點”變化效果，這樣才能產(chǎn)生千變?nèi)f化的“點”的視覺效果。

“線”比“點”更有表現(xiàn)張力，更能體現(xiàn)柔美的感覺。“線”分為直線和曲線。在網(wǎng)頁中合理的使用“線”可以表達出比“點”更加直觀的視覺感受。表需2中總結(jié)了“線”在動畫中常用的幾種表現(xiàn)方法。

雖然“面”的變化沒有“線”的變化豐富多彩，但“面”變化有質(zhì)量和體積感，動畫效果容易吸引人觀眾，更加具有表現(xiàn)力。所以在運用面做動畫時要注意面積比例的掌握，這比動畫本身還要重要的多。表3總結(jié)了“面”的視覺動畫效果

（二）色彩在動畫中的混合搭配

動畫同平面設計一樣，也需要色彩來增添活力，在動畫中很好的運用色彩，會給瀏覽者留下深刻印象，也就增加了網(wǎng)站的點擊率。在動畫設計中如果遇到強烈的色相對比時，需要注意的是色彩對比所產(chǎn)生的對比效果，強烈的動態(tài)感搭配原色的強烈對比，比兩者單獨在網(wǎng)頁中使用時對比，給瀏覽者的視覺沖擊感受更強。色相的強烈對比與色彩純度對比就效果來說后者不如前者，同色系的色彩純度對比讓觀眾更理性化，讓人產(chǎn)生思維的延續(xù)性，網(wǎng)頁設計時用這樣的對比方式，如慢慢降低色彩的純度，讓觀眾從興奮的情緒中逐漸脫離出來，從而使情緒穩(wěn)定并進入思考的空間。動畫中明度對比可以有很多的變化，從而產(chǎn)生視覺美感。例如在深藍色背景上加上白色字體，字就會顯得是非突出，如果把白色字改成灰色，就缺少了明快的感覺，而失去了明度對比的最佳效果。色彩在動畫中的使用與平面設計是有所區(qū)別的，平面設計中不能運用紅綠搭配，但是因為動畫不是靜止的，如果謹慎使用，在網(wǎng)頁設計中也可以實現(xiàn)紅綠搭配，例如在紅色中添加20%綠色，在綠色中加入40%紅色，對比效果就出來了，這就是動畫中的色彩調(diào)和。在動畫網(wǎng)站中色彩調(diào)和很重要，色彩在搭配運用方面做到你中有我、我中有你，使整個網(wǎng)站色彩更加的協(xié)調(diào)一致。要想做一個成功的動畫網(wǎng)站，不僅需要良好的色彩搭配，還要注意色彩的調(diào)和與對比，這樣才能達到好的視覺美感。

三、視聽的奇妙組合

Flash除了讓視覺元素動起來，還支持聽覺功能。聲音的加入豐富了動畫的魅力。如果動畫不加入聲音，就像早期的電影沒有聲音一樣。聲音是動畫的同步補充，是為了加強瀏覽者在觀看動畫時，在視覺的沖擊的同時對聽覺的沖擊，從而達到動畫給予觀眾的最好的雙從感受。所以要想設計出高水平的動畫網(wǎng)站，如果沒有聲音的配合是不完整的。動畫音樂主要分音效和音樂這兩個方面。根據(jù)不同的動畫加入適合的聲音效果，其使用方法也不盡相同。音效播放時間很短，瞬間及播放完成，它主要是使用在某個簡短動作上邊，例如當鼠標觸發(fā)菜單時發(fā)出的“叮”聲，設計流星滑落夜空時的“呼”聲等等。音效的使用很廣泛，網(wǎng)站中的游戲網(wǎng)站的按鈕經(jīng)常會運用音效這一對象，用來提示瀏覽者：“點擊按鈕還會有內(nèi)容”。音樂播放的時間比音效要長得多，如果開頭和結(jié)尾是可以完好的銜接在一起的音樂，進行重復播放設置，就會很大程度上減小Flash生成文件的尺寸。當然，如果需要整段的音樂，比如制作MTV，即音樂配合動畫時，一首歌曲一般是3—5分鐘的時間，就不能把音樂導入動畫中了，因為音樂會使生成的文件過大，增加服務器的負擔，在打開頁面時，需要加入action語言進行音樂外部調(diào)用。

聽覺表現(xiàn)效果，主要有三種方法，我們主要討論動畫配合音樂的表現(xiàn)手法。音效最終服務于動畫。

（一）節(jié)拍配合。動畫在切換不同鏡頭時，一般都會用節(jié)拍加以配合。因為沒有專業(yè)的錄音設備，所以動畫形式都是配合音樂而衍生出來的，這在制作網(wǎng)絡音樂MTV中是最常見。畫面給觀眾身心愉悅的聽覺與視覺的統(tǒng)一，讓觀眾受到音樂與畫面的共同震撼，而被打動，產(chǎn)生共鳴。

（二）速度配合。除了節(jié)拍，音樂還有速度感，比如DJ音樂，特別是跟舞蹈動畫配合在一起時，有身臨奇境的感覺，這是音樂就顯得尤為重要，在制作動畫中起到畫龍點睛的作用。

（三）情感配合。節(jié)拍與速度的配合可以表達情感，但是更多的情感表達是依靠有特點的音樂來實現(xiàn)的，音樂表達的喜、怒、哀、樂，是根據(jù)相應的動畫需求而定，最終達到劇情的需要。正如海德格爾所說：“技術不僅僅是手段，技術是一種展現(xiàn)的方式”。在網(wǎng)絡資源豐富的今天，如何讓自己的網(wǎng)站在網(wǎng)絡的天空中更具特色？如何使之脫穎而出？如何提高點擊率和瀏覽量？答案是肯定的，改變單調(diào)的靜態(tài)頁面，變被動為主動，利用FLASH技術制作動態(tài)網(wǎng)站將是網(wǎng)絡高度發(fā)展的新方向。

綜上所述，F(xiàn)LASH以其特有動畫優(yōu)勢，不但引領了網(wǎng)站市場和網(wǎng)絡廣告設計的新概念，更對整個平面視覺傳達的研究與探索開辟了新的發(fā)展方向，它讓網(wǎng)絡廣告更加豐富多彩，推動了網(wǎng)絡藝術這一新興媒體的普及和發(fā)展，F(xiàn)LASH動畫已經(jīng)逐漸滲透到廣告、文化、影視、教育、生活、經(jīng)濟等各個領域。

盡管網(wǎng)頁設計有很多的網(wǎng)絡優(yōu)勢，可是并不是完美無缺的，也有其局限性。

1、被動選擇。網(wǎng)頁與瀏覽者永遠是互動關系，大眾在瀏覽網(wǎng)頁時，信息雖然是被動點選，但不是強迫性閱讀，會有很寬松的選擇余地，這既是優(yōu)勢，也是局限，其局限在于沒有強迫閱讀，人們在了解信息時，網(wǎng)站如果沒有一個很好的視覺沖擊，就無法挽留人們的視線，這也給設計者提出來更高的要求。

2、版面局限。網(wǎng)頁是互聯(lián)網(wǎng)最基本的單元，受計算機顯示器的局限，版面過小，設計的圖片不能達到很好的細致程度，使創(chuàng)意受制于小空間。這一點在平面設計中的優(yōu)勢遠遠大于網(wǎng)頁設計，顯得網(wǎng)絡的設計在視覺沖擊力上先天不足。

3、技術局限。要想成為一名優(yōu)秀的網(wǎng)頁設計者，不僅要有扎實的平面設計功底，還要學習計算機語言。尤其是flash動畫中的action腳本語言，但是這對于一個平面設計者來說，是相對比較難的事情，因為這要從計算機最基礎的代碼學起，對我們這樣不是從事計算機專業(yè)的人員來說，在代碼技術這方面是很欠缺的。而從事計算機行業(yè)的人員在創(chuàng)意和設計上又是相對欠缺的，這就需要兩者相互補足。

結(jié)束語：本文以網(wǎng)絡設計平面視覺元素的創(chuàng)新應用，探討了萬維網(wǎng)的基本概念，就網(wǎng)絡動畫進行較為詳細的分析，在網(wǎng)頁設計中將平面視覺元素與聽覺元素相結(jié)合，所帶來的特殊效應。小的方面還探討了網(wǎng)頁設計的局限，現(xiàn)在網(wǎng)絡己經(jīng)成為人類不可或缺的一部分，所以提出了本文的論題，讓更多的平面設計師投身到新媒體設計中來在網(wǎng)絡這一新興媒介中繼續(xù)發(fā)揚我國民族文化的特點，把具中國特色的動畫設計推向國際的平臺。

參考文獻:

[1]尹定邦.圖形與意義[M].長沙:湖南科學技術出版社，2003.

[2](英)EH.貢布里希.秩序感[M].長沙:湖南科學技術出版社，2000.

[3]南波飛.網(wǎng)絡媒體的視覺傳達設計研究[D].湖南大學碩士學位論文.2002.

[4]陳飛.組合之美一談網(wǎng)頁設計的點、線、面的運用[J].內(nèi)蒙古藝術.2003:26-27.

注：本文中所涉及到的圖表、注解、公式等內(nèi)容請以PDF格式閱讀原文