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

潘 嬌 熊 倩 陳思帆 （蘭州大學(xué)藝術(shù)學(xué)院 730100）

在信息化的時(shí)代中，設(shè)計(jì)無(wú)時(shí)無(wú)刻不在豐富著自身的學(xué)科內(nèi)涵，為了順應(yīng)新的網(wǎng)絡(luò)時(shí)代的發(fā)展，網(wǎng)頁(yè)設(shè)計(jì)成為了一門獨(dú)立的設(shè)計(jì)學(xué)科。雖然網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)自成一派，但無(wú)論是網(wǎng)頁(yè)設(shè)計(jì)的哪些方面都還是和平面設(shè)計(jì)有著許多的共同之處。因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)的本質(zhì)就是平面設(shè)計(jì)在網(wǎng)絡(luò)時(shí)代的一種體現(xiàn)，所以網(wǎng)頁(yè)設(shè)計(jì)的設(shè)計(jì)方法和許多遇到的問(wèn)題實(shí)際上和平面設(shè)計(jì)是一脈相承的，因此，網(wǎng)頁(yè)設(shè)計(jì)中遇到的色彩搭配，字體選用，版式設(shè)計(jì)等問(wèn)題的解決方法實(shí)質(zhì)上與平面設(shè)計(jì)并無(wú)大異。當(dāng)然，解決問(wèn)題的方式方法多種多樣，經(jīng)過(guò)對(duì)網(wǎng)頁(yè)設(shè)計(jì)的研究和學(xué)習(xí)，我們發(fā)現(xiàn)留白是一種及具藝術(shù)性的處理方法，且留白的處理手法對(duì)色彩，文字和排版均有著相當(dāng)理想的效果。

一、網(wǎng)頁(yè)設(shè)計(jì)中色彩搭配時(shí)的留白

網(wǎng)頁(yè)設(shè)計(jì)中色彩搭配往往是設(shè)計(jì)師設(shè)計(jì)的重中之重，因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)的一個(gè)重要的特點(diǎn)就是讓瀏覽者以第一眼的感覺(jué)對(duì)網(wǎng)站進(jìn)行基本的認(rèn)識(shí)和定位，這個(gè)第一眼的概念就是瀏覽者不會(huì)在一瞬間對(duì)文字性的內(nèi)容有太多的印象，而是停留在網(wǎng)頁(yè)大面積的色彩帶來(lái)的沖擊上。因此色彩的搭配在為網(wǎng)站取得美好的第一印象的行動(dòng)中顯得尤為的重要。目前的網(wǎng)頁(yè)設(shè)計(jì)中也有許多的設(shè)計(jì)師們意識(shí)到了這一點(diǎn)，于是有部分設(shè)計(jì)師在對(duì)網(wǎng)頁(yè)進(jìn)行設(shè)計(jì)時(shí)采用了非常搶眼的純色，不可否認(rèn)的是純色的運(yùn)用確實(shí)會(huì)在第一眼的視覺(jué)感受上造成很大的沖擊，但純色對(duì)于一個(gè)瀏覽者對(duì)網(wǎng)站的長(zhǎng)期瀏覽是十分不利的，因?yàn)榧兩粌H會(huì)加大瀏覽者的視覺(jué)疲勞感，還會(huì)會(huì)使瀏覽者對(duì)網(wǎng)站產(chǎn)生不利的品牌認(rèn)識(shí)。

在對(duì)幾個(gè)優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)作品進(jìn)行對(duì)比和總結(jié)之后我們發(fā)現(xiàn)他們幾乎有一個(gè)共同的特點(diǎn)，就是色彩上的留白。當(dāng)然，這種留白并不是指他們的網(wǎng)頁(yè)設(shè)計(jì)大面積的使用白色，而是他們?cè)谶x用色彩時(shí)除了對(duì)需要強(qiáng)調(diào)的部分使用了必要的純度較高的顏色進(jìn)行突出外，其他的版面都采用了顏色純度較低的高級(jí)灰，而且這些高級(jí)灰的面積較大，有一些甚至無(wú)限接近于白色。這種色彩上的留白使得整個(gè)網(wǎng)頁(yè)設(shè)計(jì)的品味和內(nèi)涵都得到了較好的體現(xiàn)，而且使得瀏覽者在對(duì)網(wǎng)頁(yè)產(chǎn)生了相對(duì)較好的第一印象之后也非常愿意應(yīng)留在網(wǎng)頁(yè)上進(jìn)行進(jìn)一步的瀏覽，既欣賞了網(wǎng)頁(yè)的色彩，也對(duì)網(wǎng)頁(yè)想要傳達(dá)的其他內(nèi)容有了一定的了解。

二、網(wǎng)頁(yè)設(shè)計(jì)中文字表達(dá)時(shí)的留白

文字內(nèi)容對(duì)網(wǎng)頁(yè)設(shè)計(jì)也具有相當(dāng)大的影響，因?yàn)闉g覽者在對(duì)圖片進(jìn)行了第一印象的判斷后緊接著就是對(duì)文字的印象了，因?yàn)橐患?yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)作品不僅是色彩對(duì)瀏覽者的吸引，當(dāng)瀏覽者停留下來(lái)開(kāi)始對(duì)文字進(jìn)行欣賞時(shí)，文字的重要就變得不言而喻了。然而文字的表達(dá)也絕非只是將網(wǎng)站的內(nèi)容簡(jiǎn)單的以文字的形式呈現(xiàn)出來(lái)那樣簡(jiǎn)單，其中的講究我么也是經(jīng)過(guò)了大量的對(duì)比和學(xué)習(xí)才發(fā)現(xiàn)了其中的一些規(guī)律，簡(jiǎn)而言之也就是在網(wǎng)頁(yè)設(shè)計(jì)中對(duì)文字的表達(dá)也要進(jìn)行留白處理。

文字的表達(dá)應(yīng)該如何留白處理呢？其實(shí)并不難，因?yàn)槲淖直旧硪彩怯幸恍┝舭椎慕Y(jié)構(gòu)的，所以設(shè)計(jì)師在設(shè)計(jì)網(wǎng)頁(yè)的文字時(shí)一定要結(jié)合文字本身的留白結(jié)構(gòu)，再結(jié)合頁(yè)面設(shè)計(jì)的需要對(duì)文字進(jìn)行合適的的處理。且文字的留白還有一點(diǎn)很重要，就是當(dāng)一件網(wǎng)頁(yè)設(shè)計(jì)中需要的文字信息量很大時(shí)可以對(duì)文字本身進(jìn)行平面化的處理，使文字成為一種設(shè)計(jì)元素而非成為阻礙網(wǎng)頁(yè)設(shè)計(jì)效果的障礙，但網(wǎng)頁(yè)設(shè)計(jì)中無(wú)論用什么方法去處理文字都應(yīng)該將文字表達(dá)中最重要的部分進(jìn)行強(qiáng)調(diào)，以免在經(jīng)過(guò)多種藝術(shù)手法的處理之后反而使得文字無(wú)法有效的傳達(dá)出網(wǎng)頁(yè)所要表達(dá)的信息，進(jìn)而造成網(wǎng)站的主題不明，寓意不明等問(wèn)題。文字的表達(dá)在網(wǎng)頁(yè)設(shè)計(jì)中必不可少，國(guó)內(nèi)外許多優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)都在文字的處理上讓人們拍手稱贊，其中不難發(fā)現(xiàn)無(wú)論使用了那種形式的處理方法，留白都是這些優(yōu)秀文字處理手法的核心所在，所以，當(dāng)大量的文字內(nèi)容使得網(wǎng)頁(yè)設(shè)計(jì)的效果不盡人意時(shí)我們應(yīng)該停下來(lái)思考一會(huì)兒，是不是應(yīng)該考慮進(jìn)行留白了呢？

三、網(wǎng)頁(yè)設(shè)計(jì)中版式設(shè)計(jì)時(shí)的留白

版式設(shè)計(jì)的留白應(yīng)該是設(shè)計(jì)師們最為熟悉的一種處理方式了。隨著極簡(jiǎn)主義的盛行，越來(lái)越多的人們開(kāi)始學(xué)著欣賞這種用最少的語(yǔ)言表達(dá)最豐富的思想的設(shè)計(jì)風(fēng)格，然而，極簡(jiǎn)和簡(jiǎn)單是有著巨大的差異的，極簡(jiǎn)是一種高品位高品質(zhì)的簡(jiǎn)單，想要達(dá)到這一點(diǎn)絕不是在設(shè)計(jì)時(shí)少做點(diǎn)東西就能輕易實(shí)現(xiàn)的，想要達(dá)到極簡(jiǎn)的效果對(duì)設(shè)計(jì)師本身的設(shè)計(jì)素養(yǎng)提出了很高的要求。所以，想要網(wǎng)頁(yè)設(shè)計(jì)做好，極簡(jiǎn)是設(shè)計(jì)師必須要研究和學(xué)習(xí)的思想，因?yàn)樵谶@一思想下可以誕生出非常優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)作品，將這一思想運(yùn)用到網(wǎng)頁(yè)設(shè)計(jì)的你、版式設(shè)計(jì)中無(wú)疑是對(duì)一件網(wǎng)頁(yè)設(shè)計(jì)作品形式美和功能美的明顯提升。

時(shí)下優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)作品在版式設(shè)計(jì)上無(wú)一不體現(xiàn)著留白的藝術(shù)，一方面是由于視覺(jué)審美的需要，而另一方面則體現(xiàn)著設(shè)計(jì)者們對(duì)瀏覽者的關(guān)愛(ài)的思考。在對(duì)大量的網(wǎng)站進(jìn)行欣賞和比較時(shí)我們發(fā)現(xiàn)有一些網(wǎng)站的頁(yè)面內(nèi)容非常飽滿，圖片文字都很豐富，但不知為何就是給人一種排列無(wú)序、主次不分的感覺(jué)，而且對(duì)于屏幕的左邊分布著大量的內(nèi)容，但實(shí)際我們也會(huì)發(fā)覺(jué)大部分左邊的內(nèi)容瀏覽這事幾乎不怎么看的，因?yàn)檫@不符合大部分人的觀看習(xí)慣，所以就算是在頁(yè)面左邊進(jìn)行了文字排版也并不能起到有效的信息傳達(dá)效果。后來(lái)經(jīng)過(guò)對(duì)一些優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)的分析發(fā)現(xiàn)但凡是優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)一般采取將左右兩邊的區(qū)域進(jìn)行留白，在瀏覽者的視覺(jué)中心的位置進(jìn)行大量的設(shè)計(jì)，讓整個(gè)網(wǎng)頁(yè)的主次十分分明，而且網(wǎng)頁(yè)的整個(gè)質(zhì)量和品位都得到了明顯的提升。

[1]李硯祖，蘆影.視覺(jué)傳達(dá)的歷史與美學(xué)[M].北京：中國(guó)人民大學(xué)出版社，2000.

[2]唐良瑞，蔡安妮，孫景鰲.從認(rèn)知心理及人機(jī)界面談網(wǎng)頁(yè)設(shè)計(jì)[J].工程圖學(xué)學(xué)報(bào)，2000.

[3]徐坷，苗彤，趙暉.網(wǎng)頁(yè)視覺(jué)與設(shè)計(jì)[M].北京：人民郵電出版社，2001.

[4]張晶.網(wǎng)頁(yè)設(shè)計(jì)中平面視覺(jué)元素的應(yīng)用[J].中國(guó)管理信息化，2011.

[5]何蘇六.網(wǎng)絡(luò)媒體的策劃與編輯[M].北京：北京廣播學(xué)院出版社，2001.