留白是一種重要的的設(shè)計元素，即少即是多的思想
留白本身通常還被稱為負空間，它們能夠在網(wǎng)頁結(jié)構(gòu)中各個元素之間，還能夠在特定 UI元素的里面。留白付與了頁面呼吸感，而它本身并不一定非得是白色的空白區(qū)域。留白界定了 UI元素本身的空間界限，而借助花樣塔道理，它還能夠創(chuàng)造視覺上的聯(lián)系。
因此，留白是一種重要的、功效強大的設(shè)計元素，它對于創(chuàng)造積極的用戶體驗有偏重大的影響。 交互設(shè)計基金會的 Mads Soegaard 是這么說的：“留白就像一塊畫布，它是將不同設(shè)計元素配備到一起的背景，又讓這些元素通過比擬襯托鋒芒畢露?！?
在諸多的平面設(shè)計平臺當中，負空間都發(fā)揮著無法替代的作用。無論是大連設(shè)計LOGO、平面插畫還是字體的時分，留白的使用關(guān)系著整個設(shè)計的闡揚力。就像底下的博客插圖，負空間的運用讓整個畫面顯得加倍生動。
無論是在大連網(wǎng)站設(shè)計還是 UI設(shè)計當中，設(shè)計師都需求借助留白來提升界面和導(dǎo)航的可用性。結(jié)構(gòu)元素周圍的留白大概負空間通常被稱為宏空間，而它們之間的留白和里面的負空間，則被稱為微空間。
理清觀點
留白和負空間固然是兩個不同的說法，但是兩者表述的是同一個器械。之因此有兩個不同的說法，是因為兩個名稱是來源于不同的兩個平臺。
留白是來自排版印刷設(shè)計平臺，因為頁面的背景時時白色的，而文本和圖片周圍的區(qū)域也多是白色的空白，因此有留白之說。而負空間這個說法是源自于攝影，吸引人注意的視覺主體被稱為正空間，而響應(yīng)的留白就成了負空間。
需求注意的是，留白并不一定非得是白色的，能夠是其余的顏色，乃至是其余的圖案。
留白為什么云云重要
當你進入一個擠滿種種物品和人的房間，隨處都是器械和人，找到特定的器械必定是一個很艱苦的事情。響應(yīng)的，在干凈的大地上，擺放的唯獨的物品必定是很醒目的，你不需求花消任何氣力就能注意到它。這也是留白發(fā)揮作用的道理地點。
固然客戶大概會要求設(shè)計師在頁面上盡大概多地塞滿種種元素和功效，這樣能夠節(jié)減空間。但是，現(xiàn)實上這是一個最多見的錯誤的做法：用戶并不需求在網(wǎng)頁上一次實現(xiàn)一切的兼職。更重要的是，太多的元素會疏散用戶的注意力，用戶會難以找到真正想要的消息。正猶如 Aarron Walter 所說：“你想讓用戶注意到全部事情的時分，他們會感知不到任何器械的?！?
對于設(shè)計而言，負空間的代價是很高的，我們隨便總結(jié)一下，都有許多：
-
它讓頁面的可閱讀性得到了提升；
-
它加強了視覺層次；
-
它使得元素和元素之間的關(guān)系加倍清晰，更容易被感知，而不需求借助表格、框架這樣的附加手法；
-
它為頁面增加了呼吸感，而不至于導(dǎo)致混亂；
-
它讓用戶更容易將注意力密集到焦點元素上，削減分心；
-
它提升了頁面的風格，讓設(shè)計加倍文雅。
看看這個城市指南的著陸頁吧，負空間在背景中飾演了很重要的角色，更重要的是，圖片中的元素和前景的文本標題之間有所互動，這也同樣是借助負空間的方法來出現(xiàn)，出現(xiàn)出一種和諧而有趣的設(shè)計效果。
影響留白的焦點成分
合理的使用留白能夠讓界面的用戶體驗提升不少。
可讀性和清晰度：若和元素之間沒有足夠的留白，會變得難以閱讀，用戶需求花消分外的精力來進行分辯。不合理的留白設(shè)計會讓用戶感到重要，想要讓用戶感到天然，需求讓留白恰到好處，令結(jié)構(gòu)顯得足夠天然。猶如音樂中的韻律感同樣，設(shè)計中的韻律感是通過留白的變更來出現(xiàn)的。
品牌化：若你諳習LOGO的設(shè)計，你會發(fā)現(xiàn)設(shè)計師借助元素周圍的留白來營建空氣提升感受，留白的功效性在品牌設(shè)計上有著很顯著的表現(xiàn)。沖破留白的設(shè)計規(guī)律，對于整體是有害的。
強化屬性：留白的運用能夠強化屬性，好比消息博客平臺會加倍密集地出現(xiàn)消息，乃至會借助動靜的數(shù)據(jù)出現(xiàn)和較為致密的結(jié)構(gòu)來營建一種資訊的密集感和平臺的調(diào)性。
視覺層次：富裕層次感的留白設(shè)計能夠創(chuàng)造出視覺層次，而且讓用戶注意到特定的元素和消息。
留白對于視覺的影響要緊表現(xiàn)在以下的幾個方面：
-
文案和內(nèi)容
-
圖形元素
-
導(dǎo)航
-
視覺識別
接下來看看幾個案例。這是 The Big Landscape 的首頁，沒有表單，沒有視覺框架，僅僅借助留白來平均全部的設(shè)計元素。設(shè)計師構(gòu)建出了清晰的層次結(jié)構(gòu)，而且容許用戶一瞥即可看清全部的內(nèi)容塊，這樣的設(shè)計看起來是清晰而井井有條的，而且填塞呼吸感。白色的背景和簡約的結(jié)構(gòu)讓整個界面填塞了實體雜志的質(zhì)感， 而這也比較視覺化地見知用戶這是一個在線的數(shù)字雜志。
另外一個是挪動端的APP Upper。整個應(yīng)用的留白都是使用黑色來進行添補的，在視覺上，黑色的留白和焦點的視覺元素構(gòu)成了顯然的比擬，從而起到了凸顯的作用。整個設(shè)計留白充足，用戶不會錯過環(huán)節(jié)的片面，也不會分心，結(jié)構(gòu)的構(gòu)造性極強，可讀性也都毫無疑問。設(shè)計師確保了整體的文雅性，也讓結(jié)構(gòu)加倍具備美學特性。
需求思量的疑問和隱患
1. 術(shù)語紊淆
和不諳習設(shè)計術(shù)語的客戶進行溝通的時分，應(yīng)該盡量讓他們清楚負空間/留白的含義和功效。對于非設(shè)計從業(yè)者而言，許多時分確實不能夠很快接管「屏幕中需求留下更多的留白」這樣的觀點。對于黑色大概深色的背景，這類客戶大概會有不好的聯(lián)想，究竟上并非云云。在進行足夠深入的溝通之后，盡量將這些環(huán)節(jié)點貫注給客戶，幸免術(shù)語和觀點上的誤讀。
2. 有望削減留白，增加頁面和內(nèi)容
實在這個是險些全部的設(shè)計平臺都會面臨的疑問?？蛻魰型覂?nèi)設(shè)計師在一面墻擺滿柜子而不是給兩個節(jié)余的地方留白，而建筑設(shè)計師也常常需求建筑周圍有足夠的留白，確保呼吸感，提供更好的服務(wù)。設(shè)計師需求和客戶溝通，打聽哪些片面更重要，哪些片面次重要，而哪些內(nèi)容是可有可無的，分清層級，進行挑選。留白有助于營建加倍調(diào)和的結(jié)構(gòu)，讓消息和功效的可用性更強。
3. 優(yōu)先級不敷高
若尋思熟慮的消息架構(gòu)和界面并不匹配，留白并不是萬能的辦理方案。你需求在思量界面設(shè)計之前，就斷定用戶獲得消息的方法，然后再進行設(shè)計。在斷定風格之前，先要梳理清楚用戶流程，不然，再好的負空間設(shè)計也不足以發(fā)揮出它應(yīng)有的功效。