淺談網(wǎng)頁藝術(shù)設(shè)計(jì)的要素分析

唐丹婷

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

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

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

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

1972年第一屆國際計(jì)算機(jī)通信會(huì)議上通過了由美國人溫頓·瑟夫（Vinton Cerf）和羅伯特·卡漢（Robert Kahn）開發(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)，為視覺傳達(dá)提供了良好的基礎(chǔ)條件。與此同時(shí)，由于互聯(lián)網(wǎng)技術(shù)的制約，如何更好的將網(wǎng)頁設(shè)計(jì)中的視覺信息傳達(dá)給大眾并且符合大眾的閱讀與審美需求，成為當(dāng)今設(shè)計(jì)者考慮的一個(gè)課題。

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

網(wǎng)頁所涉及的元素種類繁多，如何將這些多元素更清楚更美觀的羅列給瀏覽者，是設(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ùn)行、顯示或收聽的各類造型元素。主要的形態(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ì)，其具體包括背景音樂、動(dòng)畫音樂；視頻設(shè)計(jì)，其具體包含網(wǎng)絡(luò)廣告、網(wǎng)絡(luò)視頻；動(dòng)畫設(shè)計(jì)，其具體包含網(wǎng)絡(luò)廣告、GIF動(dòng)畫、FLASH動(dòng)畫；圖形、圖像設(shè)計(jì)，其具體包含廣告條、矢量圖形、像素圖案；VR設(shè)計(jì)，其具體包含三維廣告、虛擬現(xiàn)實(shí)。

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

2.1.1 視聽元素的分析

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

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

2.1.1.1 文字

文字我們大體可以分為文本文字和圖形文字。所謂文本文字，是指在網(wǎng)頁編輯軟件中可以編輯和更改內(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)頁圖形圖像設(shè)計(jì)時(shí)，要根據(jù)網(wǎng)頁的特點(diǎn)注意以下要點(diǎn)：A.96dpi是網(wǎng)頁圖像的最佳分辨率；B.控制圖像文件的大?。籆.根據(jù)不同目的，選擇適當(dāng)圖像文件格式；D.調(diào)整好網(wǎng)頁圖片的位置、面積、多少、主次、色調(diào)，對(duì)于形成網(wǎng)頁的整體視覺印象非常重要。

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

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

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

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)畫、網(wǎng)絡(luò)廣告、互動(dòng)點(diǎn)播、遠(yuǎn)程交流、電子商務(wù)等多種領(lǐng)域。

2.1.1.5 交互式視覺元素

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

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

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

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

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

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

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

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

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

3.小結(jié)

網(wǎng)頁設(shè)計(jì)雖然還有很多局限性，但綜述來說，作為一種新興的視覺表現(xiàn)形式，不僅是一種技能，更是藝術(shù)與技術(shù)的高度統(tǒng)一。網(wǎng)頁設(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)頁信息的高質(zhì)量需求。

參考文獻(xiàn)：

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

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