成功的網頁設計=藝術的總體把握

摘要: 網頁設計是現代科學高技術下的一門由藝術與信息載體相結合的設計藝術。本文就如何設計出成功的網頁作品，提出了風格的統一和獨特的創意及表現角度的協調統一兩大主題，并詳細分析歸類具體到色調的統一，結構的統一，標識符號和宣傳標語的統一。

關鍵詞: 網頁設計類型原則發展趨勢

一、網頁設計的類型

門戶網站、專業網站、企業網站、個人網站是當前互聯網網頁的四種類型。

(一)門戶網站的側重點在于其功能性

門戶網站，是目前發展最成熟的類型。像新浪、網易、雅虎等，我們從一開始接觸互聯網就是通過這些門戶網站來認識Internet的。可以說，門戶網站是隨著Internet的發展而不斷發展、完善的。門戶網站的特點是信息內容龐大，用戶群多且層次不一，同時它又能提供很多功能性強的服務，帶有一定的普及性。因此，門戶網站的設計要點在于它的整體風格與定位的協調和準確性。比如我們在設計網頁時要注意目錄和鏈接結構，網絡的傳輸速度，盡量少用較大的素材，是否支持各種各樣的瀏覽器，必須有很常見的搜索功能，等等。

(二)專業網站的側重點在于其功能性和設計上的結合

專業網站的信息內容定位很專一，針對性很強，像財經類、音樂、游戲、拍賣、女性網站等。它們的共同特點是在和其行業特征緊密聯系，同時還考慮到其客戶群的喜好。像易趣、太平洋、點擊動漫網等，在設計上表現出其獨特的風格定位，在功能上又便于操作。專業網站的設計著眼于找到性能、表現和感染力之間的一個平衡點。

(三)企業網站的側重點在于其獨具一格

每一個企業都有自己的產品服務、歷史背景、文化底蘊和經營理念等，反映在網頁上自然也各不相同。瀏覽可口可樂公司網站的人一定會被它的主頁所吸引，漂亮的色彩，直觀的畫面，動感的水珠，以及巧妙運用的交互式技術，既滿足了人們視覺上的享受，又體現了一種藝術與科學的完美結合。

(四)個人網站的出現使得網頁設計變得更加豐富多彩

在崇尚個性的今天，Internet著實起到了助推器的作用。擁有自己的網站成了青年一代表現自我的首選。這其中不乏優秀之作，很多設計新穎獨特、構思巧妙，像閃客小屋、餓人谷、快樂島等。

二、如何設計出成功的網頁

成功的設計作品一般都很藝術化。但藝術只是設計的手段，而并非設計的任務，設計的任務是要實現客戶的意圖并創造美。

藝術是自我的，而設計是一種審美活動，是藝術和客戶之間的一種商業行為，它需要更多的與公眾產生共鳴的東西，也就是說，設計者要在自我對某種事物的獨特想法或感受和客戶的需求之間尋找一個平衡點。一個好的作品往往能產生共鳴，受到大眾的認可。

一個好的網站，和實體公司一樣，也需要整體形象的包裝和設計。確定網站的整體風格，運用統一的標志、色彩、字體、標語，是一個網站樹立自己網站形象的關鍵。設計者再結合絕妙的創意設計，對網站的宣傳推廣會起到錦上添花的作用。

此外，一個好的網頁也體現出點線面、圖形和光效應的完美結合。

(一)網站的風格一定要統一

美學中有個規律:統一中產生變化。先統一再變化，因此第一要素就是統一，無論什么類型的站點設計，都應注重這一點:“風格一定要統一”。

所謂的“風格統一”，大至有三種。

1.色調的統一

不同的色彩搭配產生不同的效果，并可能影響到訪問者的情緒。色彩對人的視覺、心理的沖擊和震撼是我們無法抗拒的。

色彩代表了不同的情感，有著不同的象征含義。這些象征含義是人們思想交流當中的一個復雜問題，它因人的年齡、地域、時代、民族、階層、經濟地區、工作能力、教育水平、風俗習慣、宗教信仰、生活環境、性別差異而有所不同。

單純的顏色和不同的顏色搭配，所表現出來的效果會不同。比如綠色和金黃、淡白搭配，可以產生優雅、舒適的氣氛;藍色和白色混合，能體現柔順、淡雅、浪漫的氣氛;紅色和黃色、金色搭配，能渲染喜慶的氣氛;而金色和粟色的搭配，則會給人帶來暖意。設計的任務不同，配色方案也應隨之不同。

同樣，人們對網站的第一印象也來自視覺沖擊，有時人們只從它的色彩上就能判斷出其所要表現的行業區域或特征，所以設計者準確定位網站的色彩是相當重要的一步。另外，設計者結合一些恰到好處的圖形，能起到錦上添花的效果。

縱觀國內外的一些優秀的網站，我們會發現它們都有一個主基調，在此基礎上有一種或兩種相對應變化的顏色，或是對比色調，亦或是協調色調。

例如:同樣是設計醫療健康網站，如側重點是醫療衛生，那么設計者可以選用較冷的蘭色作為主基調:而當側重點放在了健康方面，那么設計者選用綠色則更為合適。

網頁中如運用太多的主色塊和到處都是動畫會讓人眼花繚亂，產生整體不統一的感覺。

2.結構的統一

不論是門戶類型的網站還是企業類型的網站，都應該采用統一的結構形式。設計者借助先進的軟件、運用統一的結構將網站的內容進行規劃，然后運用模板的方法將企業的標志、代表人物、標準色彩、標題、字體、符號、口號、廣告的位置和連接的方式及搜索功能等作標準的結構定位，使整個站點在固有的結構內進行有序的變化。通俗地說，就是在有限的空間里作無限的變化。像這樣的網站有新浪、索易、賽迪、263新聞頻道等。

3.標識符號和宣傳標語的統一

一個好的站點，訪問者往往通過頁面的顏色、圖形、結構、標志，甚至統一后的一些文字和文字的聯接方式、小圖標等就能明確分辨出網站的與眾不同。

宣傳標語可以說是網站的精神、網站的目標，例如:諾基亞的“科技以人為本”、263的“中國人的網上家園”。設計者將網站的宣傳標語、版權信息、聯系方式，以及客戶服務電話放在網站上，這是一個宣傳企業文化的絕好方式。

總之，準確樹立網站的風格，使整個網站得以脫穎而出，是成功設計一個網站的第一步。

(二)獨特的創意和表現角度的協調統一

一個好的網站有了整體的風格定位之后，還要有獨特的創意來打動訪問者，這就是所說的“統一中產生變化”中的變化。所以網站設計者要在自我的對某種事物的獨特想法或感受和客戶的需求之間找到這一平衡點，創意既要新穎獨特，又要和所表現的事物相符。獨特的創意對好的設計有著決定性的作用，巧妙地運用恰到好處的圖形也能起到“此處無聲勝有聲”的效果。

在網頁設計中，設計者主要通過視覺傳達來表現主題。在視覺傳達中，造型是很重要的一個元素。拋開是圖還是文字的問題，畫面上的所有元素可以統一作為畫面的基本構成要素點、線、面來進行處理。一個成功的作品，是需要點、線、面的共同組合與搭配來構造的。

通常設計者可以使用的組合手法有秩序、比例、均衡、對稱、連續、間隔、重疊、反復、交叉、節奏、韻律、歸納、變異、特寫、反射等，它們都有各自的特點。設計者應根據具體情況，選擇最適合的表現手法，這樣有利于主題的表現。如通過點、線、面的組合，可以突出頁面上的重要元素、設計的主題，增強美感，讓訪問者在感受美的過程中領會設計的主題。

綜上所述，我們很容易得出一個結論:風格統一+好的創意+好的圖形圖像+合成網頁的數字技術=優秀的網頁設計。

三、網頁設計的原則

設計是有原則的，無論使用何種手法對畫面中的元素進行組合，設計者都一定要遵循五個大的原則:統一、連貫、分割、對比、和諧。

統一，是指設計作品的整體性，一致性。設計作品的整體效果是至關重要的，設計者在設計中切勿將各組成部分孤立分散，那樣會使畫面呈現出一種枝蔓紛雜的凌亂效果。

連貫，是指要注意頁面的相互關系。在設計中設計者應利用各組成部分在內容上的內在聯系和表現形式上的相互呼應，并注意整個頁面設計風格的一致性，實現視覺上和心理上的連貫，使整個頁面設計的各個部分極為融洽，猶如一氣呵成。

分割，是指將頁面分成若干小塊，小塊之間有視覺上的不同，這樣可以使訪問者一目了然。在信息量很多時為使訪問者能夠看清楚，就要注意將畫面進行有效的分割。分割不僅是表現形式的需要，而且是對于頁面內容的一種分類歸納。

對比，是指通過矛盾和沖突，使設計更加富有生氣。對比手法很多，例如:多與少、曲與直、強與弱、長與短、粗與細、疏與密、虛與實、主與次、黑與白、動與靜、美與丑、聚與散等。設計者在使用對比的時候應慎重，對比過強容易破壞美感，影響統一。

和諧就是指整個頁面符合美的法則，渾然一體。如果一件設計作品僅僅是色彩、形狀、線條等的隨意混合，那么作品將不但沒有“生命感”，而且根本無法實現視覺設計的傳達功能。和諧不僅要看結構形式，而且要看作品所形成的視覺效果與人的視覺感受形成一種溝通，產生心靈的共鳴，這是設計成功的關鍵。

四、網頁設計的發展趨勢

網絡是一種實用工具，網頁是信息傳播的載體。隨著多媒體技術的發展和運用，這種信息載體的多元化豐富了以前單一的網頁設計格式。

結合多媒體技術和交互性的網頁越來越受到人們的喜愛。當然，多媒體的網頁設計除了要滿足訪問者視覺和表現上的審美以外，還要注意訪問者聽覺上的感受。設計者應準確定位、創意新穎、文字獨特、色彩明快，應注意光效應和三維動畫的應用，等等。這樣能使網頁更加絢麗多彩、前衛而令人耳目一新。

展望網頁設計的發展趨勢，緊密跟蹤每一次技術發展的步伐，將新思維與更新的視覺要求與美學思想的轉變結合起來，是網頁設計跳躍式發展的大勢所趨。

參考文獻:

[1]Jie Lin.關于美學的專題——網站中的統一變化.包裝世界雜志，2002.

[2]Lola Peng.談網頁設計.設計思考，2001.

[3]湯茂建.怎樣設計網頁.學習·出師·騰飛，2002.