想要讓一個(gè)元素足夠吸引用戶(hù)的注意力，往往需要通過(guò)周?chē)牧舭讈?lái)襯托，這樣的設計所營(yíng)造的用戶(hù)體驗更為優(yōu)雅。
在極簡(jiǎn)主義風(fēng)格是主流的今天，「少即是多」是設計師奉為圭臬的準則?？刂婆渖桨傅臄盗?，限制視覺(jué)元素的數量，在清晰的層級之下，呈現最核心的元素，抓人眼球，直擊核心。
這樣的設計對于留白極為依賴(lài)，因此，留白很重要。
留白并不一定必須是白色的，它可以是其他的任何顏色，而留白的另外一個(gè)名字是「負空間」。留白能夠襯托和凸顯視覺(jué)主體，這也是它發(fā)揮作用的主要途徑。
盡管留白看起來(lái)不復雜，但是在復雜多變的設計環(huán)境之下，往往并不是一件簡(jiǎn)單的事情。優(yōu)秀的留白設計能夠在簡(jiǎn)約的風(fēng)格和功能的可用性之間達到平衡，而要做到這一點(diǎn)，需要相當的實(shí)踐和積累。
在什么地方用留白
必須承認，并非每個(gè)設計都需要大量的留白。留白的使用一定是有范圍，且有留白會(huì )對設計中下列因素產(chǎn)生影響：
排版布局
影像圖片
功能控件
文本內容
邊距間隙
Mark Boulton 將留白劃分為大小兩種。
小留白是在較小的元素之間小間隙，比如下面的元素周?chē)牧舭拙褪切×舭祝?/p>
鏈接
列表
圖標
按鈕
文本段落
相反，在處理相對較大的元素的時(shí)候，周?chē)呢摽臻g是大留白。
正確使用留白能夠為整個(gè)設計帶來(lái)平衡感。對于文本內容，你會(huì )發(fā)現易讀性的高低和其中的小留白的控制有著(zhù)密切的關(guān)聯(lián)，這對于內容的呈現有著(zhù)重要的影響。
使用留白的好處還有很多：
留白能夠增加內容的可理解性。
留白能夠凸顯特定的 UI 元素，CTA 元素大都如此。
可以讓設計更加整潔、友好。
Bear Creek Distillery
充滿(mǎn)形式感和沖擊力的圖片搭配上令人眼前一亮的文案，Bear Creek Distillery 可以輕松地從同類(lèi)網(wǎng)站中脫穎而出。為了突出他們作為酒類(lèi)供應商的核心競爭力「蒸餾技術(shù)」，設計師盡可能地降低可能讓人分心的因素，從而將信息精準直接地傳遞給訪(fǎng)客。
Squarespace
在保證用戶(hù)能夠獲取足夠的信息的前提下，Squarespace 的設計師盡量限制了界面上使用 UI 元素的數量。搜索框讓用戶(hù)能夠輕松找到他們想要的信息，而文案設計上的獨特性使得品牌的調性得到了放大。文本的字體色彩選用了黑色，和淺色的背景構成了強烈的對比，讓閱讀和信息的獲取都無(wú)比的輕松。
Progressive Punctuation
如何使用標點(diǎn)符號來(lái)傳達復雜的情緒？Progressive Punctuation 這個(gè)網(wǎng)站將這些「全新」的標點(diǎn)符號都展示了出來(lái)。
和其他的頁(yè)面不同的地方在于，頁(yè)面需要承載多個(gè)不同的非標準標點(diǎn)符號，為了將信息準確的傳達，設計師巧妙地使用留白來(lái)控制符號之間的間距，確保整體的優(yōu)雅性，又保證了信息的傳達。
Apple
關(guān)于留白的設計，很難繞過(guò)蘋(píng)果這么經(jīng)典的案例。雖然他們不是先驅?zhuān)翘O(píng)果將這一技巧的運用在自家的產(chǎn)品設計和網(wǎng)站設計上，體現的淋漓盡致。
在他們的網(wǎng)站上，你會(huì )看到清晰的視覺(jué)脈絡(luò )，頁(yè)面的每個(gè)部分都有清晰的視覺(jué)焦點(diǎn)，主次分明，用戶(hù)永遠不會(huì )在這里迷失和分心。
Tinker
你可以在 Tinker 定制手表，在網(wǎng)站上，你可以選擇手表的樣式、色彩和裝飾元素。
為了突出產(chǎn)品的可定制性，Tinker 這個(gè)網(wǎng)站中所能看到的最顯著(zhù)的視覺(jué)元素是清晰的被分離出來(lái)的手表組件圖片，就像蘋(píng)果的官網(wǎng)一樣，設計師不希望你的注意力被別的東西轉移走了，減少次要信息的展示，從而提升核心元素的展現。只展示必須的內容，直接給你需要的一切——手表就可以了。
The Pisacco Chronicle
The Pisacco Chronicle 是一個(gè)專(zhuān)注于美食、電影和藝術(shù)的線(xiàn)上雜志，這些是絕大多數人都非常喜歡的東西。
有趣的是，網(wǎng)站為了吸引人采用了寶麗來(lái)風(fēng)格的輪播圖。頁(yè)面中的標題和導航都非常吸引人，這很大程度上是因為頁(yè)面上能讓人注意到的元素確實(shí)不多。如果有更多的文本內容，就很難保證各個(gè)元素都那么清晰直觀(guān)了。
沒(méi)有晃眼的色彩和跳出式的配色，這樣讓頁(yè)面中的圖片內容沒(méi)有不吸引人的理由。
Seedlip
這個(gè)品牌同樣是釀酒廠(chǎng)，不過(guò)這次他們的網(wǎng)站推薦的是軟飲料。這次的飲料是基于全新的概念創(chuàng )造而來(lái)，使用帶有大量留白的網(wǎng)站來(lái)呈現是個(gè)不錯的選擇。
網(wǎng)站同樣使用了大量的留白來(lái)凸顯信息，更重要的是設計師還強化了瀏覽體驗，用戶(hù)向下瀏覽的時(shí)候，高清的飲料圖片會(huì )成為整個(gè)視覺(jué)的中心。為了強化品質(zhì)感，設計師讓用戶(hù)可以很快注意到這個(gè)品牌巴洛克風(fēng)格濃郁的華麗 LOGO，而這樣的效果同樣和留白的貢獻分不開(kāi)。
Pocket Penguins
企鵝出版社一直以他們出色的封面設計而出名。加粗的文本和大膽的色彩是他們的特色，Pocket Penguins 這個(gè)網(wǎng)站就的延續了他們的品牌特色，通過(guò)色彩和排版讓用戶(hù)注意到他們的書(shū)本。
Sweetgreen
使用留白和色彩豐富的圖片來(lái)吸引用戶(hù)是非常有效的方法，因為兩者能夠正好構成對比。
對于美食尤其是如此，色香味三者當中，色彩和視覺(jué)是最先傳達給人的，誘人的圖片是 Sweetgreen 這個(gè)網(wǎng)站吸引用戶(hù)的最有力武器，所以留白盡量襯托出這些圖片，讓這些美食被用戶(hù)注意到。
Jomor Design
當你想要傳遞信息的時(shí)候，讓用戶(hù)只專(zhuān)注于那條信息是最有效的方法，如果用戶(hù)只有這么一個(gè)信息映入眼簾的時(shí)候，自然就怎么都不會(huì )錯過(guò)了。
Johor Design 這個(gè)網(wǎng)站一直致力于傳達清晰的信息。作為一個(gè)設計機構，他們使用一個(gè)精心設計的文案來(lái)抓住你的注意力，「I wanna help you kick ass.」（讓我來(lái)幫你成為最牛的。）
如果頁(yè)面中有圖片的話(huà)，這段話(huà)是不會(huì )被注意到的，因為文本通常沒(méi)有圖片吸引人。
結語(yǔ)
巧妙地使用留白能夠讓你的設計足夠優(yōu)雅，想要簡(jiǎn)明直接，同樣需要運用好留白。消除不必要的干擾，專(zhuān)注于傳遞關(guān)鍵性的信息，這些都需要留白的參與。
