從視覺表現探析網頁設計藝術

摘要 伴隨著網絡技術的迅速發展，網頁設計已經不再是一項單純的技術性工作，更是一種藝術的表現手法，本文基于web2.0從視覺表現手法上對網頁的設計進行了探究。

關鍵詞：網頁設計 視覺表現 設計藝術

中圖分類號：J524 文獻標識碼：A

引言

網頁有著其他媒體不具有的特點：視覺效果強、互動性強、用戶群龐大等。是區別于報刊、雜志以及影視的一種新型媒體。它有著傳統媒體的基本功能，同時又使傳播變得更為直接、省力、有效，并且有很強的互動性。因此，近年來，網頁技術得以迅猛發展，網頁作為傳播信息的一種載體必須要有自己鮮明的藝術特色，才能在眾多的網絡信息中脫穎而出，受到關注。好的網頁設計必須是計算機技術與藝術設計完美融合的產物，是一項以新型媒體為基礎的新的設計理念。網頁在設計的過程中，在單純、簡練、清晰和精確的前提下，還要注重藝術特性，通過獨特的藝術風格以及良好的視覺表現來突出設計目的。

一 網頁設計中的主題表現藝術

網頁設計的目的是為了吸引更多的人瀏覽網頁，以便更好地展現企業文化、讓用戶心情愉悅地瀏覽更多的新聞、趣事或個人網頁。由于網頁的內容豐富，信息量大，各種元素眾多，因此為了達到這一目的設計者必須按照統一的主題思想對網頁中的各個元素進行精心細致地安排。這就是網頁設計中的主題表現藝術。網頁設計如同其他的藝術形式一樣必須有鮮明的主題思想，而且主題思想必須符合人們的審美訴求和視覺心理規律。這就要求網頁設計中的視覺表現不但要有簡潔、直觀的藝術表現力更需要有特色鮮明的主題風格和震撼人心的視覺沖擊力。這就是在視覺表現上網頁設計中的主題表現藝術。

網頁設計必須符合視覺表現中對于審美思想的基本要求。網頁設計是一門有著科學規律的藝術，并不是靠簡單的圖片和文字便可堆積而成。網頁設計在視覺表現上一定要有特色的主題思想，這也是網頁能夠在最短時間內吸引觀眾的主要因素。特色的主題思想必須按照一定的形式和規律傳遞給觀眾。對表現形式和藝術規律的研究便是網頁設計的表現藝術研究。為了實現這一藝術效果，網頁設計者首先需要對網頁所要表達的內容進行高度概括和提煉，形成具有符合審美思想和視覺表現力的主題。然后，設計者需要對已經確定的網頁主題進行分析和梳理，運用視覺表現的審美理論和邏輯規律對主題進行從概括到詳細的設計，使得設計的網頁更加符合觀眾的審美心理，從而更加能夠引起觀眾的共鳴。最后，設計者需要對網頁中的各種元素進行有機整合、布局和設計，從視覺表現的角度更好地突出主題思想，增強網頁的可視性，實現對主題表現的最佳訴求效果。

網頁設計中的主題是網頁的靈魂，沒有主題的網頁一定是雜亂無章、沒有生命力的。從視覺表現的角度來看，網頁設計中的主題只有一個，就是美。設計者一定需要通過對網頁主題的概括、提煉和表現來完成網頁設計在視覺表現上對美的傳遞。因此，網頁設計對于主題的概括和表達一定是基于特定審美理論和視覺表現規律的。只有這樣才能完成對美的訴求表現。

二 網頁設計中的整體表現藝術

網頁設計并不是對于一個網頁的設計，而是對一個網站中不同網頁進行設計。這就要求對于不同網頁的設計需要按照統一的特色主題進行編輯和設計，形成統一的整體表現。這就是網頁設計中的整體表現藝術。一個網站中的網頁通常會有很多，網頁與網頁之間也都有著一定的聯系。通常一個網頁中的元素需要鏈接到另外一個網頁中去。這是由網頁彼此之間的鏈接性所決定的。網頁設計有了明確的主題之后便是如何在主題的統一思想下將不同的網頁元素有機地組合一起形成統一的主題風格和統一的美學表現。網頁設計中的整體表現藝術首先需要從網頁內容上的整體表現做起。

在內容上由于網頁傳遞的是信息，所以網頁的主題內容和思想在某種程度上決定了網頁的主題風格。前文已經論述，網頁的主題是由網頁的內容概括、提煉而形成的，反過來網頁的內容也一定是在統一的主題下集合、表現的。從網頁傳遞的信息來看，不同的網頁傳遞不同的信息，不同的信息彼此之間有著必然的聯系。網頁設計者應該從網頁的整體表現藝術出發，將不同的網頁有機地組織起來，在內容導向上保持統一，而不是彼此零散。這樣觀眾在閱讀網頁時無論讀到哪一頁網頁都會感受到網頁在內容上的整體性和統一性，如同讀一部內容趨向統一的小說一樣，自然、和諧、順暢。

超級鏈接是網頁的基本屬性和基本元素，通過超級鏈接瀏覽者可以輕易地從一個網頁跳轉到另外一個網頁。這無疑使得網頁在內容表現上得到了無限的擴張，但同時也為網頁的統一性帶來了挑戰。一個優秀的網頁設計者不會在網頁上做隨意鏈接，而是會對所有鏈接的網頁進行精心的設計和統一的思考、組織。網頁中所鏈接的網頁一定是為主題服務并和主題的內容風格保持一致的。也就是每一個不同的網頁所傳遞的信息取向一定要一致，而不是發散式的。這一點看似簡單，在實際的網頁設計中卻往往是很容易被忽視的。現在的網頁設計往往會由于缺乏統一的主題設計而對網頁中所鏈接的內容不假思索，甚至有時為了提高經濟效益而添加一些和網頁內容沒有關聯的廣告。網頁設計的整體表現藝術需要設計者對網頁及其所鏈接的內容進行統籌的規劃和思考。網頁設計中對于形式美要求遵從網頁的主題表現和內容思想并不是要求因此而限制網頁形式的視覺表現，而是為了使網頁形式更加具有藝術表現力和內涵。網頁設計中對形式的設計應該以此為基本原則盡可能豐富外在的視覺表現。這樣的網頁設計才具有同一的審美思想和豐富的外在表現，達到內在統一與外在美的統一。

三 網頁設計中的形式表現藝術

網頁設計中的形式是與內容高度統一的。網頁有了特色鮮明的主題和趨向一致的內容之后便是如何通過形式將網頁主題和內容完美地表現出來。隨著信息技術的發展，網頁設計中所包含的元素越來越豐富。圖形、圖像、文字、動畫、視頻和音效等都是網頁設計中的重要形式元素。網頁的主題為網頁的視覺表現提供了基本的靈魂，網頁的內容為網頁的視覺表現提供了豐富的架構，網頁的形式則是在這兩者之上對網頁進行更具外在表現的視覺傳達。網頁設計中的形式和內容一樣都是為主題服務，在主題的統一調配下進行的創作。網頁設計中的形式由于包含的元素很多，風格也各具特色，因此為了更好地表達統一的主題思想和內容情感往往需要設計者更加精心的設計。

同網頁設計中內容的表現藝術一樣，網頁設計中形式的表現藝術也是以美為基本的前提。但網頁設計中的形式美并不是脫離實際內容和主題風格的花哨美，而是在主題統一的思想下僅僅依附于內容的實際美。網頁設計中的形式如果脫離了主題和內容則會顯得空洞無力，沒有生命力，自然也無法引起人們繼續閱讀的欲望。只有將網頁的主題和內容以準確、恰當、豐富的形式完美地表達出來才能體現出網頁設計獨具特色的藝術魅力和價值。為了達到這一藝術標準，網頁設計者需要對網頁中的元素進行細致入微地設計，確定每一個元素都對于表達主題和內容能夠發揮作用。只有通過統一設計的形式才能夠與網頁主題和內容高度保持一致，形成視覺表現藝術上主題、內容和形式的統一，形成藝術表現上的合力。

四 網頁設計中的造型藝術

網頁設計中造型藝術的巧妙運用在給用戶帶來極大感官享受的同時，還能較好地提高網站的形象和知名度，因此在具體設計中要根據實際情況，使用最合適的表現手法，不同的主題有不同的表現手法，通常我們可以使用的組合手法如均衡、反復、交叉、重疊、對稱、反射等都有各自的特點，例如，使用清晰字體設計配合流暢的文字內容會使得信息更加容易被吸收。并非造型設計藝術水準高才是好的網頁設計，符合用戶的審美觀，用戶便于理解，能與用戶無障礙溝通的設計才是好的設計，才能達到網頁更好傳遞信息的目的。

如今，網絡的發展已進入WEB2.0時代：其特點是以普通用戶為主，并且能夠實現用戶與網站交互建設的開放型網絡頁面。在WEB2.0站點中，總體的造型設計都具有簡約樸素的風格，站點中的圖形外框一般都使用新CSS技術所支持的圓角，優點是首先可以減少維護的工作量，因為圓角圖片在圖片文件的生成和更新中不需要編寫網頁代碼，其次是可以提高網頁的性能，加快網頁的載入速度，因為圓角圖片在顯示的時候不會再發出多余的HTTP請求，最后，可以增加視覺可靠性，使用圓角圖片不會出現由于網絡阻塞、服務器錯誤等情況下造成的背景圖片下載失敗，從而造成整體視覺效果差的情況。在Web 2.0中使用的具有立體效果并且有斜邊的圓角圖標能使網頁不再古板、僵硬，具有優雅、光潔的氣質，將網頁上的各種元素有機組織起來，直接通過圖片傳達網頁意圖，可以有效地引導用戶的視線，簡化了語言上的表達。在圖片使用上還要注意以下幾點：首先，受到用戶計算機顯示器以及肉眼的有限感知能力的限制，圖片分辨率合適即可，沒有必要去盲目地追求高分辨率。其次，受網絡傳輸速率的影響，圖片并非越大越好，應該在保證圖片的清晰度，不影響視覺美感的前提下盡可能的小。再次，在網頁設計中，圖片的大小，圖片所處的位置以及圖片和文字的關系都會影響到網頁的整體審美效果和傳遞信息的效果，因此，要注意圖片的使用形式，在選擇圖片和處理圖片的時候，在保證與網頁的整體樣式、風格統一的前提下，為了引起用戶的注意，盡量選用新穎的圖片，但是必須要突出重點，避免想要表達的重要信息被花哨的次要信息所掩蓋。

五 網頁設計中的色彩藝術

1 色彩的取向

網頁的色彩屬于應用色彩的范疇，即網頁的色彩通過用戶顯示器的屏幕在RGB模式下用光色來顯示，比傳統視覺色彩的顯示程度要豐富。一般的網站均選用明快而生機勃勃的顯示方式。藍色系和綠色系是比較常見的色彩。橙色系、黃色系以及粉紅系也是經常使用的色系。相對奔放而明快的主色調給人以一種輕松，愉悅的心情，并且也能很好地把用戶的視線拉回到網頁所要傳達的主要內容上來。

2 色彩的表現形式

在網頁的設計中，有多種不同的方式可以使色彩的表現形式達到預期的目的。運用色彩學中關于深淺變化的“明度變化”原理，可以利用色彩表現形式來區分網頁內容的主次關系或等級關系，這主要考慮到主頁背景色的深和淺，使用“高調”和“低調”原理（深為高調，淺為低調）來控制文字與底色關系。統一的色彩取向搭配上鮮明的色彩層次能夠給用戶一種舒適的視覺體驗。

3 色彩體系的搭配

除了上述兩種情況外，在網頁的設計中還應該注重色彩體系的搭配問題，不好的色彩搭配會給用戶一種不舒服的感覺，會影響到用戶對實際傳達內容的接受，所以具體設計中一般會選擇調和舒適對比的色彩系為基礎，在傳達重要的文字內容或者關鍵性的圖形標識時可以在局部運用點睛式的強對比色彩，可以使整個頁面更加生動，易于讓用戶接受。

結語

總之，現在一些網站的設計很講究藝術性，設計得越來越美觀，從而提升了自己的品位和點擊率，網頁設計風格在一個新的發展時期有著它重要的視覺效果發展特征，以上我們從五個方面對網頁藝術的視覺表現手法進行了探析，如今的網頁除了功能強大之外還必須具有美觀的效果，二者缺一不可，這也是網頁設計師突破技術障礙，充分發揮個人風格和魅力的保證。

注：本文系河北省自然基金青年基金（E2011202002）。

參考文獻：

[1] 曹世峰：《淺析網頁設計中視覺表現的多樣性》，《美術教育研究》，2011年第11期。

[2] 錢楷：《淺談網頁設計藝術與新信息文化》，《美與時代》，2009年第1期。

[3] 宋春暉：《網頁設計中的美學應用分析》，《海南師范學院學報》（自然科學版），2005年第1期。

[4] 劉永翔、唐良瑞：《網頁設計中的視覺構成分析》，《北京工商大學學報》（自然科學版），2004年第1期。

[5] 梁靜琳：《DIV+CSS布局技術在網頁設計中的應用》，《武漢工程職業技術大學學報》，2009年第1期。

[6] 許金友：《藝術與技術的完美結合——淺議網頁設計的特色》，《藝術與設計》（理論），2009年第4期。

作者簡介：鄧佳，男，1981—，河北滄州人，河北工業大學2009級在讀博士生，講師，研究方向：計算機技術、網頁設計、磁材料與磁器件，工作單位：秦皇島職業技術學院。