淺談網(wǎng)頁設(shè)計(jì)留白的虛實(shí)之美

摘 要：網(wǎng)頁留白內(nèi)涵的包含三個(gè)方面，頁面的空白部分、大面積的有色范圍和重復(fù)出現(xiàn)的、在視覺上呈現(xiàn)出整體性的規(guī)則圖形的組合。從網(wǎng)頁的可用性和藝術(shù)性兩個(gè)方面闡述了網(wǎng)頁留白的功能，從網(wǎng)站整體設(shè)計(jì)和頁面設(shè)計(jì)兩個(gè)方面闡述了網(wǎng)頁留白的處理方法。

關(guān)鍵詞：虛實(shí);留白;網(wǎng)頁設(shè)計(jì)

“留白”作為中國畫特有的繪畫語言之一，隨著現(xiàn)代數(shù)字媒體技術(shù)與藝術(shù)的發(fā)展，在現(xiàn)代設(shè)計(jì)藝術(shù)中的重要地位和作用越來越突出，在網(wǎng)頁設(shè)計(jì)、版面設(shè)計(jì)、室內(nèi)設(shè)計(jì)等設(shè)計(jì)中多有運(yùn)用。網(wǎng)頁設(shè)計(jì)是Web設(shè)計(jì)中最直接可見的部分，簡潔、單純、可用是當(dāng)代Web標(biāo)準(zhǔn)網(wǎng)頁設(shè)計(jì)的主流，迅速、有效地傳達(dá)信息，少用裝飾，強(qiáng)調(diào)虛實(shí)、留白的運(yùn)用成為網(wǎng)頁設(shè)計(jì)的時(shí)尚追求。在網(wǎng)頁設(shè)計(jì)中有效運(yùn)用留白的技法和觀念，無疑是對Web標(biāo)準(zhǔn)網(wǎng)頁設(shè)計(jì)技術(shù)與藝術(shù)思維的極大豐富和拓展，也必將促使我們對這一思維方法展開更高層次的研究和探索。

1 關(guān)于網(wǎng)頁設(shè)計(jì)的“虛實(shí)”和“留白”

“留白”是中國傳統(tǒng)繪畫藝術(shù)千錘百煉的結(jié)晶，這種藝術(shù)思想源于傳統(tǒng)的中國哲學(xué)思想，基于陰陽辯證、虛實(shí)相生的原理。虛與實(shí)作為我國古代美學(xué)的一對范疇，在古代哲學(xué)思想中有很深淵源。古代的虛實(shí)相生正是哲學(xué)上的樸素辯證法在藝術(shù)領(lǐng)域的應(yīng)用。 網(wǎng)頁設(shè)計(jì)通過網(wǎng)頁上的文字、圖形、音視頻、動(dòng)畫等元素向用戶傳達(dá)信息，把各種網(wǎng)頁元素做藝術(shù)而合理的處理，讓用戶在接收信息的同時(shí)享受到美感，獲得良好的用戶體驗(yàn)。虛實(shí)與留白是網(wǎng)頁設(shè)計(jì)要遵循形式美的法則之一。網(wǎng)頁設(shè)計(jì)留白的內(nèi)涵包括三個(gè)方面：一是頁面的空白部分?！鞍咨且磺猩手凶钔昝赖念伾?，我們幾乎找不到白色有消極意義的情境?！比鏻ogo區(qū)的空白、標(biāo)題區(qū)的空白、內(nèi)容和圖片周圍的空白、網(wǎng)頁背景空白等等。二是大面積的有色范圍。如在頁面設(shè)計(jì)中只放置極少的必要元素，背景則用大面積的單純色彩渲染，利用單純色彩的力量來突出和烘托網(wǎng)頁上的主要元素。在網(wǎng)頁設(shè)計(jì)中，無論是頁面的空白，還是大面積的有色范圍，或是規(guī)則圖形的組合背景，都是頁面的“虛”，是為了強(qiáng)調(diào)主體，明晰層次，突出主要的、關(guān)鍵的元素這個(gè)“實(shí)”的。

2 Web標(biāo)準(zhǔn)網(wǎng)頁設(shè)計(jì)留白的功能

留白是一種藝術(shù)形式，在Web標(biāo)準(zhǔn)網(wǎng)頁設(shè)計(jì)中，留白可以發(fā)揮重要作用。利用留白來達(dá)到頁面平衡，使整個(gè)頁面布局松緊有度，形成虛實(shí)、濃淡、動(dòng)靜、輕重的效果，給人以跌宕起伏之感。與其他藝術(shù)形式不同的是，網(wǎng)頁設(shè)計(jì)是以傳達(dá)頁面信息為主要目的的，留白更多的是服務(wù)和服從于網(wǎng)頁的可用性。

可用性體現(xiàn)在以下幾個(gè)方面。一是突出設(shè)計(jì)主題。人們在完整地接收平面元素信息時(shí)，視線會(huì)形成一個(gè)習(xí)慣性的流動(dòng)順序：視點(diǎn)先落入視覺焦點(diǎn)，后隨個(gè)元素間的強(qiáng)弱變化而作有序流動(dòng)，最后完成對全部分元素信息的吸收。認(rèn)知心理學(xué)的研究證明，留在空白之中的東西更容易被人注意和想起，留白對瀏覽起強(qiáng)調(diào)和停頓的作用，有助于視覺向主體元素集中凝聚，它所創(chuàng)造出的空間形成一種路徑進(jìn)而左右用戶的瀏覽方向。如在主題文字的周圍留出恰當(dāng)?shù)目瞻卓臻g，會(huì)比更改變主題文字大小和色彩更顯突出，同時(shí)也使頁面在統(tǒng)一性上更易處理。二是簡潔頁面元素。少就是多，簡潔就是豐富，單純就是飽滿。在單純中求豐富，在簡練中求明快。

網(wǎng)頁設(shè)計(jì)可用性的研究表明，簡潔的、瀏覽性強(qiáng)的網(wǎng)頁能使用戶獲得更加良好的體驗(yàn)。過多的裝飾性元素或重復(fù)強(qiáng)調(diào)往往會(huì)導(dǎo)致讀者的拋棄性反應(yīng)，使刻意設(shè)置的形象失去震撼效應(yīng)。因此，無論從整體設(shè)計(jì)，還是結(jié)構(gòu)設(shè)計(jì)、顏色搭配等方面，網(wǎng)頁設(shè)計(jì)都要求簡單明了，每一個(gè)符號、每一個(gè)標(biāo)題、每一個(gè)版塊都要緊扣主題，堅(jiān)決去掉不必要的、與主題無關(guān)的東西，盡量做到用最簡潔的元素來傳遞最豐富的意蘊(yùn)、最準(zhǔn)確的信息。

藝術(shù)性體現(xiàn)網(wǎng)頁設(shè)計(jì)中的藝術(shù)性是從屬于可用性的，但這并不影響網(wǎng)頁藝術(shù)性的存在和它帶給用戶的美感體驗(yàn)。恰恰相反，網(wǎng)頁的藝術(shù)性是可用性延伸和擴(kuò)展。當(dāng)用戶被網(wǎng)頁上滿滿的文字、聲音、圖像等淹沒時(shí)，適當(dāng)合理的留白空恰似一個(gè)心靈歇息的驛站，讓我們的神經(jīng)得到了有效的緩和，從而使用戶輕松瀏覽。

3 Web標(biāo)準(zhǔn)網(wǎng)頁設(shè)計(jì)留白處理方法

在版面設(shè)計(jì)中，處理好大與小、主與次、疏與密、虛與實(shí)，都是美的比例基礎(chǔ)，可謂是一種既可瀏覽又可休閑的兩全其美的藝術(shù)享受。 但對留白如果不加控制的任意使用，它不僅不能有效發(fā)揮作用，反而會(huì)造成版面混亂，影響整個(gè)頁面設(shè)計(jì)。Web標(biāo)準(zhǔn)網(wǎng)頁設(shè)計(jì)留白可從兩個(gè)方面把握。

網(wǎng)站整體設(shè)計(jì)留白：在網(wǎng)站設(shè)計(jì)的整體方案中，廣泛利用留白的方法構(gòu)建設(shè)計(jì)框架，創(chuàng)造統(tǒng)一的視覺傳達(dá)意境，使整個(gè)設(shè)計(jì)理念能夠準(zhǔn)確而有效，形成網(wǎng)站獨(dú)特的風(fēng)格和廣闊的系統(tǒng)擴(kuò)展空間，使的頁面中的各個(gè)元素更加具有活力和結(jié)構(gòu)組織的多元性，激發(fā)出強(qiáng)大的視覺能量。

網(wǎng)站頁面設(shè)計(jì)留白：在網(wǎng)頁設(shè)計(jì)中，也要注重細(xì)節(jié)的處理，尋求設(shè)計(jì)在不角度的精致表現(xiàn)，力求把設(shè)計(jì)延伸到每一個(gè)角落，無論從哪一個(gè)角度審視，都展現(xiàn)出完美的設(shè)計(jì)魅力，從而達(dá)到局部帶動(dòng)整體的設(shè)計(jì)目的。具體說來，包含以下幾個(gè)方面。

一是網(wǎng)頁頂部（頭部）留白。保留傳遞網(wǎng)站的類型、風(fēng)格的logo和提供簡單明了導(dǎo)航鏈接。二是頁面背影留白。去除阻礙視線順暢流動(dòng)的底紋等裝飾性元素，根據(jù)實(shí)際需要設(shè)計(jì)好頁面邊空。三是簡化標(biāo)題表現(xiàn)，去除題花等裝飾性元素，特別是頭條、置頂、圖版等，不作圍框、流動(dòng)、色彩變換等特效重復(fù)強(qiáng)調(diào)。

參考文獻(xiàn)：

[1] 屈一鋒.論現(xiàn)代水墨畫中虛與實(shí)的運(yùn)用[J].美術(shù)大觀，2007（11）.

[2] 愛娃·海勒（德）.色彩的文化[M].吳彤，譯.北京：中央編譯出版社，2004.

作者簡介：孟媚（1981—），女，遼寧人，魯迅美術(shù)學(xué)院（設(shè)計(jì)藝術(shù)學(xué)）碩士，魯迅美術(shù)學(xué)院視覺傳達(dá)設(shè)計(jì)學(xué)院講師。