網(wǎng)頁設(shè)計(jì)的視覺要素

□鄧皓洋

（新疆石油報(bào)社，新疆 克拉瑪依 834000）

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

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

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

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

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

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

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

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

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