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