空白，在網(wǎng)頁(yè)上主要是指除圖形&文字內容之外的空間。網(wǎng)頁(yè)中的空白雖沒(méi)有像山水畫(huà)中“計白當黑”的那么浪漫，但他在引導用戶(hù)視覺(jué)和創(chuàng )造流暢的視覺(jué)感受方面卻是至關(guān)重要的。

施樂(lè )公司在推出《施樂(lè )出版標準》中，他們這樣描述他們設計的原則：”頁(yè)面設計的主要目標是視覺(jué)認知和清楚易讀。這些目標必須通過(guò)和諧的排印、有效地利用圖畫(huà)和空白空間，有節制的利用（字行）來(lái)完成… …多次重復，在視覺(jué)上形成必然聯(lián)系可以引導視線(xiàn)和幫助讀者快速瀏覽。設計中，留出大量空白空間作為空白表現領(lǐng)域，使標題”突出”，大的圖畫(huà)得到視覺(jué)上的延伸�！�

下面，結合一些例子，談?wù)勎覍�空白設計的一些簡(jiǎn)單理解。

例子1：

A： http://ssq.cpdyj.com/

B： http://trade.500wan.com/ssq/

這是兩個(gè)彩票投注的頁(yè)面，從整個(gè)網(wǎng)頁(yè)的功能來(lái)說(shuō)幾乎是一樣的，但是A網(wǎng)站的設計空白使用的比較散亂再加之內容過(guò)多，會(huì )產(chǎn)生不知從哪里開(kāi)始也不明白到哪里結束的視覺(jué)感覺(jué)，對于用戶(hù)來(lái)說(shuō)會(huì )花費更多時(shí)間精力去分辨和判斷什么是什么；B網(wǎng)站頁(yè)面的空白使用相對合理，在用戶(hù)會(huì )花時(shí)間最多的操作區域內保留了更多的空白空間，這樣不單可以起到強調操作區的作用，同時(shí)為眼睛找到一點(diǎn)點(diǎn)休息的區域，這相對擁擠的頁(yè)面更能幫助用戶(hù)再操作的過(guò)程中不容易著(zhù)急�？瞻自谶@里首先是頁(yè)面看上去更清爽一些了，同時(shí)也提高了網(wǎng)頁(yè)的可用性。

例子2：

A： http://www.baidu.com/more/

B：http://www.soso.com/more.shtml

C：http://www.google.com.hk/intl/zh-CN/options/

先看soso和百度的，很明顯兩個(gè)頁(yè)面使用了同樣的排版的手法，產(chǎn)生的效果也是類(lèi)似的。這樣橫縱像表格一樣的排版，在每一個(gè)項目周?chē)鷷?huì )產(chǎn)生一些曖昧的空白空間，請試著(zhù)體驗一下眼睛在需找其中一項的時(shí)候是如何在這些并不明確的空白空間中游走的，這樣做的結果很明顯的導致了頁(yè)面實(shí)用性的下降，用戶(hù)很可能在尋找的過(guò)程中產(chǎn)生很難找到東西的心理感受，但是soso的內容較少所以可用性還是不錯的。再看看google的做法，google的做法也許你會(huì )說(shuō)這樣排版太浪費空間了。的確這樣的做法的確是浪費空間，但是這樣做的好處在于：這兩列加右側留白空間，在視覺(jué)上給了用戶(hù)足夠的引導——-非常明顯的從上到下的瀏覽方向，可用性相對較高。

空白其實(shí)也就是圖形和背景的關(guān)系，但是和圖形設計中陰形陽(yáng)形的使用有所不同的是，圖形設計中圖底之間的關(guān)系更為復雜，形成的美感更富變化，圖底可能分別都作為視覺(jué)的主題在進(jìn)行設計，從而形成非常曖昧互相變化的復雜圖形，如：下圖。

但這種做法在網(wǎng)頁(yè)的設計中要慎用，這樣很容易造成圖形的底形分不清，造成視覺(jué)上的困擾。