網頁設計之視覺信息傳達分析

［摘 要］網頁設計是一門新興的設計類和網絡的交叉學科，任何設計都有一定的內容和形式設計是主觀和客觀共同作用的結果。

［關鍵詞］視覺元素 形式美法則 網頁配色

［中圖分類號］TP ［文獻標識碼］A ［文章編號］1009－5489(2009)07－0092－02

隨著網絡技術的不斷發展，網絡應用已經滲透到人類社會的各個角落。作為網絡世界的支撐點的網站，更是人們關注的熱點：政府利用網站宣傳自己的施政綱領，日益成為與百姓交流的直通車；企業利用網站宣傳自己的形象，挖掘無限商機；個人利用網站展示個性風采，創建彼此溝通的橋梁。越來越多的人希望擁有網站，開辟網絡世界里的一片天地。如何設計一個出色的網站呢？關于這個問題，人們討論得很多，可以討論的內容也很多。

網頁是通過視覺元素的引人注目而實現信息內容的傳達，為了使網頁獲得最大的視覺傳達功能，使網絡真正成為可讀強性而且新穎的媒體，網頁的設計必須適應人們視覺流向的心理和生理的特點，由此確定各種視覺構成元素之間的關系和秩序。因此，設計時應該研究各種視覺造型元素之間的距離、位置、面積和視覺流程的問題。

網頁設計的認識上，許多人似乎仍停留在網頁制作的高度上。認為只要用好了網頁制作軟件，就能搞好網頁設計了。其實網頁設計是一個感性思考與理性分析相結合的復雜的過程，它的方向取決于設計的任務，它的實現依賴于網頁的制作。正所謂“功夫在詩外”，網頁設計中最重要的東西，并非在軟件的應用上，而是在我們對網頁設計的理解以及設計制作的水平上，在于我們自身的美感以及對頁面的把握上。

網頁設計是一門新興的設計類和網絡的交叉學科，近幾年隨著網絡的發展而逐漸受到人們的重視，它本身以網絡為載體，把各種信息以最快捷、方便的方式傳達給受眾，在這種標準的要求下，逐步產生了審美的需求。人們對美的追求是不斷深入的，網頁設計同樣如此。網頁不光是把各種東西放上去，能看就行，這是遠遠不夠的!要考慮如何使受眾能更好地和更有效率地接收網頁上的信息。這就需要從審美的方面入手，制作出清晰、整體性好的頁面。使人瀏覽起來心情愉快，接收信息也會更加容易。網頁設計的審美需求是對平面視覺傳達設計美學的一種繼承和延伸。兩者的表現形式和目的都有一定的相似性，把傳統平面設計中美的形式規律同現代的網頁設計的具體問題相結合起來，運用一些平面設計中美的基本形式到網頁中去，增加網頁設計的美感和大眾的視覺審美需求。

一、設計的實現

任何設計都有一定的內容和形式。內容是構成設計的一切內在要素的總和，是設計存在的基礎，被稱為“設計的靈魂”；形式是構成內容諸要素的內部結構或內容的外部表現方式。設計的內容就是指它的主題、形象、題材等要素的總和，形式就是它的結構、風格或設計語言等表現方式。內容決定形式，形式反作用于內容。一個優秀的設計必定是形式對內容的完美表現。

設計是有原則的，無論使用何種手法對畫面中的元素進行組合，都一定要遵循五個大的原則：統一、連貫、分割、對比及和諧。統一，是指設計作品的整體性，一致性。設計作品的整體效果是至關重要的，在設計中切勿將各組成部分孤立分散，那樣會使畫面呈現出一種枝蔓紛雜的凌亂效果。連貫，是指要注意頁面的相互關系。設計中應利用各組成部分在內容上的內在聯系和表現形式上的相互呼應，并注意整個頁面設計風格的一致性，實現視覺上和心理上的連貫，使整個頁面設計的各個部分極為融洽，猶如一氣呵成。分割，是指將頁面分成若干小塊，小塊之間有視覺上的不同，這樣可以使觀者一目了然。在信息量很多時為使觀者能夠看清楚，就要注意到將畫面進行有效的分割。分割不僅是表現形式的需要。換個角度來講，分割也可以被視為對于頁面內容的一種分類歸納。

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

和諧是指整個頁面符合美的法則，渾然一體。如果一件設計作品僅僅是色彩、形狀、線條等的隨意混合，那么作品將不但沒有“生命感”，而且也根本無法實現視覺設計的傳達功能。和諧不僅要看結構形式，而且要看作品所形成的視覺效果能否與人的視覺感受形成一種溝通，產生心靈的共鳴。這是設計能否成功的關鍵。作為形式美的法則，隨著時代的不同而不斷發展進步，特別在生活節奏如此快的互聯網時代，由于追求目標的變化，人們的審美觀念也在不斷地變化，但是美的本質是一樣的，同時隨著技術的發展，很多目前不容易實現的審美形式也逐漸被克服，突破帶寬的瓶頸，就會給網頁設計的自如發展帶來一片新的天地。

二、色彩的運用

顏色激發人的感情；它產生對比效果，使得圖像顯得更加美麗。它能使一幅來黯淡的圖像明亮絢麗，使一幅本來毫無生氣的圖像充滿活力。對于圖像設計者、畫家、藝術家或者錄像制作者來說，創建完美的顏色是至關重要的。當色彩運用得不正確的時候，表達的概念就不完整；圖像就可能不能成功地表達它的信息，藝術經驗就丟失了。

首先是整個頁面的色彩選擇，確定一個主色調，可以有利于體現網站主題。我們現在看到的網頁，一般以淺顏色為背景的居多，如淺灰色、淺黃色、淺藍色、淺綠色。以淺顏色為底，柔和、素淡，配上深顏色的字，如黑色，讀來自然、流暢，也有利于突出頁面的重點，有利于整個頁面的配色，更容易為大多數人認可和掌握。其他一些次要內容，如背景圖片、線條適宜采用不搶眼的顏色，以免喧賓奪主。只有少量精心選擇的元素，為了突出強調的需要，才采用明亮的色彩，這些彩色亮點就會產生強烈的視覺沖擊，但如果用得太多了，就會形成一種均勻的噪聲，而達不到強調的效果。

色彩是一種奇怪的東西，它是美麗而豐富的，它能喚起人類的心靈感知。一般來說，紅色是火的顏色，熱情、奔放；也是血的顏色，可以象征生命。黃色是明度最高的顏色，顯得華麗、高貴、明快。綠色是大自然草木的顏色，意味著純自然和生長，象征安寧和平與安全，如綠色食品。紫色是高貴的象征，有莊重感。白色能給人以純潔與清白的感覺，表示和平與圣潔。我們知道，顏色是光的折射產生的，紅、黃、藍是三原色，其他的色彩都可以用這三種色彩調和而成。換一種思路，我們可以用顏色的變化來表現光影效果，這無疑將使我們的作品更貼近現實。色彩代表了不同的情感，有著不同的象征含義。這些象征含義是人們思想交流當中的一個復雜問題，它因人的年齡、地域、時代、民族、階層、經濟地區、工作能力、教育水平、風俗習慣、宗教信仰、生活環境、性別差異而有所不同。

單純的顏色并沒有實際的意義，和不同的顏色搭配，它所表現出來的效果也不同。比如綠色和金黃、淡白搭配，可以產生優雅，舒適的氣氛。藍色和白色混合，能體現柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。而金色和粟色的搭配則會給人帶來暖意。設計的任務不同，配色方案也隨之不同。考慮到網頁的適應性，應盡量使用網頁安全色。但顏色的使用并沒有一定的法則，如果一定要用某個法則去套，效果只會適得其反。經驗上我們可先確定一種能表現主題的主體色，然后根據具體的需要，應用顏色的近似和對比來完成整個頁面的配色方案。整個頁面在視覺上應是一個整體，以達到和諧、悅目的視覺效果。

網頁設計師策劃一個網站需要經過反復多次的思考，而在決定網頁配色方案時同樣需要經過再三的思量。為了得到更好的策劃意見，組織者既應該與合作人員反復進行集體討論，還應該找一些風格類似的成功站點進行技術分析，一個大型站點是由幾層甚至數十層的鏈接和上百上千種不同風格的網頁所構成，所以在需要的時候應該繪制一個合理的層級圖。

設計是主觀和客觀共同作用的結果，是在自由和不自由之間進行的，設計者不能超越自身已有經驗和所處環境提供的客觀條件限制，優秀設計者正是在掌握客觀規律基礎上得到了完全的自由，一種想象和創造的自由。網絡技術主要表現為客觀因素，藝術創意主要表現為主觀因素，網頁設計者應該積極主動地掌握現有的各種網絡技術規律，注重技術和藝術緊密結合，這樣才能窮盡技術之長，實現藝術想象，滿足瀏覽者對網頁信息的高質量需求。絡技術與藝術創意的緊密結合，使網頁的藝術設計由平面設計擴展到立體設計，由純粹的視覺藝術擴展到空間聽覺藝術，網頁效果不再近似于書籍或報刊雜志等印刷媒體，而更接近于電影或電視的觀賞效果。技術發展促進了技術與藝術的緊密結合，把瀏覽者帶入一個真正現實中的虛擬世界。

［參考文獻］

［1］黎芳編著：《網頁設計與配色實例分析》，兵器工業出版社出版。

［2］〔韓〕權智淫編著：《網頁色彩與風格》，電子工業出版社出版。

［3］周陟編著：《網頁設計解析》，清華大學出版社出版。