淺析網頁設計中的視覺藝術處理

唐雨薇

[摘要]就網頁設計過程中所涉及到的視覺元素的藝術處理進行分析，主要嘗試從網頁設計的內容與原則等方面，對這個新的藝術設計領域進行探討。

[關鍵詞]網頁藝術處理版面布局風格設計色彩搭配

中圖分類號：TP3文獻標識碼：A文章編號：1671－7597(2009)0210052－01

一、版面布局中藝術處理

從功能上來看，首頁主要承擔著樹立企業形象(當然不僅僅是首頁)的作用，網站首頁是企業網上的虛擬門面。

設計首頁的第一步是設計版面布局。所謂版面，指的是瀏覽器看到的完整的一個頁面(可以包含框架和層)。所謂布局，是指以最適合瀏覽的方式將圖片和文字排放在頁面的不同位置。一般來說，網站首頁的形式有兩種，一種是形象展示型，這種類型文字信息較少，圖像信息較多，通過藝術造型和設計布局，將圖文組成一幅生動的畫面。另一種是信息羅列型，即在首頁中就羅列出網站的主要內容分類、重點信息、網站導航、公司信息等等，這種風格比較適合網站信息量大、內容豐富的網站。無論采用何種形式，都可以遵循如下原則：

1、主次分明，中心突出。在一個頁面上，必然考慮視覺的中心，這個中心一般在屏幕的中央，或者在中間偏上的部位。這樣在頁面上就突出了重點，做到了主次有別。

2、大小搭配，相互呼應。較長的文章或標題，不要編排在一起，要有一定的距離，同樣，較短的文章，也不能編排在一起。對待圖片的安排也是這樣，要互相錯開，造成大小之間有一定的間隔，這樣可以使頁面錯落有致，避免重心的偏離。

3、圖文并茂，相得益彰。文字和圖片具有一種相互補充的視覺關系，頁面上文字太多，就顯得沉悶，缺乏生氣。最理想的效果是文字與圖片的密切配合，互為襯托，既能活躍頁面，又使主頁有豐富的內容。

網站首頁的布局比較靈活，著重設計，而內頁的版面布局主要是考慮導航、必要信息與正文之間的布局關系。在內頁布局過程中，可遵循以下原則：

1、正常平衡——亦稱“勻稱”。多指左右、上下對照形式，主要強調秩序，能達到安定誠實、信賴的效果。

2、異常平衡——即非對照形式，但也要平衡和韻律，當然都是不均整的，此種布局能達到強調性、不安性、高注目性的效果。

3、對比——所謂對比，不僅利用色彩、色調等技巧來做表現，在內容上也可涉及古與今、新與舊、貧與富等對比。

4、凝視——所謂凝視是利用頁面中人物視線，使瀏覽者仿照跟隨的心理，以達到注視頁面的效果，一般多用明星凝視狀。

5、空白——空白有兩種作用，一方面對其他網站表示突出卓越，另一方面也表示網頁品位的優越感，這種表現方法對體顯網頁的格調十分有效。

6、盡量用圖片解說——此法對不能用語言說服、或用語言無法表達的情感，特別有效。圖片解說的內容，可以傳達給瀏覽者更多的心理因素。

以上的設計原則，雖然枯燥，但是我們如果能領會并活用到頁面布局里，效果就會大不一樣。比如：網頁的白色背景太虛，則可以加些色快；版面零散，可以用線條和符號串聯；左面文字過多，右面則可以插一張圖片保持平衡；表格太規矩，可以改用導角等等。

二、風格設計中的藝術處理

首頁風格的形成主要依賴于主頁的版式設計，依賴于頁面的色調處理，還有圖片與文字的組合形式等。如何統一網站風格，除考慮上述首頁風格外，更多的還應在內頁設計過程中考慮以下幾種設計方式：

1、結構的一致性：網站的統一性在網站營銷中占重要地位，而網站結構是網站風格統一的重要手段，包括網站布局、文字排版、裝飾性元素出現的位置、導航的統一、圖片的位置等等。

2、色彩的一致性：方式是保持站點主體色彩的一致，只改變局部色塊，優點是一個獨特色彩的網站會給人留下很深刻的印象，因為人的視覺對色彩要比布局更敏感，更容易在大腦中形成記憶符號。建議是選取一兩種主要色彩，幾種輔助色彩。

3、利用導航取得統一：導航是網站的一項重要組成部分，一個出色的富有企業特性的導航將會給人留下深刻的印象，比如將標志的形態寓于導航之中。

4、特別元素的一致性：在網站設計中，個別具有特色的元素(如標志、象征圖形、局部設計等)重復出現，也會給訪問者留下深刻印象。

5、利用圖像取得統一：網頁中的圖像在使用上一定要謹慎，尤其是一些與內容無關的動畫不能使用在網頁中。這里我們所說的利用圖像取得統一，決不是在每頁中放置幾個動畫!而是根據網頁內容的不同，配以相應的圖像或動畫，從而給瀏覽者形成頁面的連續性。

6、利用背景取得統一：從技術上而言，網頁背景包括背景色和背景圖像兩種，一般提倡使用背景色或色塊而非背景圖像。原因很明顯，第一，背景色的下載速度比背景圖像的下載速度快；第二，顯示效果，圖像作為背景往往使得前面的文字很難辨認!給人一種很不舒服的感覺，讓人無法停留。那么什么適合網頁背景呢?一個好的建議是將公司的標志、象征性的簡單圖片作為背景，并將其淡化，使瀏覽者在閱讀網站內容的同時不經意記下公司的標志。

三、色彩搭配中的藝術處理

色彩是人的視覺中最敏感的東西，網頁中最難處理的也就是色彩搭配的問題了。在色彩的運用上，可以根據主頁內容的需要，分別采用不同的主色調。網頁設計中色彩的使用原則一般有：

1、用一種色彩。這里是指先確定一種色彩，然后調整該色彩的透明度或者飽和度產生新的色彩(說得通俗些就是將色彩變淡或者加深)，用于網頁。這樣的頁面看起來色彩統一，有層次感。

2、用兩種色彩。先選定一種色彩，然后選擇它的對比色。

3、用一個相同色系。所謂相同色系，簡單的說就是同一個感覺的色彩，例如淡藍，淺藍、深藍；而在色相環上是指位置十分相近的色彩，這種色彩搭配的優點是易于使網頁色彩趨于一致，容易塑造網頁和諧統一的氛圍，缺點是容易造成頁面的單調，因此往往利用局部加入對比色來增加變化，如局部對比色彩的圖片等。

充分運用色彩的這些特性，可以使我們的主頁具有深刻的藝術內涵，從而提升網站的文化品位。根據色彩的心理感覺，下面介紹幾種常用的配色方案：

1、暖色調。即紅色、橙色、黃色、赭色等色彩的搭配。這種色調的運用，可使主頁呈現溫馨、和煦、熱情的氛圍。

2、冷色調。即青色、綠色、紫色等色彩的搭配。這種色調的運用，可使主頁呈現寧靜、清涼、高雅的氛圍。

3、對比色調。所謂對比色，是指色相環相距較遠，即把色性完全相反的色彩搭配在同一個空間里。例如：紅與綠、黃與紫、橙與藍等。這種色彩的搭配，可以產生強烈的視覺效果，給人亮麗、鮮艷、喜慶的感覺。當然，對比色調如果用得不好，會適得其反，產生俗氣、刺眼的不良效果。這就要把握“大調和，小對比”這一個重要原則，即總體的色調應該是統一和諧的，局部的地方可以有一些小的強烈對比。