網頁設計中的審美需求

張祖華

網頁設計是一們新興的設計類和網絡的交叉學科，近幾年隨著網絡的發展而逐漸收到人們的重視，它本身以網絡為載體，把各種信息以最快捷、方便的方式傳達給受眾。在這種標準的要求下，逐步產生了審美的需求。人們對美的追求是不斷深入的，網頁設計同樣如此。網頁不光是把各種東西放上去，能看就行，這是遠遠不夠的！要考慮如何受眾能更多的和更有效率的接收網頁上的信息，從而使他們對給網站留下很好的印象，那就更能促進自己網站的運作。這就需要從審美的方面入手，結合使用方便的要求，就能制作出清晰、整體性好的頁面。使人瀏覽起來心情愉快，接收信息也會更加容易。同時提升網站的形象。運用一些平面設計中美的基本形式到網頁中去就能是網頁更加富有美感，例如將平面設計中的節奏與韻律和骨格的形式溶入到網頁中，這樣會使內容繁多的頁面更加有條理，也會是人瀏覽起來主次分明。當然這種美首先建立在頁面的內容充實，而且實用，一個內容空洞無物的網頁既使做得再漂亮也不會吸引人，頂多贏得幾聲贊嘆，沒有任何的用處。沒有實用性的東西是不會具有生命力的。要想將頁面做的更漂亮，就要求設計師要用較好的審美方面的素質，同時要有豐富的平面設計的經驗。這樣才能在設計時駕輕就熟。

由于網頁的從無到有，從滿足基本的功能需要到追求美的較為高層次的需要，這是一個循序漸進的過程。這使人不由得想起工業革命前夕，很多現代的產品那時候都沒有，沒有現成的模樣可以參照，產品的設計都是滿足基本的功能需要出發，所以做出來的產品非常粗糙，冷冰冰的，毫無生氣。由于商業競爭和工業化大生產的結果，使得人們不斷的改進產品的功能，更為重要的是改進產品的外觀，是產品更符合美的需要和使用方便。從而使今天貨架上出現了琳瑯滿目的漂亮的產品。我想網頁同樣也是如此，在滿足了基本的功能的要求之后，為了突出自己的特色，突出自己的優勢，必須從審美上入手。而目前很多國內網站的現狀是什么樣子的呢？經常上網的網友可能會有所體會。目前的網頁存在著諸多的不足，以下簡單的分析一下，希望能從中得到一些啟示。

第一個可以用一個字來形容，那就是“塞”。這是很多的網頁都具有的特點，它將各種信息諸如文字、圖片、動畫等不加考慮的塞到頁面上，有多少擠多少，不加以規范化，條理化，更談不上藝術處理了。導致瀏覽時會遇到很多的不方便，主要就是頁面五花八門，不分主次，沒有很好的歸類，整體一個大的雜燴。讓人難以找到自己需要的信息，更談不上效率了。這種網頁沒有考慮采用一種美的形式來使頁面上的信息以更整體性的方式來體現。所以這種網頁的設計含量是相當低的。不僅僅從功能上分析。從審美上看，這種頁面太滿、太堵，沒有給讀者一點空間，所以毫無美感可言。

第二也可用一個字“花”來形容，這類網站也有不少，顯然這是很多不懂設計的人來制作的。比較多是他們把頁面做的很花哨，但是非常不實用，例如采用很深的帶有花哨圖案的圖片作為背景，嚴重干擾了瀏覽，獲取信息很困難。同時有些還采用了顏色各異，風格不同的圖片、文字、動畫。使頁面五彩繽紛。沒有整體感覺，盡管有些頁面內容不多，但是瀏覽起來仍然特別困難。這種過度的包裝甚至不如不加任何裝飾的頁面。不加裝飾最起碼不會損害其基本的功能的需求。所以這種網頁屬于粗制濫造的次品，是對自己的受眾不負責任的表現。或許他們的初衷是好的，就是想把自己的頁面做的漂亮，結果卻是適得其反。是網頁設計中的一大忌。

還有一類站點的網頁是一種純技術化的網頁，在這種網頁上，充斥了許多的純為了炫耀技術的東西，如多個風格迥異的動畫（缺乏美感甚至是與主體無關的動畫），還有大量的利用javascript和動態HTML的技術，然而始終沒有把握住整體這個中心，造成頁面的混亂。這與第一種有些類似，但是這種網頁很多是技術上的高手。但是結果給人只有羨慕技術之外毫無收獲。這樣的網頁也是不適合于需要的，是網頁設計上的失敗，更為嚴重的是大量的采用這種技術或者動畫，造成瀏覽上由于受帶寬的限制而非常的慢。所以不管是從功能上還是從形式上都是不可取的。

綜合以上的分析，可以找出很多目前網頁設計上設計的不足，特別是審美上的不足，照顧網頁功能上的需要的前提下，需要有針對性的采用一些美的形式。來使網頁做得更加有生氣，更吸引人。

從古至今，很多藝術家和學者提出了各種關于形式美的規律，很多經得起推敲的作品都是遵循這些規律去創作，以期完成其審美價值的。因此，在網頁設計過程中，設計者必須去研究，掌握并主動地、有意識的運用這些規律，才能創作出好的作品。當然，不同時代有不同的設計審美觀念，也有不同的美學特征。在信息特別發達的今天，競爭日趨激烈，給人們帶來了新的審美需求，對于網頁設計，客觀上將其推向了更高層的表現境界，這是網頁設計的必然趨勢。去追求一種和諧的單純，即追求清晰的視覺沖擊力和巨大的張力，我們應該把美的形式規律同現代的網頁設計的具體問題相結合起來。下面具體談談。

先談談變化和統一。變化是各個組成部分之間的區別，統一是個部分之間的內在關聯。完美的圖形設計，形式上要豐富有條理（即對圖形的大小、方圓、動靜、強弱等方面的處理；組織上要有秩序而不單調，不混亂。即圖形的主從關系，敘事關系，呼應關系等方面的處理）。在圖形設計中運用變化與統一的規律，是處理形象和組織的對立統一過程，那么在網頁設計中同樣要恰當的利用這種規律，在我們把大量的信息塞如到網頁上去的時候，考慮怎樣把它們合理的用統一的方式來排布，使整體感強同時又要有變化，這樣使頁面更豐富，更有生氣，看起來就不感到枯燥，很多網站諸如體育的網站，排布的新聞從上到下幾十條，沒有一點變化，顯得單調而乏味，就是違反這種形式美的規律，所以要充分的運用變化來改進它，從排布的形式上或者是顏色上都可以。

再看條理與反復，其中反復是有規律的連續與延伸，有組織的變化與擴展并加以歸納，概括而富于條理化，。條理與反復的原則是圖形構成整體的秩序美的基礎，是變化中的統一，也是運動發展中求得協調一致的表現方式，由他可以演化出多種多樣的圖形變化。這種在很多較為優秀的網站中運用較多，同時應用得也比較自如，這時由于很多網站豐富，信息含量大，不得不運用一定的方式將其條理化，同時又在一定程度上加以歸納后重復的利用，使網頁較為整齊，脈絡清楚，讀起來也能著重點。當然，內容較少的網站同樣需要條理與反復，以達到更為富有變化和清晰的視覺效果。如文字的合理編排，圖片和文字的結合。如何呼應等等。

對比和調和。對比是指在質或量方面相互差異甚大的兩個要素同時配置在一起時，兩者之間有相互作用的性格，更加令人感到彼此強烈地相互襯托。對比是為了使主題畫面具有變化和生氣而運用的方法。而調和是構成美的對象在部分與部分之間的相互關系。它無論是在質的方面還是量的方面都沒有矛盾，各部分所傳達給人的感受和意念之間不是相互分離或排斥，而是一個部分多樣性的整體統一來表現美的狀態。那么在網頁設計中，如何利用它來達到好的效果呢？首先合理的利用對比的因素，例如文本的排布、字體的大小、粗細、顏色，圖片的寬窄、比例的反差、透明以及位置的放置等等，最終達到的目的就是如何取得較為強烈的視覺效果；不光如此，還要恰如其分的找到調和的因素，即構圖的聯系點，使整體感覺突出，不至于僅僅因為對比而造成割裂的感覺。只有做到對比和調和的相輔相成，才能使網頁頁面鮮明、突出，更好的傳達出設計者的意圖。

再談談節奏與韻律。運動中的事物都具有節奏和韻律的形式規律，節奏與韻律本來在音樂、舞蹈、詩歌及電影等具有時間形式的藝術中通過視覺和聽覺來表現的，節奏本身沒有形象特征。只是表明事物在運動中的快慢、強弱以及間歇的節拍。節奏可以說是條理與反復的發展。它帶有機械的秩序美，韻律是每個節拍間運動所表現的軌跡，它帶有形象特征。在具體的網頁設計的運用中，按鈕的編排就經常會遇到這個問題，做得好的按鈕能夠使排在一起的諸多按鈕富有音樂般的美感，同時絲毫不損其實用性，可惜現在見到類似的太少了，因為需要不光是從形狀上，而且要從整體的色澤、大小等綜合方面入手。

作為形式美的法則，隨著時代的不同而不斷發展進步，特別在生活節奏如次快的互聯網時代，由于追求的目標的變化，人們的審美觀念也在不斷的變化，但是美的本質是一樣的，同時隨著技術的發展，很多的目前不容易實現的審美形式也逐漸被克服，突破帶寬的瓶頸。就會給網頁設計的自如發展一片新的天地。我們對美的追求是永不停止的，作為設計師，也要不斷的提高自己的素質，才能做出更好的富于美感的網頁來。