網(wǎng)頁(yè)設(shè)計(jì)中的審美需求

張祖華

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

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

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

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

還有一類站點(diǎn)的網(wǎng)頁(yè)是一種純技術(shù)化的網(wǎng)頁(yè)，在這種網(wǎng)頁(yè)上，充斥了許多的純?yōu)榱遂乓夹g(shù)的東西，如多個(gè)風(fēng)格迥異的動(dòng)畫（缺乏美感甚至是與主體無關(guān)的動(dòng)畫），還有大量的利用javascript和動(dòng)態(tài)HTML的技術(shù)，然而始終沒有把握住整體這個(gè)中心，造成頁(yè)面的混亂。這與第一種有些類似，但是這種網(wǎng)頁(yè)很多是技術(shù)上的高手。但是結(jié)果給人只有羨慕技術(shù)之外毫無收獲。這樣的網(wǎng)頁(yè)也是不適合于需要的，是網(wǎng)頁(yè)設(shè)計(jì)上的失敗，更為嚴(yán)重的是大量的采用這種技術(shù)或者動(dòng)畫，造成瀏覽上由于受帶寬的限制而非常的慢。所以不管是從功能上還是從形式上都是不可取的。

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

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

先談?wù)勛兓徒y(tǒng)一。變化是各個(gè)組成部分之間的區(qū)別，統(tǒng)一是個(gè)部分之間的內(nèi)在關(guān)聯(lián)。完美的圖形設(shè)計(jì)，形式上要豐富有條理（即對(duì)圖形的大小、方圓、動(dòng)靜、強(qiáng)弱等方面的處理；組織上要有秩序而不單調(diào)，不混亂。即圖形的主從關(guān)系，敘事關(guān)系，呼應(yīng)關(guān)系等方面的處理）。在圖形設(shè)計(jì)中運(yùn)用變化與統(tǒng)一的規(guī)律，是處理形象和組織的對(duì)立統(tǒng)一過程，那么在網(wǎng)頁(yè)設(shè)計(jì)中同樣要恰當(dāng)?shù)睦眠@種規(guī)律，在我們把大量的信息塞如到網(wǎng)頁(yè)上去的時(shí)候，考慮怎樣把它們合理的用統(tǒng)一的方式來排布，使整體感強(qiáng)同時(shí)又要有變化，這樣使頁(yè)面更豐富，更有生氣，看起來就不感到枯燥，很多網(wǎng)站諸如體育的網(wǎng)站，排布的新聞從上到下幾十條，沒有一點(diǎn)變化，顯得單調(diào)而乏味，就是違反這種形式美的規(guī)律，所以要充分的運(yùn)用變化來改進(jìn)它，從排布的形式上或者是顏色上都可以。

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

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

再談?wù)劰?jié)奏與韻律。運(yùn)動(dòng)中的事物都具有節(jié)奏和韻律的形式規(guī)律，節(jié)奏與韻律本來在音樂、舞蹈、詩(shī)歌及電影等具有時(shí)間形式的藝術(shù)中通過視覺和聽覺來表現(xiàn)的，節(jié)奏本身沒有形象特征。只是表明事物在運(yùn)動(dòng)中的快慢、強(qiáng)弱以及間歇的節(jié)拍。節(jié)奏可以說是條理與反復(fù)的發(fā)展。它帶有機(jī)械的秩序美，韻律是每個(gè)節(jié)拍間運(yùn)動(dòng)所表現(xiàn)的軌跡，它帶有形象特征。在具體的網(wǎng)頁(yè)設(shè)計(jì)的運(yùn)用中，按鈕的編排就經(jīng)常會(huì)遇到這個(gè)問題，做得好的按鈕能夠使排在一起的諸多按鈕富有音樂般的美感，同時(shí)絲毫不損其實(shí)用性，可惜現(xiàn)在見到類似的太少了，因?yàn)樾枰还馐菑男螤钌?，而且要從整體的色澤、大小等綜合方面入手。

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