淺談網頁設計的藝術與技巧

在信息技術飛速發展的今天，人們獲取信息的方式更多的是來源于互聯網，而吸引瀏覽用戶的則是視覺效果出色、信息量豐富、使用起來便捷的網頁，所以網頁設計尤為重要。文章從網頁設計的角度出發，介紹一些網頁設計中的藝術要素和技巧。

網頁設計是一門新興的藝術設計和網絡應用的交叉學科，近幾年隨著網絡的發展而逐漸受到人們的重視。它本身以網絡為載體把各種信息以最快捷，最方便的方式傳達給受眾，在這種標準要求下，逐步產生了審美的需求。有鮮明藝術特色的網頁設計，才能在眾多網頁中脫穎而出，受到注目。因此網頁設計不但要簡練、清晰和準確，而且要強調藝術性，注重通過獨特的藝術風格來突出設計目的。

一、視覺元素的應用

視覺元素是指構成視覺對象的空間、形態、肌理、光色等基本單位。這些視覺元素是組成信息的不同單元，網頁設計師將視覺元素排列組合成有含義的視覺形象，放在載體上進行信息的傳達。最基本的視覺形態元素就是點、線、面。

1．點的應用。點是一切造型的基礎，是具有空間位置的視覺單位。康定斯基說過：“點本質上是最簡潔的形” 。在網頁設計中，點是相比較而言的，在相同的視覺環境下，相對面積小的，點的視覺感覺越強，反之就會成為面。點的形狀并不是說只有圓才稱之為點，它可以是一個圖標或者一個按鈕等。點在頁面中起到活躍內容的作用，使用得當，可以起到畫龍點睛的作用。

2．線的應用。點的延伸就形成了線。在網頁設計中，線主要起分割畫面的作用。從造型角度來講，線具有位置、長度和一定的寬度，是網頁設計中版面構成所不可缺少的視覺元素。相對于點而言，線具有更明顯的情感特征。線根據創造手段不同而顯示出種類的差異，其存在的形式可長可短、可曲可直、可粗可細等等，它們都能給人一定的視覺心理感受。例如曲線給人輕柔富于彈性的女性情感特征，可以將女性用品網站表現淋漓盡致。反之，粗獷的直線給人以力量，具有男性的情感特點。將不同的線運用到網站設計中，會得到不同的效果。

3．面的應用。面是由點和線的重復所產生的，是網頁構圖中經常使用到的視覺元素。由于它所占的頁面布局較大，可以說面對網頁設計起到重要的作用。面的視覺情感也是相對而言的，它可以是一段文字，一個圖像，也可以是為了虛實對比而營造的留白。處理好面與面之間的關系才能設計出充滿藝術美感的網頁作品。

二、留白藝術的應用

在網頁設計中應用留白手法，去掉一些多余的裝飾，能產生一種強烈的虛實對比，創造出空間無限延伸的可能。但并不是說留白可以隨意放置，有一句描述謀篇布局的話叫做“計白當黑” ，所謂“疏可走馬，密不透風”，可見留白藝術的重要性。

網頁設計要從整體出發，處理好實景和留白之間的空間比例，全面考慮留白布置。古人說過：“畫之空處，全局所關。”這就要求我們不僅要注重個別局部細枝末節的留白，而且要將全面的留白與實景對照起來綜合權衡。網頁設計中留白包括版心周圍的空白，字體與圖片之間的空白，以及單個文字之間的空白等，甚至每個字的筆畫之間的空白安排是否得當也影響著整個版面的成敗，絕對不能忽視。另外，留白作為烘托主題的部分，始終應該是從屬關系，既不能喧賓奪主，也不能游離在主題之外。一味地追求留白，而忽視其所依附的主題肯定是失敗的設計。在版面上巧妙地留有空白，講究空白之美，可以有效地烘托版面的主題從而功能發揮到極致。

三、網頁構圖中的形式原理

1．對稱與均衡。對稱與均衡是自然界中一切生物求得生存的穩定形式。對稱的形式在自然界和日常生活中都極為常見，其特點是穩定、莊重、整齊等。但在設計中如果采用完全對稱的形式則給人呆板、單調的感覺，所以設計者往往采用不完全對稱的形式。面對對稱式的部位，可采用增加局部動勢的方法，以取得鮮明、生動的效果。均衡是一種變化的平衡。它運用等量不等形的方式來表現矛盾的統一性，解釋內在的，含蓄的秩序和平衡，達到靜中有動或者動中有靜的條例美和動態美。在網頁設計中可借助色彩、位置、圖形等元素的合理分配，利用疏密、虛實的關系，使版面在氣勢上達到對稱均衡的效果，產生視覺上的平衡。

2．對比與調和。對比在辯證法中的含義即對立。任何事物都包含著對立又統一的兩個方面。如網頁設計中方向的對比、位置的對比、虛實的對比。其目的就是顯示主從關系和統一變化的效果。如果一味地追求對立，會使畫面雜亂，主次不分。所以調和會使畫面產生統一感、和諧感。對比是為了更好的調和，在相同中求變化，在不同中求統一，使大部分相同，使小部分相異，可取得統一又富有變化的感覺，正所謂所有美的創造都是在對立和統一中尋找它們之間的平衡點。

3．節奏和韻律。韻律就好比音樂中的旋律，不但要有節奏更要有強烈的感染力。同理，在網頁設計中節奏被認為是反復的形態和構造。例如將圖形按照等距格式的反復排列，做空間位置安排，就能產生節奏感，節奏有機械美的特點。在節奏的基礎上加入如漸變或對比等法則，就可以構成富有韻律感的形式。韻律是使節奏富有韻律感的變化美，將圖形按大小、方向、位置、虛實、強弱、疏密等加以規律性地組織排列，就會產生有變化的韻律美。

四、總結

綜上所述，靈活地運用視覺元素，版式構圖等藝術表現手法既可以有效地傳達網頁中的主題內容，也可以提升網頁的藝術性，滿足受眾的審美需要。

參考文獻：

[1]顧群業.頁藝術設計[M].東美術出版社，2002.

[2]魯道夫·阿恩海姆.藝術與視知覺[M].四川人民出版社，1997.

（作者簡介：盧思聰（1985-），女，湖北武漢人，中南民族大學美術學院2010級碩士研究生，研究方向：平面設計。）