唐丹婷

【摘要】網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)作為第四媒體，以因特網(wǎng)為主要媒介，以網(wǎng)頁(yè)為期載體，以及網(wǎng)絡(luò)技術(shù)和數(shù)字技術(shù)為其基礎(chǔ)，使得信息傳播更好的為人們提供視覺(jué)傳達(dá)活動(dòng)。網(wǎng)頁(yè)設(shè)計(jì)中的視覺(jué)構(gòu)成元素怎樣能更好的傳達(dá)其信息的有效性成為當(dāng)今設(shè)計(jì)者更為關(guān)注和研究的課題。

【關(guān)鍵詞】視覺(jué)傳達(dá)；網(wǎng)頁(yè)設(shè)計(jì)；構(gòu)成元素；視覺(jué)流程

隨著我國(guó)經(jīng)濟(jì)實(shí)力和科學(xué)技術(shù)的蓬勃發(fā)展，國(guó)民的精神文化需求也日益增長(zhǎng)，網(wǎng)絡(luò)媒體作為一種時(shí)尚消費(fèi)文化的主要載體之一，因而其顯著的信息傳達(dá)性及有效性被人們所重視。網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)作為一種新興產(chǎn)物，以因特網(wǎng)為媒介，以網(wǎng)頁(yè)為其載體，以網(wǎng)絡(luò)技術(shù)和數(shù)字技術(shù)為其基礎(chǔ)，依照設(shè)計(jì)目的、遵循藝術(shù)設(shè)計(jì)規(guī)律，藝術(shù)與科學(xué)相結(jié)合的藝術(shù)創(chuàng)造和視覺(jué)傳達(dá)活動(dòng)。

1.網(wǎng)絡(luò)藝術(shù)設(shè)計(jì)的概述

1972年第一屆國(guó)際計(jì)算機(jī)通信會(huì)議上通過(guò)了由美國(guó)人溫頓·瑟夫（Vinton Cerf）和羅伯特·卡漢（Robert Kahn）開(kāi)發(fā)的傳輸控制協(xié)議和Internnet協(xié)議（TCP/IP），為Internnet的誕生奠定了基礎(chǔ)。

網(wǎng)絡(luò)藝術(shù)是伴隨著互聯(lián)網(wǎng)的產(chǎn)生而形成的新媒體藝術(shù)形式，而互聯(lián)網(wǎng)的迅猛發(fā)展，其作為一種新的大眾媒介，具有交互性，廣泛性，傳播快等優(yōu)點(diǎn)，為視覺(jué)傳達(dá)提供了良好的基礎(chǔ)條件。與此同時(shí)，由于互聯(lián)網(wǎng)技術(shù)的制約，如何更好的將網(wǎng)頁(yè)設(shè)計(jì)中的視覺(jué)信息傳達(dá)給大眾并且符合大眾的閱讀與審美需求，成為當(dāng)今設(shè)計(jì)者考慮的一個(gè)課題。

2.網(wǎng)絡(luò)藝術(shù)設(shè)計(jì)的要素分析

網(wǎng)頁(yè)所涉及的元素種類繁多，如何將這些多元素更清楚更美觀的羅列給瀏覽者，是設(shè)計(jì)者所考慮的一個(gè)重要因素。而網(wǎng)絡(luò)藝術(shù)設(shè)計(jì)的要素主要分為兩種，可以概括為形態(tài)要素和構(gòu)成要素。

2.1 形態(tài)要素的分析

網(wǎng)絡(luò)藝術(shù)設(shè)計(jì)的形態(tài)要素是指網(wǎng)頁(yè)瀏覽器本身或在插件支持下能夠運(yùn)行、顯示或收聽(tīng)的各類造型元素。主要的形態(tài)設(shè)計(jì)如下：文字設(shè)計(jì)，其包括Logo設(shè)計(jì)、正文文字、按鈕文字；圖標(biāo)設(shè)計(jì)，其具體包括按鈕、Logo、矢量圖標(biāo)、像素圖標(biāo)；導(dǎo)航設(shè)計(jì)，其具體包括導(dǎo)航條、站點(diǎn)地圖；音頻設(shè)計(jì)，其具體包括背景音樂(lè)、動(dòng)畫(huà)音樂(lè)；視頻設(shè)計(jì)，其具體包含網(wǎng)絡(luò)廣告、網(wǎng)絡(luò)視頻；動(dòng)畫(huà)設(shè)計(jì)，其具體包含網(wǎng)絡(luò)廣告、GIF動(dòng)畫(huà)、FLASH動(dòng)畫(huà)；圖形、圖像設(shè)計(jì)，其具體包含廣告條、矢量圖形、像素圖案；VR設(shè)計(jì)，其具體包含三維廣告、虛擬現(xiàn)實(shí)。

由于網(wǎng)絡(luò)藝術(shù)設(shè)計(jì)具有藝術(shù)性和科學(xué)性相結(jié)合的特點(diǎn)，網(wǎng)頁(yè)設(shè)計(jì)者應(yīng)該積極主動(dòng)地掌握現(xiàn)有的各種網(wǎng)絡(luò)技術(shù)規(guī)律，注重技術(shù)和藝術(shù)緊密結(jié)合，滿足瀏覽者對(duì)網(wǎng)頁(yè)信息的高質(zhì)量需求。由于網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)所設(shè)計(jì)的繁多元素，為了更好的便于設(shè)計(jì)者和瀏覽者獲得信息，我們將這些具體形態(tài)要素概括為視聽(tīng)元素和版式設(shè)計(jì)兩種。

2.1.1 視聽(tīng)元素的分析

從人的五感來(lái)說(shuō)，觀感和聽(tīng)感的結(jié)合是獲得信息要素最為直接和可視化的方式。在網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)中，視覺(jué)流程和最佳視域的合理運(yùn)用，以及流暢的視覺(jué)導(dǎo)向，可以直接影響到傳播者傳達(dá)信息的準(zhǔn)確性和有效性。所以能夠根據(jù)網(wǎng)頁(yè)的主題合理安排各視聽(tīng)元素的設(shè)計(jì)、組織和應(yīng)用，是網(wǎng)頁(yè)設(shè)計(jì)師的應(yīng)具備的基本素質(zhì)。

視聽(tīng)元素的構(gòu)成主要包括：文字、圖形圖像、動(dòng)畫(huà)、音頻、視頻、交互元素等組成。這些元素在藝術(shù)上都具有相對(duì)獨(dú)立性，其中有些視聽(tīng)元素本身就是一門藝術(shù)。

2.1.1.1 文字

文字我們大體可以分為文本文字和圖形文字。所謂文本文字，是指在網(wǎng)頁(yè)編輯軟件中可以編輯和更改內(nèi)容的字符，它具有字體、字號(hào)、色彩等的基本屬性。而使用CSS○注具有三個(gè)主要優(yōu)點(diǎn)：A.豐富了文本的表現(xiàn)形式；B.簡(jiǎn)化了文本的控制方式；C.兼容性強(qiáng)。而圖形文字是指內(nèi)容不可編輯，已經(jīng)圖形化了的各種文字。

2.1.1.2 圖形圖像

圖形圖像的運(yùn)動(dòng)可以大幅度的平衡文字的枯燥，并且更為直觀的為文字對(duì)象服務(wù)。而網(wǎng)絡(luò)中常用的圖形圖像格式主要有GIF圖像格式、JPEG圖像格式、PNG圖像格式以及SWF圖像格式。

在進(jìn)行網(wǎng)絡(luò)在進(jìn)行網(wǎng)頁(yè)圖形圖像設(shè)計(jì)時(shí)，要根據(jù)網(wǎng)頁(yè)的特點(diǎn)注意以下要點(diǎn)：A.96dpi是網(wǎng)頁(yè)圖像的最佳分辨率；B.控制圖像文件的大??；C.根據(jù)不同目的，選擇適當(dāng)圖像文件格式；D.調(diào)整好網(wǎng)頁(yè)圖片的位置、面積、多少、主次、色調(diào)，對(duì)于形成網(wǎng)頁(yè)的整體視覺(jué)印象非常重要。

同目的，選擇適當(dāng)圖像文件格式。

2.1.1.3 網(wǎng)絡(luò)動(dòng)畫(huà)

網(wǎng)頁(yè)動(dòng)畫(huà)的生成原理有三種動(dòng)畫(huà)方式：逐幀動(dòng)畫(huà)、補(bǔ)間動(dòng)畫(huà)、控件動(dòng)畫(huà)。網(wǎng)頁(yè)動(dòng)畫(huà)的種類也可以分為三類：FLASH動(dòng)畫(huà)、GIF動(dòng)畫(huà)和控件動(dòng)畫(huà)。旗幟廣告又稱條幅廣告，是網(wǎng)頁(yè)中重要的宣傳形式。

2.1.1.4 視頻音頻

網(wǎng)絡(luò)音頻和視頻是指網(wǎng)絡(luò)中應(yīng)用的各種聲音和影片形式。網(wǎng)絡(luò)音頻和視頻可應(yīng)用于網(wǎng)絡(luò)多媒體演示、網(wǎng)絡(luò)動(dòng)畫(huà)、網(wǎng)絡(luò)廣告、互動(dòng)點(diǎn)播、遠(yuǎn)程交流、電子商務(wù)等多種領(lǐng)域。

2.1.1.5 交互式視覺(jué)元素

互動(dòng)是網(wǎng)頁(yè)的顯著特征，網(wǎng)頁(yè)的互動(dòng)功能是通過(guò)各種交互式視覺(jué)元素實(shí)現(xiàn)的。除通過(guò)為文字、圖像、動(dòng)畫(huà)添加超鏈接可以實(shí)現(xiàn)頁(yè)面間的跳轉(zhuǎn)和人機(jī)互動(dòng)外，網(wǎng)頁(yè)中用于互動(dòng)的視覺(jué)元素還有按鈕、表單、導(dǎo)航條、虛擬現(xiàn)實(shí)等，它們是網(wǎng)頁(yè)設(shè)計(jì)中實(shí)現(xiàn)人機(jī)交流的主要手段。

2.2 構(gòu)成要素的分析

網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的構(gòu)成要素是指將形態(tài)要素組合的形式法則及藝術(shù)規(guī)律。它既包括一般藝術(shù)規(guī)律的應(yīng)用，也有其具自身特點(diǎn)的藝術(shù)語(yǔ)言。這些藝術(shù)規(guī)律和語(yǔ)言可以歸納為以下三個(gè)方面的應(yīng)用：版設(shè)設(shè)計(jì)、導(dǎo)航設(shè)計(jì)、色彩設(shè)計(jì)。

2.2.1 版設(shè)設(shè)計(jì)

所謂網(wǎng)頁(yè)的版式設(shè)計(jì)，是在有限的屏幕空間上將視聽(tīng)多媒體元素進(jìn)行有機(jī)的排列組合，它將設(shè)計(jì)師的理性思維個(gè)性化地表現(xiàn)出來(lái)，是一種具有個(gè)人風(fēng)格和藝術(shù)特色的視聽(tīng)傳達(dá)方式。

2.2.2 導(dǎo)航設(shè)計(jì)

如果說(shuō)網(wǎng)頁(yè)的版式設(shè)計(jì)側(cè)重于單個(gè)頁(yè)面的組織構(gòu)成，類似于平面的設(shè)計(jì)，那么網(wǎng)頁(yè)的導(dǎo)航設(shè)計(jì)的重點(diǎn)則在于多個(gè)頁(yè)面的整合，是一種空間的設(shè)計(jì)，也是一種技術(shù)的設(shè)計(jì)。

2.2.3 色彩設(shè)計(jì)

網(wǎng)頁(yè)的色彩設(shè)計(jì)既蘊(yùn)含于網(wǎng)頁(yè)的版式設(shè)計(jì)和導(dǎo)航設(shè)計(jì)中，又具有相當(dāng)?shù)莫?dú)立性。色彩的冷暖使用可以給瀏覽者產(chǎn)生最直接的情感反應(yīng)，同時(shí)也是使瀏覽者產(chǎn)生第一印象感官的重要因素。

3.小結(jié)

網(wǎng)頁(yè)設(shè)計(jì)雖然還有很多局限性，但綜述來(lái)說(shuō)，作為一種新興的視覺(jué)表現(xiàn)形式，不僅是一種技能，更是藝術(shù)與技術(shù)的高度統(tǒng)一。網(wǎng)頁(yè)設(shè)計(jì)者應(yīng)該積極主動(dòng)地掌握現(xiàn)有的各種網(wǎng)絡(luò)技術(shù)規(guī)律，注重技術(shù)和藝術(shù)緊密結(jié)合，這樣才能窮盡技術(shù)之長(zhǎng)，實(shí)現(xiàn)藝術(shù)想象，滿足瀏覽者對(duì)網(wǎng)頁(yè)信息的高質(zhì)量需求。

參考文獻(xiàn)：

[1]徐柯，苗彤，趙暉.網(wǎng)頁(yè)視覺(jué)與設(shè)計(jì)[M].北京郵電出版社，2004.

[2]李硯祖，蘆影.視覺(jué)傳達(dá)的歷史與美學(xué)[M].北京：中國(guó)人民大學(xué)出版社，2000