當提到網頁設計中的空白時，蘋果或谷歌等例子可能是你第一個想到的。雖然這些公司在他們的設計中使用白色空間做得很好，但是還有很多其他方法可以充分利用負空間，即使它不一定白色的。
空白空間是您的設計計劃的重要組成部分。在這篇
網站設計建設教程中，尚略
上海網站設計公司將帶大家看看網站留白空間作為設計工具的重要性，以及五個充分利用空白的網站的例子（這根本不是白色的）。
白色空間
白色空間是指設計元素未被觸及的任何設計部分。這包括圖形或圖像之間，文本之間以及邊距和頁面之間的空間。設計元素內部的開放空間，例如FedEx徽標內的“隱藏”箭頭，被稱為負空間，盡管交換術語已變得相當普遍。
白色空間很重要，因為白色空間在促進設計的整體可讀性和組織性方面起著重要作用。
1）使文字更易于用戶掃描。
2）幫助創建類似元素的自然分組。
3）優先考慮設計中的元素，例如號召性用語，搜索或導航。
4）創造和諧和復雜的感覺。
5）建立平衡和視覺層次結構。
6）有助于使更多的文本塊更容易被消化（更可能被讀取）
7）引導用戶以合理的方式完成設計。
空間不必是“白色”
有關空白的這個神話需要揭穿：空白不一定是白色的。
白色空間可以是一個純色，或模糊的背景，甚至有點運動。共同的因素是空間就是這個空間。它不包含其他內容或設計元素。如果用戶看過去或遠離它，卻不會有任何信息丟失。
門檻是所有的白色空間實際上可能是白色的，但是設計師選擇以另一種方式創造視覺，同時仍然使用空間的原則。
空白空間可以出現在設計的任何部分，應該作為一個工具來提高從頁面頂部到底部和整個二級頁面的可用性。一個好的設計模式將一直使用白色空間來幫助用戶更容易地消化視覺效果。
例1：U +設計網站設計
網址：http://design.u.plus/
U + Design從字面上顛倒了白色空間的概念，在文字元素的黑色畫布上大量開放。圖像生活在一個較輕的空間，創造了陰陽效果，而沒有任何一個空間在技術上是白色的，它全部是空白的。
空間在滾動下方也使用得非常好，有足夠的空間容納元素，空間和設計元素幾乎是移動的模式，鼓勵用戶滾動。
如果您正在尋找如何創建可讀文本的教訓，請查看此設計。盡管使用了多種文本樣式和顏色，但所有內容都是可讀的，文本的位置和大小提供了一個很好的層次結構。
例2：Emark網站設計
網址：https://emark.com/en/
Emark使用剪貼畫和幾何圖案來創建空白空間，并為圖像和文字增添視覺趣味。空間是白色和顏色的混合，形狀和線條有助于視覺流動。
該設計還使用包含大量白色空間的白色背景的顏色塊。明亮的顏色和空間組合創造出獨特的文字容器，加倍高度可點擊的號召性用語。由于彩色空白，用戶知道這些塊中的每一個都被設計為點擊。
整個設計在文本元素周圍使用放大的空白區域，大量填充和行間距以提高可讀性。（隨著移動文本間距概念開始滲入更多基于桌面的網站設計，我們可能會看到更多的趨勢之一。）
例3：Joke de Winter網站設計
Joke de Winter在他的網站的背景中使用模糊的黑白照片作為白色空間的模板。外觀是一個現代，分層的設計，有一個獨特的感覺和流暢。
在滾動的下方，更多的空白用于邊距過大的文本元素，以強調特定的文本元素。在設計中的白色空間在白色和灰色之間交替，并且像前面的例子一樣，包括比我們在文本之間經常看到的更多的間隔。
在整個設計中，所有的邊緣都有不對稱的風格，空間充足。失衡的“平衡”是和諧和視覺上的有趣。
例4： Astronauts Wanted網站設計
網址：https://www.astronautswanted.com/
思考宇宙空間時宇航員快節奏的行動可能不是首先想到的。但是視頻頂部的標志，文字和元素就是這樣工作的。重要的滾動信息很容易閱讀和看到，盡管在后臺的行動。它的中心是兩邊都有足夠的空間。（而這個用負面空間做的標志有助于提高整體效果。）
在靜止圖像頂部的文本塊的滾動下使用相同的概念。空間設計精美，設計中唯一真正的白色元素是文字本身。
例5：Le Farfalle
網址：http://lefarfallecharleston.com/
Le Farfalle在英雄形象中使用了一個簡單的剪裁，比如前面的例子之一，但是最讓人印象深刻的使用空間出現在你的大幅交替空間的圖像上，這些圖像與包含文字的超大空白相平衡。
這種風格使用戶可以輕松地從圖像移動到文本，然后通過所有內容向后翻頁。使一個沉重的設計變得輕量級和易于閱讀。
此外，設計使用了大量的邊距和填充，使每個元素都有自己的空間。這種空間的使用創造了一個復雜的審美，與餐廳的氛圍相匹配。
結論
今天的重點 - 白色空間不一定是白色的。不要讓自己陷入陷阱。你有一些使用空間的方法，用顏色，圖像和視頻作為啟動你創造力的地方。
現在輪到你展示一些負空間的例子了！