幾乎所有的用戶都喜歡整潔、有條理、容易看懂的網(wǎng)站。想想誰愿意花大半天時間去瀏覽一個網(wǎng)站，看了一大堆信息卻找不到自己想要的?如果一個網(wǎng)站干凈、簡單，它就能留住用戶，而留白在這方面起了很大作用。

　　一、認(rèn)識留白藝術(shù)

　　留白在藝術(shù)設(shè)計(jì)中是重要的視覺標(biāo)準(zhǔn)之一，網(wǎng)頁設(shè)計(jì)中留白也是極為重要的，留白指圍繞設(shè)計(jì)元素，如圖像、文本的空間，使布局排版顯得干凈和精致。網(wǎng)頁設(shè)計(jì)中的留白要使元素之間保持距離，擁有呼吸的空間。盡管這個術(shù)語尤其指留“白”，但它所指的區(qū)域并不一定要是白色的。它只是網(wǎng)頁布局中環(huán)繞各元素的空白空間，處理好了留白問題，前景主體部分將會凸顯，用戶就能看到你想表達(dá)的信息。

　　來源：Apple中國官網(wǎng)

　　二、留白設(shè)計(jì)的好處

　　1、留白增加易讀性

　　如果文字間距安排的合理，段落文字之間的空白區(qū)域使得信息層級關(guān)系清晰明了，頁面也更加有條理和邏輯性。那么就能增加易讀性，用戶體驗(yàn)也會更好。

　　2、留白讓頁面更整潔

　　留白應(yīng)用的恰當(dāng)，網(wǎng)頁也會顯得有條理，更加干凈整潔，用戶體驗(yàn)也會更好。

　　3、留白增加互動性

　　如果網(wǎng)頁里填充了大量的文字信息，有時會讓用戶感到害怕。而適當(dāng)?shù)牧舭捉o了用戶互動參與的時間和呼吸的空間，標(biāo)題和小標(biāo)題周圍的留白也能吸引用戶的注意。

　　4、留白讓CTA按鈕更加明顯

　　CTA(Call to action)按鈕對于優(yōu)化網(wǎng)站轉(zhuǎn)化率有很大幫助，可以吸引用戶注冊會員、下載軟件、購買產(chǎn)品等。因此設(shè)計(jì)師們需要考慮如何讓CTA按鈕更加明顯?？梢栽O(shè)置清楚的圖標(biāo)或者增大按鈕的尺寸，另外按鈕旁邊增加大量的留白通常都是非常有效的。

　　來源：Nike中國官網(wǎng)

　　5、留白可提升搜索流暢度

　　百度和必應(yīng)搜索引擎，詮釋了留白簡潔有效，這個簡單的例子再適合不過了。

　　百度準(zhǔn)確地理解了一點(diǎn)，正在搜索某個話題的用戶，不想被嘈雜的背景和廣告分散注意力。因此，留白支配了整個百度搜索引擎頁面，沒有過多的東西去干擾用戶的注意力，實(shí)際搜索框只占據(jù)頁面中央窄窄一絲空間。

　　6、留白增加了平衡感

　　如果不使用留白，網(wǎng)站會看起來雜亂無章，用戶瀏覽網(wǎng)站時也會不知所措。但是，過多的留白也會讓網(wǎng)站看起來太空，沒有內(nèi)容。因此，恰當(dāng)?shù)牧舭卓梢誀I造平衡感，視覺上也更具現(xiàn)代感。

　　7、留白造成了元素分割

　　留白可以分割內(nèi)容里的不同元素，讓用戶瀏覽不同的部分。網(wǎng)站用戶一般會選擇他們最感興趣的去閱讀，使用留白分割不同的元素，則給用戶提供了選擇的自由。

　　總結(jié)：

　　留白，留給了字體和設(shè)計(jì)作品足夠的空間。保持層次感，留白區(qū)域能夠很好的指引用戶，如果元素過多，那么用戶的注意力會分散。留白能夠讓用戶盡快的尋找到所需要的信息，提高用戶體驗(yàn)?？梢园蚜舭桩?dāng)做睡眠和空氣，兩者是生活不可或缺的元素。沒必要把留白當(dāng)做必須遵守的規(guī)則，不如把它做可愛的設(shè)計(jì)幫手。

福利時刻-免費(fèi)領(lǐng)取7天135編輯器VIP會員】

點(diǎn)擊http://qwer.com.cn/users/invite/ddb12a17ce400c35fe041d275a578351，注冊135編輯器，即可獲得7天VIP會員