網(wǎng)頁(yè)設(shè)計(jì)中留白的藝術(shù)

國(guó)畫(huà)中有一句話描述這種藝術(shù)形式的空間布局比較經(jīng)典，就是“計(jì)白當(dāng)黑”，表明了白也就是空的地方和著的墨一樣都是國(guó)畫(huà)整體的組成部分，如何利用空間中的留白是非常重要的，也是提升藝術(shù)性的途徑，有些盡管是畫(huà)的很不錯(cuò)，但是看起來(lái)不舒服，就是沒(méi)有重視留白，造成了畫(huà)面的整體上的失敗。對(duì)于網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō)，有何嘗不是如此呢？也許現(xiàn)在我們沒(méi)有把它提升到一個(gè)藝術(shù)審美的角度來(lái)看待，所以沒(méi)有人去深究過(guò)網(wǎng)頁(yè)的藝術(shù)性，我想這是我們網(wǎng)頁(yè)設(shè)計(jì)者孜孜以求的方向，因?yàn)槲磥?lái)的網(wǎng)絡(luò)技術(shù)高度發(fā)達(dá)，人們對(duì)于更高層次的追求也就必然會(huì)牽涉到對(duì)藝術(shù)、對(duì)美的追求。既然如此，我們就應(yīng)該把眼光放遠(yuǎn)一點(diǎn)，把網(wǎng)頁(yè)的設(shè)計(jì)提到這個(gè)層次來(lái)考慮。盡量的克服目前技術(shù)帶來(lái)的限制。既然如此，按照藝術(shù)審美的觀點(diǎn)，網(wǎng)頁(yè)上的留白也是一個(gè)組成部分，同其它的主要的內(nèi)容入文本、圖片、動(dòng)畫(huà)一樣，是每個(gè)設(shè)計(jì)者在制作網(wǎng)頁(yè)時(shí)要一起考慮的。

　　提升到藝術(shù)的高度來(lái)看待留白是通過(guò)視覺(jué)上的手段，留白也可以給人帶來(lái)心理上的輕松與快樂(lè)，也可以給人帶來(lái)緊張與節(jié)奏，通過(guò)這種手段可以向使用者表達(dá)出設(shè)計(jì)者的心理感覺(jué)，設(shè)計(jì)者在設(shè)計(jì)網(wǎng)頁(yè)的同時(shí)也在同自己的使用對(duì)象在作一種交流，好的設(shè)計(jì)者能夠達(dá)到同自己的使用對(duì)象進(jìn)行心理對(duì)話的程度。不光通過(guò)頁(yè)面上的文字、圖片、動(dòng)畫(huà)的組合和排列，同時(shí)借助留白進(jìn)行表達(dá)?？梢赃_(dá)到非常好的效果，例如一個(gè)休閑的網(wǎng)站，設(shè)計(jì)者要傳達(dá)給使用者的一個(gè)信息就是要是讓他們輕松隨意，無(wú)拘無(wú)束，光通過(guò)網(wǎng)頁(yè)上的圖片和文字的表達(dá)是干巴巴的，沒(méi)有感情色彩的。如果能通過(guò)網(wǎng)頁(yè)設(shè)計(jì)反映出這種感情色彩，顯然這樣的設(shè)計(jì)是較為高明的設(shè)計(jì)。能實(shí)現(xiàn)嗎？當(dāng)然可以，借助網(wǎng)頁(yè)上的留白就可以，讓留白更多的顯示出自己的特色，在聯(lián)系圖片和文字的中間架起一道橋梁！

　　既然如此，我們應(yīng)該在設(shè)計(jì)中怎樣合理的利用留白這種手段來(lái)實(shí)現(xiàn)以上的目的呢？提升藝術(shù)層次，追求心理上的認(rèn)同感就要從一個(gè)空間的層面上來(lái)考慮，僅僅從留白的本身來(lái)考慮是遠(yuǎn)遠(yuǎn)不夠的。它是包含在網(wǎng)頁(yè)整個(gè)二維空間里的組成部分，整個(gè)空間要表現(xiàn)出一定的整體性，整體和局部本來(lái)就是一對(duì)矛盾體，互相制約又互相促進(jìn)，在局部可能是空間的分配有度，留出的空白也非常的和諧，但是作為一個(gè)整體來(lái)說(shuō)就不然。只有照顧了整個(gè)頁(yè)面的空間的分配，使留白能夠借此表現(xiàn)出一定的活力，有時(shí)候盡管局部可能是不完善的，又有什么要緊呢？所以要時(shí)時(shí)把握這個(gè)度，調(diào)整自己的網(wǎng)頁(yè)的空間，其中應(yīng)該堅(jiān)持的標(biāo)準(zhǔn)就是以上提出的兩點(diǎn)要求，同時(shí)借助于自己的設(shè)計(jì)師的審美的感覺(jué)，當(dāng)然更重要的是要緊密的結(jié)合自己的使用對(duì)象的情感要求，當(dāng)然這也是設(shè)計(jì)師在不斷的設(shè)計(jì)實(shí)踐過(guò)程中不斷探索，不斷的調(diào)整，從而能夠把握住。以下分兩個(gè)方面來(lái)具體談?wù)劇?/p>

　　第一：如何在空間中突出留白的作用，在審美的觀點(diǎn)上，我們知道要使做的網(wǎng)頁(yè)更加的漂亮，有很多的形式美的要素，這里要強(qiáng)調(diào)的是頁(yè)面的均衡、節(jié)奏和韻律，因?yàn)橥ㄟ^(guò)網(wǎng)頁(yè)的排版布局，在很大程度上是借助于留白的作用，也許在設(shè)計(jì)的時(shí)候沒(méi)有留意，在不知不覺(jué)中在利用它，試想在一個(gè)頁(yè)面上充滿了圖片和文字，一點(diǎn)空隙都沒(méi)有那是根本談不上節(jié)奏感和韻律感的，有了這個(gè)要素（這里可以這樣認(rèn)為），就可以合理的調(diào)劑它和其它的網(wǎng)頁(yè)上的其它要素之間的關(guān)系，使之安排更加的合理。可以這樣來(lái)設(shè)計(jì)，利用留白的體量感來(lái)使頁(yè)面的達(dá)到平衡，最好是在一種不平衡中營(yíng)造出平衡的感覺(jué)，這樣就會(huì)使頁(yè)面更生動(dòng)，更富有光彩，假如左右的兩個(gè)部分有文字，可以適當(dāng)?shù)膶⑺鼈兊拇笮≌{(diào)整，是一邊很大，文本內(nèi)容很多，可以放得靠上一些，空出一小部分；另一邊小，內(nèi)容少一些，放在下角，上面的留白很多。這樣就會(huì)贏得均衡，不會(huì)那么死板。當(dāng)然這只是一個(gè)簡(jiǎn)單的例子，實(shí)際的運(yùn)用中很多時(shí)候是多個(gè)形式美的要素的綜合。在網(wǎng)頁(yè)中通過(guò)留白的橋梁作用，是整個(gè)頁(yè)面上的要素排布的松緊呈現(xiàn)出高低錯(cuò)落，跌宕起伏，這樣瀏覽起來(lái)就會(huì)富有極強(qiáng)的節(jié)奏感，象是在聽(tīng)一首好聽(tīng)的歌曲。畢竟生活不只是按部就班的生活，有時(shí)候感覺(jué)只是生活，或者是工作，沒(méi)有藝術(shù)，沒(méi)有美。這是設(shè)計(jì)者的責(zé)任，在網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候要能體現(xiàn)出來(lái)，不是很好嗎？當(dāng)然不是說(shuō)每個(gè)網(wǎng)站都設(shè)計(jì)出來(lái)象音樂(lè)或者是藝術(shù)網(wǎng)站一樣具有那樣的節(jié)奏感，在不同種類的網(wǎng)站中體現(xiàn)得要不同，這是一個(gè)需要設(shè)計(jì)者把握的問(wèn)題。把握得不好就會(huì)出現(xiàn)和設(shè)計(jì)者的意圖不一致或者甚至是相反的效果。

　　第二：利用網(wǎng)頁(yè)留白，我們可以不用太多的說(shuō)明就可以表現(xiàn)出它的網(wǎng)站的特征，這是主要從網(wǎng)頁(yè)的功能性的方面來(lái)看的。例如新聞性網(wǎng)站的信息性、快速性。體育網(wǎng)站的充滿激情。商業(yè)網(wǎng)站的商業(yè)味……，運(yùn)用得好就如同其它的商業(yè)上的運(yùn)作一樣可獲得成功。我們知道快餐店利用強(qiáng)烈的刺激性的紅色作為它的墻面或者是座椅的色彩，這樣讓人在這樣的環(huán)境里感覺(jué)到一種緊張感，由此不愿在里面呆很長(zhǎng)時(shí)間，由此騰出更多的空間給后來(lái)的人用，所以通過(guò)這種手段使快餐店的生意更加的好。反之在醫(yī)院里通常是用一些象征安靜的藍(lán)色或者是白色，可以使人心情更平靜。同樣在網(wǎng)頁(yè)上我們可以利用空間的運(yùn)用，借助留白來(lái)達(dá)到一定的效果，有時(shí)候得到的效果是使人意想不到的。例如在新聞?lì)惖木W(wǎng)站上，可以將文字設(shè)置得更加的緊密一些，從而是頁(yè)面上的內(nèi)容更多，給使用者的一個(gè)影響是很值得看的，不用看內(nèi)容就知道有很多東西，內(nèi)容的設(shè)置盡量集中一些，不要給人的感覺(jué)是雜亂無(wú)章的。不要設(shè)置得太散，盡管可以是通過(guò)下拉菜單來(lái)看，但是給人的感覺(jué)就是內(nèi)容少，太空。這也是人的心理因素的作用。在一些休閑的網(wǎng)頁(yè)里就不一樣了，留出的空間就要多一些，使頁(yè)面顯出更加輕松的特征，使人一上這個(gè)網(wǎng)就能感覺(jué)到一種放松的心情，符合休閑的特征。而目前很多這類網(wǎng)站是沒(méi)有這樣做的，他們的目標(biāo)是盡量使更多的人能夠訪問(wèn)這個(gè)網(wǎng)站，所以就放盡量多的內(nèi)容在主頁(yè)上，使更廣泛的人能夠在這個(gè)網(wǎng)站上找到自己感興趣的內(nèi)容。這樣就進(jìn)入了一個(gè)誤區(qū)，就是頁(yè)面上分布得密密麻麻，讓人感覺(jué)到一種急促感，緊迫感。給上網(wǎng)的人帶來(lái)壓力，是上這種網(wǎng)站的人所不愿意的。

　　當(dāng)然留白是留空，有時(shí)候需要突破這個(gè)層面，這樣會(huì)發(fā)現(xiàn)很多的地方都有發(fā)揮的余地，某種程度上留空就是留白，在這里顏色的作用是不可忽視的，因?yàn)轭伾旧砭哂畜w量感，具有感情色彩。所以利用有顏色的留空可以給頁(yè)面帶來(lái)均衡，也可以使頁(yè)面更加的豐富。例如不同的位置的留出的色塊之間的相互對(duì)比，相互呼應(yīng)。以及本身大小帶來(lái)的重量感，同時(shí)同網(wǎng)頁(yè)上的文本和圖片之間的結(jié)合，可以是頁(yè)面呈現(xiàn)出整體上的協(xié)調(diào)。同時(shí)借助于顏色的冷淡，加重頁(yè)面給人的感情色彩。目前很多網(wǎng)站都在采用這種手段，網(wǎng)頁(yè)上看不到一點(diǎn)純粹的留出的白色的地方，都是一些色塊，這樣原理是同留白一樣的，通過(guò)這些色塊（多說(shuō)是融合于文本或者是圖片在一起的），然后來(lái)看待它們之間的關(guān)系，在一個(gè)整體的美感作為標(biāo)準(zhǔn)的條件下，綜合運(yùn)用這些留空來(lái)進(jìn)行制作，這里就要考慮顏色的輕重和大小是相關(guān)聯(lián)的，不能只看到空間的大小來(lái)進(jìn)行對(duì)比，同時(shí)也要抓住顏色多少的搭配，不能以為追求對(duì)比調(diào)和或者是單純的追求節(jié)奏而濫用顏色，頁(yè)面華而不實(shí)，給使用者帶來(lái)極大的不方便。這是應(yīng)用上的失敗。研究網(wǎng)頁(yè)上的留白就要擴(kuò)展它的意義，掌握它的變化有利于我們?cè)谥谱骶W(wǎng)頁(yè)的時(shí)候，靈活的采用，從而給我們的設(shè)計(jì)帶來(lái)極大的方便，給我們每一個(gè)設(shè)計(jì)者的設(shè)計(jì)意圖的傳達(dá)帶來(lái)更加廣闊的空間。

　　留白的處理是非常重要的手段，每一個(gè)網(wǎng)頁(yè)設(shè)計(jì)者都要有這種意識(shí)，在設(shè)計(jì)時(shí)有意識(shí)的將自己一些感受恰如其分的通過(guò)這些手段傳達(dá)出去，會(huì)收到事半功倍的效果，“計(jì)白當(dāng)黑”給了我們很大的啟示，在網(wǎng)頁(yè)的構(gòu)成中，空白同樣占有自己不可替代的作用。