@MartinRGB 我們先從基本的說起，設(shè)計(jì)中的留白區(qū)域并不能顧名思義，設(shè)計(jì)中的留白區(qū)域不局限于白色，留白的”白”指的不是顏色的”白”，而是空白的”白”，留白區(qū)域指的是某一區(qū)域無額外元素，無裝飾，處于空白的狀態(tài)。

留白的優(yōu)秀案例——但是還有一點(diǎn)裝飾——Layervault的個(gè)人網(wǎng)站。從本質(zhì)上講，留白區(qū)域是”未使用的區(qū)域”，盡管留白區(qū)域看起來未使用，沒什么作用，但實(shí)際上留白區(qū)域的作用相當(dāng)大，給予設(shè)計(jì)呼吸的空間，提供了布局上的平衡。留白區(qū)域的環(huán)繞與陪襯，良好的襯托出中心區(qū)域的表現(xiàn)。

我們?yōu)楹我匾暳舭祝?/h2>

如果你在瀏覽網(wǎng)站，當(dāng)布局太糟糕時(shí)，你會(huì)很費(fèi)力的才能確定信息內(nèi)容；太緊密的字間距、段間距，沒有明顯的區(qū)分隔斷（或者說沒有足夠的留白空間），那么這個(gè)網(wǎng)站的用戶體驗(yàn)肯定是很差的。

Mailchimp的留白使用的很利索，突出了品牌信息。相似的，如果你的網(wǎng)站也這么”緊密”，沒有足夠的”留白”，那么用戶會(huì)對(duì)網(wǎng)站喪失耐心；盡管做一個(gè)優(yōu)秀的網(wǎng)站需要天賦、時(shí)間以及知識(shí)，但不要忘了，用戶是很挑剔的，網(wǎng)站做的好，一般不會(huì)表揚(yáng)你，網(wǎng)站一旦有問題，立馬就指責(zé)你。我們應(yīng)該視留白為布局的最重要手段，多給元素點(diǎn)呼吸空間，這樣信息的層次感將更加明確，用戶指引效果也更好。

留白區(qū)域的好處

上面已經(jīng)提到過了，更平衡的布局，元素更清晰的呈遞效果，更能吸引用戶注意。

Dan Edwards?的個(gè)人網(wǎng)站，采用了很多留白，留給了字體和設(shè)計(jì)作品足夠的空間。保持層次感，留白區(qū)域能夠很好的指引用戶，如果元素過多，那么用戶的注意力會(huì)分散。留白能夠讓用戶盡快的尋找到所需要的信息，提高用戶體驗(yàn)。

如何在設(shè)計(jì)中使用留白？

了解重要性之后，下一步要做的事情就是學(xué)會(huì)去做。

KISS 原則(Keep It Simple, Stupid)

其實(shí)我喜歡稱之為KIS原則，我討厭愚蠢（Stupid)這個(gè)字眼！但是保持一切簡(jiǎn)潔，是設(shè)計(jì)亙古不變的道理，沒有必要完全填滿。某些情況下，”不完整才是完整，殘缺才是完美?！痹O(shè)計(jì)師的任務(wù)就是利用（布局，留白，色彩，尺寸，字體）來營(yíng)造一個(gè)視覺焦點(diǎn)，吸引用戶的注意力。

設(shè)計(jì)做的簡(jiǎn)潔一點(diǎn)，不但設(shè)計(jì)師輕松，開發(fā)者也輕松，當(dāng)然，用戶瀏覽起來也輕松。去除不必要、不重要的元素，只保留必要元素。
而且不要為了留白而一味留白，要注意設(shè)計(jì)元素之間的聯(lián)系性。如果留白用的好，既能保持聯(lián)系性、一致性，又能讓設(shè)計(jì)通俗易懂，從而提高了網(wǎng)頁的適用性。

Squarespace使用了材質(zhì)、色彩、留白、字體營(yíng)造了一種純凈的品味

原文地址：webdesign；via：優(yōu)設(shè)網(wǎng)