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