網站負空間(空白)在網頁設計中發揮重要作用

網站和應用程式具有必須共存的各種視覺元素——按鈕、列、圖標、圖像、線條、媒體和排版。所有這些元素都需要一個畫布（空白網頁），而那個畫布需要空白空間，即負空間或空白空間。沒有它，訪客的眼睛無法處理它所看到的東西。

 

什麼是負空間？

正空間是作品中充滿主題或其他焦點的部分。負空間占據了其餘部分。它可能是空白的或白色的，在顏色或設計上形成對比，它會引起人們對正空間的關注，有時甚至從不同的角度來看，它本身也會變成正空間。

 

負空間的類型

有幾種類型的負空間。微觀和宏觀是指構圖中負空間的大小。主動和被動指的是這些區域為用戶做什麼。

 

微觀與宏觀負空間

微負空間是指元素之間的小空間，文本行之間的間距或導航选單中連結之間的區域。這會影響內容對讀者的可讀性。如果行與行之間沒有足夠的空間或文本超出邊距，用戶將很難閱讀和理解它。

 

宏觀負空間較大；它是布局周圍的空間以及大型設計元素之間的空間。一個例子是內容塊之間的區域。容器的空部分容納了整個設計。

 

具有少量宏觀負空間的網站往往具有很高的信息量。具有大量宏觀負空間的網站通常是極簡主義或展示奢華的。

 

主動與被動負空間

積極的負空間增加了頁面結構，改善了內容的流動並引導用戶去你想要他們去的地方。被動負空間改善了網站的外觀，但不會讓用戶通過任何特定的流程。當空間偏離中心和不對稱時，它通常是活躍的。當它平衡和對稱時，它通常是被動的，它喚起較少的運動，這不會強迫用戶以某種方式看待它。

 

負空間和構圖

負空間對於構圖很重要，原因如下：

 

您需要查看構圖中的空間，以保持其勻稱。

 

它還允許您處理設計中不同對象之間的關係。

 

在網頁設計中，它可以發揮重要作用，讓人們留在您的頁面上。

 

一個元素周圍的空間大小決定了該元素有多少焦點——更多的空間意味著更多的焦點。

 

選擇正負空間的正確平衡

 

您使用多少消極和積極的空間將取決於您想要的外觀以及您想要在觀眾中喚起的東西。

 

如果你想要一個美觀的設計，你可能會使用相等的負空間和正空間。

 

對於故意顯得鮮明和簡約的設計，您會選擇更多的負空間。

 

為了看起來壓倒性和面對面，您可以選擇更積極的空間。

 

設計師必須在空間上發揮作用，直到他們為品牌和網站的預期目的取得適當的平衡。

 

用負空間分解文本

您已經看到設計師如何創建美觀且文本豐富的主頁，但是較長的文本塊本身又如何呢？將短段落與長段落混合、加粗標題、創建列表和在整篇文章中添加媒體都有助於在文本周圍建立負空間，使其更吸引讀者。外觀很重要，即使是複製品，偉大的設計師也會考慮到這一點。

 

向客戶解釋負空間

網站設計師可能會與客戶就負空間發生衝突。客戶想要更多的空間來擠入重要的賺錢信息。他們覺得空白是浪費空間。另一方面，設計師看到眼睛實際吸收已經存在的信息所需的視覺衝擊。他們知道網站上的所有空間都很重要，即使是沒有內容的空間。

 

小結

網站有很多不同的元素，如果你想讓這些元素和諧相處並吸引觀眾，你需要在它們周圍留出空白。您使用的空白量及其運作方式取決於 (a) 您的品牌和 (b) 您希望用戶採取的行動。您也可以通過白色空間獲得創意，例如通過反轉顏色或使用負空間繪製以有趣或令人瞠目結舌的方式定義它。

 

無論你採取什麼方法，空白區域都應該是平衡的——不過，這並不一定意味著對稱。相反，這意味著元素存在於頁面上而不會相互競爭，同時吸引您希望它們擁有的注意力類型。對於瀏覽者來說，平衡意味著能夠在瀏覽網站時不會感到困惑或不知所措。

 

在您的網站上嘗試留白。添加一些，取出一些。減少宏觀，增加微觀，反之亦然。測試某些元素周圍或多或少的空白如何鼓勵用戶採取行動。留白的美妙之處在於它是一種藝術技巧，這意味著沒有硬性規定。