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

1、    論網(wǎng)頁美術(shù)設(shè)計(jì)的視覺要素    高平摘要網(wǎng)頁美術(shù)設(shè)計(jì)是應(yīng)市場而生的，屬于藝術(shù)設(shè)計(jì)與數(shù)字媒體技術(shù)相結(jié)合的學(xué)科。從受眾使用網(wǎng)頁的審美需求角度出發(fā)，分析網(wǎng)頁美術(shù)設(shè)計(jì)的視覺構(gòu)成主要要素，總結(jié)網(wǎng)頁美術(shù)設(shè)計(jì)視覺要素設(shè)計(jì)的三大規(guī)律。關(guān)鍵詞網(wǎng)頁美術(shù)設(shè)計(jì)視覺要素?cái)?shù)字媒體藝術(shù)內(nèi)容與形式從20世紀(jì)60年代末因特網(wǎng)誕生到今天，互聯(lián)網(wǎng)的發(fā)展可以說是日新月異，成為人類生活與工作中不可缺少的一部分。網(wǎng)頁也由最初的電腦信息傳播，演化到今天的電腦和以智能手機(jī)為代表的移動設(shè)備兩大平臺為主的互聯(lián)網(wǎng)技術(shù)。網(wǎng)頁美術(shù)設(shè)計(jì)可以說不再是新興的學(xué)科了，隨著近幾年網(wǎng)絡(luò)的高速發(fā)展，它已經(jīng)漸漸被人們所

2、重視。以計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)作為載體，可以穿過時(shí)間、空間、地區(qū)等各種限制，將各種各樣的信息互聯(lián)在一起，通過網(wǎng)絡(luò)的方式進(jìn)行共享。它可以說是集合了美術(shù)設(shè)計(jì)和網(wǎng)絡(luò)技術(shù)的數(shù)字媒體藝術(shù)學(xué)科之一。一、網(wǎng)頁的視覺審美需求互聯(lián)網(wǎng)普及之前，它的視覺要素主要是一些文字及極為簡單的圖形，以便讓網(wǎng)民在有限的網(wǎng)速下盡量快速地瀏覽網(wǎng)頁內(nèi)容。技術(shù)的發(fā)展，網(wǎng)絡(luò)的普及，使人們對網(wǎng)頁美術(shù)設(shè)計(jì)的要求越來越高，不僅僅是提供實(shí)用信息給人閱讀，而需要考慮如何使受眾更好地、更加友好地接收相關(guān)信息。要做到出色的網(wǎng)頁美術(shù)設(shè)計(jì)，就必須研究網(wǎng)頁美術(shù)中的視覺要素，使設(shè)計(jì)清晰美觀、整體感強(qiáng)，讓人們在心情愉悅的狀態(tài)下瀏覽網(wǎng)站信息。網(wǎng)頁美術(shù)設(shè)計(jì)的審美需求是對傳

3、統(tǒng)的視覺傳達(dá)設(shè)計(jì)的延伸和發(fā)展，例如海報(bào)設(shè)計(jì)、雜志版式設(shè)計(jì)、報(bào)紙版式設(shè)計(jì)等。兩者的表現(xiàn)形式以及審美需求都具有高度的相似性，但由于技術(shù)的不同也存在諸多的不同點(diǎn)。將傳統(tǒng)的形式美應(yīng)用到網(wǎng)頁美術(shù)設(shè)計(jì)上，增加網(wǎng)頁界面的美感，滿足大眾的審美需求。從美學(xué)的角度講，有變化與統(tǒng)一、對比與調(diào)和、對齊與均衡、感性與理性等，網(wǎng)頁設(shè)計(jì)中的文本、圖像以及色彩都屬于有效的視覺要素。互聯(lián)網(wǎng)時(shí)代初期，由于網(wǎng)絡(luò)技術(shù)不發(fā)達(dá)、網(wǎng)絡(luò)運(yùn)行速度較慢，網(wǎng)站基本都只有簡潔的文本信息。圖一左所示為2006年期間的微軟中國首頁，只有簡單的幾張位圖作為裝飾，它顯然滿足不了現(xiàn)今網(wǎng)絡(luò)通信技術(shù)下的受眾審美需求；今天我們再打開微軟中國的網(wǎng)站首頁（見圖一右），

4、可以驚喜地發(fā)現(xiàn)是如此的協(xié)調(diào)、簡潔，大面積平面化的圖形，整體的色塊圖片組合在一起，效果符合目前大部分受眾的審美需求，由此可見網(wǎng)頁設(shè)計(jì)的審美要求也是隨著時(shí)代及技術(shù)的發(fā)展而不斷更新的。二、網(wǎng)頁的視覺構(gòu)成要素對于網(wǎng)頁美術(shù)設(shè)計(jì)來講，能否通過各種構(gòu)成要素的合理編排來實(shí)現(xiàn)有效的傳播，是衡量設(shè)計(jì)成功與否的重要準(zhǔn)則之一。網(wǎng)頁的主要構(gòu)成要素有文本要素、圖形要素以及色彩要素等。1、文本要素的編排。文本是傳達(dá)信息的主體元素，也是網(wǎng)頁中必不可少的視覺要素。它起描述作用，通常會占據(jù)較大的面積，文本編排合理與否直接影響到整個頁面的傳播質(zhì)量。文本的主要功能是傳達(dá)信息，為了讓其主要功能發(fā)揮到最大，就必須整體布局文本設(shè)計(jì)，方能給

5、觀眾清晰的視覺印象。盡可能避免零散、復(fù)雜的文本布局，必須減去過多的裝飾字，以達(dá)到易讀、易懂、易認(rèn)的效果。網(wǎng)頁設(shè)計(jì)中不要過多去為文本作復(fù)雜的造型，以免忽視文本本身所傳達(dá)的內(nèi)容以及表達(dá)的主題思想。文本要素的編排，首要是服從內(nèi)容傳播的要求，版式的風(fēng)格與內(nèi)容必須統(tǒng)一，不能背道而馳。例如政府部門的官方網(wǎng)站，其文字應(yīng)該具有莊重和規(guī)范的特性，給人以整齊、干凈、簡潔和大方的印象；藝術(shù)性的網(wǎng)站則可以注重個性效果，給人創(chuàng)意無限的思維空間；旅游景點(diǎn)的網(wǎng)頁文本編排則可以有輕快、活潑、跳躍的節(jié)奏感，給人生機(jī)勃勃的感受；而商業(yè)公司的網(wǎng)站，則要結(jié)合所經(jīng)營的產(chǎn)品或提供的服務(wù)來進(jìn)行字體編排設(shè)計(jì)。如圖二所示，分別為政府部門網(wǎng)站、

6、藝術(shù)類網(wǎng)站、旅游景點(diǎn)網(wǎng)站的文本編排設(shè)計(jì)。計(jì)算機(jī)系統(tǒng)為用戶提供了常用的字體，同時(shí)也為適應(yīng)個性化文本編輯的需求允許用戶自行安裝字體，產(chǎn)生了豐富多彩的藝術(shù)字體供設(shè)計(jì)師使用。字庫的豐富，為設(shè)計(jì)師提供了方便，同時(shí)也是對文本編排設(shè)計(jì)能力的考驗(yàn)。因?yàn)橥粋€頁面當(dāng)中，并不適合使用太多不同的字體。一般三到四種字體已經(jīng)足夠讓頁面豐富起來，再多會顯得過于花哨?？傊?，文本作為網(wǎng)頁的重要視覺要素之一，除了傳達(dá)具體信息以外，版式設(shè)計(jì)上需要重視情感的傳達(dá)，才能給受眾愉悅的閱讀感受。2、圖形要素的設(shè)計(jì)。圖形是繼文本之后最早應(yīng)用到網(wǎng)頁美術(shù)設(shè)計(jì)的數(shù)字媒體元素，它大大地豐富了信息量。圖形的參與，可以圖文并茂的形式向受眾展現(xiàn)所傳播的

7、信息，也對美化網(wǎng)頁界面起到了極大的作用。對于通過視覺傳播的信息來說，圖文結(jié)合的形式遠(yuǎn)遠(yuǎn)超過了純粹的文本，使信息的趣味性更高。既然圖形要素這么重要，在設(shè)計(jì)過程中應(yīng)該注意什么便是網(wǎng)頁設(shè)計(jì)師不斷思考的一個問題。首先要分析網(wǎng)絡(luò)圖片的特點(diǎn)：圖片質(zhì)量不宜太高，否則會因加載太慢，受眾沒有耐心等待而失去信息傳播的功能，以目前的網(wǎng)絡(luò)流行技術(shù)來說，分辨率一般72dpi便足夠了。圖形在網(wǎng)頁中的位置、長寬比、構(gòu)圖等都直接影響信息的傳播效果，在圖形設(shè)計(jì)和優(yōu)化的同時(shí)，應(yīng)該充分考慮與文本要素的搭配，才能起到和諧、美觀的效果。3、色彩要素的搭配。網(wǎng)頁界面不僅要求具有優(yōu)美動人的文本要素，同時(shí)也要求版面新穎、簡潔明了。作為網(wǎng)頁視

8、覺要素之一的色彩最能體現(xiàn)藝術(shù)性，黑白分明的色彩搭配給人以強(qiáng)烈的感覺；柔和的色彩搭配給人清新怡人的感覺；灰色調(diào)則給人沉穩(wěn)莊嚴(yán)的感覺，等等。色彩要素的搭配方面應(yīng)該注意什么，是考驗(yàn)網(wǎng)頁美術(shù)設(shè)計(jì)師的標(biāo)準(zhǔn)之一。網(wǎng)頁中的色彩要素設(shè)計(jì)應(yīng)該根據(jù)網(wǎng)頁主題性質(zhì)的不同，把握好主色調(diào)、背景明度方面的選擇。主色調(diào)可以幫助網(wǎng)站突出主題，通常會以淺色系作為背景，如粉藍(lán)、草綠、淺灰等。以淺色為底有什么好處呢？根據(jù)受眾的閱讀習(xí)慣，文本通常會使用深色系來編排，所以有了淺色為底，配上深色文本，閱讀便更加簡便，整體也會顯得自然流暢。有了主色調(diào)，其它次要的元素則可以使用灰色系為主的圖形，避免喧賓奪主。通常明亮的色彩應(yīng)起到畫龍點(diǎn)睛的作用，跳躍的明亮色彩會產(chǎn)生強(qiáng)烈的視覺沖擊力，但應(yīng)用過多便會適得其反，會使受眾頭暈眼花。此外，在背景色調(diào)的搭配上并不適合用強(qiáng)烈的對比，特別是對比色及互補(bǔ)色的使用。背景占據(jù)頁面的面積較大