淺談網頁藝術設計的要素分析

唐丹婷

【摘要】網頁藝術設計作為第四媒體，以因特網為主要媒介，以網頁為期載體，以及網絡技術和數字技術為其基礎，使得信息傳播更好的為人們提供視覺傳達活動。網頁設計中的視覺構成元素怎樣能更好的傳達其信息的有效性成為當今設計者更為關注和研究的課題。

【關鍵詞】視覺傳達；網頁設計；構成元素；視覺流程

隨著我國經濟實力和科學技術的蓬勃發展，國民的精神文化需求也日益增長，網絡媒體作為一種時尚消費文化的主要載體之一，因而其顯著的信息傳達性及有效性被人們所重視。網頁藝術設計作為一種新興產物，以因特網為媒介，以網頁為其載體，以網絡技術和數字技術為其基礎，依照設計目的、遵循藝術設計規律，藝術與科學相結合的藝術創造和視覺傳達活動。

1.網絡藝術設計的概述

1972年第一屆國際計算機通信會議上通過了由美國人溫頓·瑟夫（Vinton Cerf）和羅伯特·卡漢（Robert Kahn）開發的傳輸控制協議和Internnet協議（TCP/IP），為Internnet的誕生奠定了基礎。

網絡藝術是伴隨著互聯網的產生而形成的新媒體藝術形式，而互聯網的迅猛發展，其作為一種新的大眾媒介，具有交互性，廣泛性，傳播快等優點，為視覺傳達提供了良好的基礎條件。與此同時，由于互聯網技術的制約，如何更好的將網頁設計中的視覺信息傳達給大眾并且符合大眾的閱讀與審美需求，成為當今設計者考慮的一個課題。

2.網絡藝術設計的要素分析

網頁所涉及的元素種類繁多，如何將這些多元素更清楚更美觀的羅列給瀏覽者，是設計者所考慮的一個重要因素。而網絡藝術設計的要素主要分為兩種，可以概括為形態要素和構成要素。

2.1 形態要素的分析

網絡藝術設計的形態要素是指網頁瀏覽器本身或在插件支持下能夠運行、顯示或收聽的各類造型元素。主要的形態設計如下：文字設計，其包括Logo設計、正文文字、按鈕文字；圖標設計，其具體包括按鈕、Logo、矢量圖標、像素圖標；導航設計，其具體包括導航條、站點地圖；音頻設計，其具體包括背景音樂、動畫音樂；視頻設計，其具體包含網絡廣告、網絡視頻；動畫設計，其具體包含網絡廣告、GIF動畫、FLASH動畫；圖形、圖像設計，其具體包含廣告條、矢量圖形、像素圖案；VR設計，其具體包含三維廣告、虛擬現實。

由于網絡藝術設計具有藝術性和科學性相結合的特點，網頁設計者應該積極主動地掌握現有的各種網絡技術規律，注重技術和藝術緊密結合，滿足瀏覽者對網頁信息的高質量需求。由于網頁藝術設計所設計的繁多元素，為了更好的便于設計者和瀏覽者獲得信息，我們將這些具體形態要素概括為視聽元素和版式設計兩種。

2.1.1 視聽元素的分析

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

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

2.1.1.1 文字

文字我們大體可以分為文本文字和圖形文字。所謂文本文字，是指在網頁編輯軟件中可以編輯和更改內容的字符，它具有字體、字號、色彩等的基本屬性。而使用CSS○注具有三個主要優點：A.豐富了文本的表現形式；B.簡化了文本的控制方式；C.兼容性強。而圖形文字是指內容不可編輯，已經圖形化了的各種文字。

2.1.1.2 圖形圖像

圖形圖像的運動可以大幅度的平衡文字的枯燥，并且更為直觀的為文字對象服務。而網絡中常用的圖形圖像格式主要有GIF圖像格式、JPEG圖像格式、PNG圖像格式以及SWF圖像格式。

在進行網絡在進行網頁圖形圖像設計時，要根據網頁的特點注意以下要點：A.96dpi是網頁圖像的最佳分辨率；B.控制圖像文件的大小；C.根據不同目的，選擇適當圖像文件格式；D.調整好網頁圖片的位置、面積、多少、主次、色調，對于形成網頁的整體視覺印象非常重要。

同目的，選擇適當圖像文件格式。

2.1.1.3 網絡動畫

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

2.1.1.4 視頻音頻

網絡音頻和視頻是指網絡中應用的各種聲音和影片形式。網絡音頻和視頻可應用于網絡多媒體演示、網絡動畫、網絡廣告、互動點播、遠程交流、電子商務等多種領域。

2.1.1.5 交互式視覺元素

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

2.2 構成要素的分析

網頁藝術設計的構成要素是指將形態要素組合的形式法則及藝術規律。它既包括一般藝術規律的應用，也有其具自身特點的藝術語言。這些藝術規律和語言可以歸納為以下三個方面的應用：版設設計、導航設計、色彩設計。

2.2.1 版設設計

所謂網頁的版式設計，是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合，它將設計師的理性思維個性化地表現出來，是一種具有個人風格和藝術特色的視聽傳達方式。

2.2.2 導航設計

如果說網頁的版式設計側重于單個頁面的組織構成，類似于平面的設計，那么網頁的導航設計的重點則在于多個頁面的整合，是一種空間的設計，也是一種技術的設計。

2.2.3 色彩設計

網頁的色彩設計既蘊含于網頁的版式設計和導航設計中，又具有相當的獨立性。色彩的冷暖使用可以給瀏覽者產生最直接的情感反應，同時也是使瀏覽者產生第一印象感官的重要因素。

3.小結

網頁設計雖然還有很多局限性，但綜述來說，作為一種新興的視覺表現形式，不僅是一種技能，更是藝術與技術的高度統一。網頁設計者應該積極主動地掌握現有的各種網絡技術規律，注重技術和藝術緊密結合，這樣才能窮盡技術之長，實現藝術想象，滿足瀏覽者對網頁信息的高質量需求。

參考文獻：

[1]徐柯，苗彤，趙暉.網頁視覺與設計[M].北京郵電出版社，2004.

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