網(wǎng)頁設計的視覺要素

□鄧皓洋

（新疆石油報社，新疆 克拉瑪依 834000）

一個網(wǎng)站的內容固然重要，但是如果沒有一個好看而吸引的外表，哪怕有著再好的內容和結構，相信整個網(wǎng)站的瀏覽效果也會大打折扣，瀏覽者的閱讀興致也會大減。人們稱互聯(lián)網(wǎng)經濟為注意力經濟，如何吸引大眾的注意力，除了內容是一個重要因素外，網(wǎng)頁頁面的美觀也同樣起著舉足輕重的作用。怎樣才算是有一個好的視覺效果？最簡單的判斷方法就是看它“三眼”：第一眼，看是否搶眼；第二眼，看是否順眼；第三眼，看是否養(yǎng)眼。其實，這“三眼”就是網(wǎng)站給你的第一感覺。第一感覺很重要，瀏覽者能否接受這個網(wǎng)站，很大程度上，就看有沒有這種一見鐘情的感覺。整個頁面的顏色千萬不可給人刺眼的感覺，網(wǎng)頁上的文字要易于閱讀，文字太細、顏色太淺、頁面太長或超出屏幕寬度，都是有違網(wǎng)站設計的“美學原則”。要想做到以上“三眼”達到吸引人眼球的目的，就要掌握網(wǎng)頁視覺藝術設計要素。下面就談談網(wǎng)頁視覺藝術設計的一些要素。

掌握網(wǎng)頁設計與VI之間的關系。VI設計，來源英文中的 Visual Indentity System，即視覺識別系統(tǒng)。單單就網(wǎng)站而言，在網(wǎng)站上看到的所有圖片、文字、動畫、以及他們的編排方式等等，一切能夠看到的元素都是VI設計的一部分。簡單來說，其實就一個網(wǎng)站的外觀，它能在色彩版式等形成一種認知識別，達到一定的視覺效應，我們重新定義為VISI，即網(wǎng)絡形象識別系統(tǒng)(Visual Indentity System internate)。它既是CI部分的延伸，又是VI部分的發(fā)展與具體應用。網(wǎng)絡形象識別系統(tǒng)是一個系統(tǒng)化的識別形象。一個好的VI設計，事實上可以憑借CI設計里已經指定的Logo、色彩或標準字型等予以發(fā)展。另外，針對Logo本身的一致性所作的設計上變化也是一種變化。總而言之，所有的做法必須能夠發(fā)展出一套更具品牌形象的設計，而且能將網(wǎng)站的整體特性完全地容入瀏覽者的腦海里。讓瀏覽者記住，并能吸引瀏覽者回頭的VI設計。比如美國蘋果網(wǎng)站它上面的導航按鈕，就是和蘋果Logo結合起來做的，瀏覽者進入第一眼看到的就是蘋果那特有的顏色。讓人在第一感覺上認識它的品牌形象。在形式上簡約、大氣、時尚，突出了蘋果特有的氣質。

把握網(wǎng)頁設計中的秩序感突出主題。秩序是一個自然法則。根據(jù)物理學原理“任何一個已知的場”所包含的力的分布，最終總是導致一種最規(guī)則和最簡化的結構。這實際上也反映了人類所具備的認識能力所尋求的秩序。藝術是運用形象顯示多樣化現(xiàn)象中所存在的秩序。無秩序會導致人們視覺的混亂。

每個網(wǎng)頁都應有明確的主題，并按照視覺心理規(guī)律和形式將主題主動地傳達給觀賞者，使主題在適當?shù)沫h(huán)境里被人們即時地理解和接受。如果沒有這個主題要素，瀏覽者的視線將會無所適從，或者導致視線流動偏離設計的初衷。作為快速傳遞信息的網(wǎng)頁應該是清晰的，要想讓讀者在網(wǎng)頁上多呆一會兒，那就不要在主題周圍有太多的干擾。有些網(wǎng)頁的設計看不出主次信息，反正是一大堆信息混合在一個網(wǎng)頁上，填充著花花綠綠的色塊，加入盡可能多的忽隱忽現(xiàn)的動畫。這樣雜亂無章的網(wǎng)頁設計，讓網(wǎng)民看得頭暈眼花不愿多停留。

理解和運用好網(wǎng)頁設計的色彩。色彩含有豐富的表情性，能傳達一定感情意味，能夠傳達引起情感反映的信息。色彩個性統(tǒng)一在一個空間，例如首飾類網(wǎng)頁可以使用高雅的咖啡和金黃色；而香水類網(wǎng)頁可以用明度高的淡綠或淺藍色；建筑類網(wǎng)頁可以使用空間感強的深藍色，突出立體和性質；政府類網(wǎng)頁可以使用紅色、藍色；時裝類網(wǎng)頁可以選擇高級灰、紫色等，突出高雅氛圍。校園類網(wǎng)頁很適合綠色；科技類網(wǎng)頁適合深藍色；新聞類網(wǎng)頁適合深紅色，或黑色，搭配高級灰等等；旅游類網(wǎng)頁，可以選用草綠搭配黃色；游戲網(wǎng)頁適合黑色，暗色顯得比較神秘。由于明暗差別達到極限，而對人的視覺上產生強烈的刺激，激起神經興奮，表達出主題的所有內容。很讓人向往其中的世界，體現(xiàn)了游戲行業(yè)的特色。

運用FLASH動畫帶給人們視覺享受。FLASH動畫采用矢量圖形標準，生成文件很小，卻可以生成復雜的效果，因而可以在網(wǎng)絡上更快地播放動畫。實現(xiàn)了動畫交互。動態(tài)及可交互的事物比較富有吸引力，F(xiàn)LASH提供了多種創(chuàng)建動畫的方便方法，使人們不僅可以看到富有動感的動畫，而且還能進行控制。另外，利用矢量圖形格式，創(chuàng)建出的圖像及動畫可以無限放大或者縮小，不會影響圖像的清晰度。用戶可以很容易地將創(chuàng)建好的圖像、場景、組建、動畫、按紐以及聲音等組合在一起，形成交互影片，還可以控制每個對象出現(xiàn)的時間，位置以及變化等。FLASH還可以很容易地和HTML集成，幾乎可以無縫地將它結合到網(wǎng)頁中，既可以使聲音獨立地連續(xù)播放也可以使其與動畫保持同步。它可以更快的帶給人們以動態(tài)的視覺享受，讓人們更直觀的去了解網(wǎng)頁的內容。

網(wǎng)頁設計獨創(chuàng)的藝術元素。獨創(chuàng)的藝術設計網(wǎng)頁，具有鮮明的重要地位。就像藝術家的作品一樣，如果要得到人們的認可和欣賞，就必須具有它的獨創(chuàng)性，從藝術角度說是一種個性的張揚。這說明了一個經過藝術設計的網(wǎng)頁，必須具備它的獨創(chuàng)藝術性。就拿Graffiti(涂鴉藝術)來說吧，現(xiàn)在它也和網(wǎng)頁設計結合起來，目前在歐洲有相當?shù)臄?shù)碼設計網(wǎng)站都可以看到Graffiti藝術在數(shù)碼設計中的運用，它們借鑒了Graffiti的視覺元素，和新鮮的表現(xiàn)方式，做出個性的網(wǎng)頁，詮釋了不一樣的數(shù)碼空間。網(wǎng)頁設計早已和數(shù)碼設計相輔相成，推動著多元化的裝飾藝術向前發(fā)展。

網(wǎng)頁的版式設計的獨創(chuàng)性。網(wǎng)頁的版式設計同報刊雜志等平面媒體的版式設計有很多共同之處，它在網(wǎng)頁的藝術設計中占據(jù)著重要的地位。它在傳達信息的同時，也產生感官上的美感和精神上的享受。但網(wǎng)頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規(guī)格尺寸，網(wǎng)頁則不然，它的尺寸是由讀者來控制的。這使網(wǎng)頁設計者不能精確控制頁面上每個元素的尺寸和位置。而且，網(wǎng)頁的組織結構不像印刷品那樣為線性組合，這給網(wǎng)頁的版式設計帶來了一定的難度。網(wǎng)頁的版式設計和流程是網(wǎng)絡形象識別系統(tǒng)的重要部分。好的網(wǎng)頁版式設計也是個性表現(xiàn)的一個重要方面。

如今網(wǎng)頁設計中越來越強調個性表現(xiàn)。這可以更好的吸引人們的注目，宣傳自己企業(yè)。商業(yè)價值方面可以提高網(wǎng)站的點擊率，網(wǎng)頁上的廣告得到宣傳，體現(xiàn)出網(wǎng)頁的互動性。今后的網(wǎng)頁設計也將更強調信息傳遞功能、清晰性和個性表現(xiàn)強烈的品牌特征，網(wǎng)頁設計會由平面向立體方向發(fā)展。■