如果你看到平面設計形狀排列在畫布上的一個過程，那么你只能看到你有工作的一半 。 該負空間 畫布是一樣，我們把畫布上的積極因素同樣重要。
設計是兩個形狀和空間的布置。 與空間更有效地工作，您必須首先意識到這一點，并從中看到它 – 學習地看到，空間形態和空間是如何通信的形狀。 這是一個系列的設計原則，對初學者第二部分。 第一部分包括介紹完形 ; 本系列（包括這篇文章）的其余部分將建立在這些格式塔原則，并顯示我們與作為設計師有他們的起源有怎樣的基本原則很多工作 。
圖 – 地關系
這適用于大多數空間的格式塔原則是數字地面。 在你的設計都將被看作是一種或另一種，以及它們之間的關系是相互排斥的。 既可以感知但對于其他的，并且改變其中一個是不可能不改變其他為好。
該數字地面的關系 也是互補的。 圖和地面可以加強或相互削弱，并在相對于彼此組織2是設計中較為重要的一個方面。 它設置一個背景下如何設計溝通以及如何進行解釋。
“白空間將被視為一個有源元件，而不是被動的背景?！?br />
考慮到三板上面的圖片中。 在左側，我們看到了一系列的黑線，它們之間的空白等量。 總之，黑線和白空間形成一個灰色區域，同樣的結果，每個貢獻。 去除空間（在第二面板）完全改變了場，渲染它作為一個純黑色的形狀。 不僅是空間消失了，但各元件都成為一個單一的元件。
在第三個面板，兩個黑線已被刪除。 這將激活空間，使得它似乎是坐在灰色區域的頂部。 地面已經成為數字，并增加了更深入的設計。
有三種類型的圖底關系：
- 穩定 （左上圖）
很顯然，什么是數字的，什么是地。 一方或另一方通常占主導地位的組成。 - 可逆 （以上中心）
這兩個數字和地吸引觀眾的注意力一樣。 這就造成緊張，從而要么可以超越其他，從而導致動態設計。 - 曖昧 （右上圖）
元素可以顯示為兩個數字和地面同步。 他們形成同樣有趣的形狀和觀眾留下來找到自己的切入點組成。
根據這關系你設置了，你怎么平衡這兩個數字和地面上， 你直接觀眾要看設計的不同部分 ，并解釋他們在不同環境下看到的。
圖地面不是唯一的格式塔原理在空間中起著突出的作用。 另外兩個是這些：
- 接近
接近使用空間連接和封閉空間中的一些元素單獨的元素。 我們可能想當然的一個例子是在頁面上的文字段落。 段落之間的空間大于文本的段落中的行之間的空間。 - 關閉
這使得利用空間作為元素之間的差距。 觀眾填補空白，用自己的信息從部分完成一個整體。 太多的空間，并沒有關閉發生。 空間太少，沒有封閉是必要的。 只有空間和填充的空間之間的正確平衡將激活空間，并導致關閉。
空間作為設計元素
想想樂了一會兒。 如果每一個音符或和弦被演奏了在同一時間，你不會有音樂。 你不得不噪音。 當聲音對比對音樂的沉默發生。 不同的有聲和無聲的模式創建的節奏和旋律。 如果沒有沉默，沒有音樂。
空間在視覺上執行相同的功能。 它提供了積極因素喘息的機會 。 它給人的眼睛自由移動，通過設計，并發現它在尋找的元素。 正被認為是只有在與陰性對照。 如果沒有空間，你沒有設計。 你有視覺噪音。
除非噪音你想要傳達的內容，傾向于空間。 人們不太可能抱怨太多空間比約太少。
空間可以執行以下操作 ：
- 建立相比之下，重點和層次;
- 產生戲劇和緊張;
- 元素組之間提供可視化的休息。
隨著數字地面關系意味著，你有足夠的空間，只有當東西存在里面。 在加入正元件，空間是不確定的。 圖 – 地關系必須建立之前，空間可以存在和它的溝通開始。
其中的空間，更重要的功能是為了提高可讀性和易讀性 。 宏觀空間，使文字更吸引人。 微空間使它更加清晰。
- 微空間
這是在一組元素內的空間。 這是字母，單詞和段落之間的空間。 - 宏觀空間
這是主要的元素之間的空間。 它分隔元素或一組元素，并提供和途徑，讓眼睛跟隨的地方元素之間休息。
空間關聯到質量。 更多的空間嗣繼承較少的元素或元素的一個罕見的。 比較高端和折扣零售商店。 其中一個典型的有更多的空間里面，哪一個包產品進入的可用空間每一點？ 什么是空間連通到你？
空間也可以傳達的屬性比質量，如其他：
- 精致，
- 簡單起見，
- 豪華，
- 清潔度，
- 孤獨，
- 開放性。
當你失敗時要考慮它，你浪費空間。 您可以通過它溢出浪費空間。 您可以通過捕獲它設計的內部元素，而不是允許它連接到其他空間在設計中浪費空間。
設計的最終形狀的安排，這包括所形成的空間形狀。 不要害怕使用空間 。 查看它作為你的操控下一個重要的設計元素。
幾例空間在網站
為了更好地利用空間，你首先需要成為自覺地意識到這一點。 學會識別空間中不同的設計。 請注意它形成的形狀，并想想的空間通信。 為此，讓我們來看看一些網站的設計，取空間的使用通知。
宿衛
湯姆·約翰遜的設計宿衛 采用大量的白色空間，讓文本和其他元素呼吸的空間。 有沒有弄錯什么是數字的，什么是地。
信息包含由空格分隔（記得就近原則），區分一組元素。 你可以很容易地分辨其中一個職位的結束和下一個開始，完全由它們之間的空間。
其主要內容是微客頁面上中心，兩側寬大的空間。 這個空間是由元素偶爾間斷的，激活兩個空間和斷路元件。 這有助于提請注意該地區，特別是在要素。
Heroku的居留制頁
下圖顯示了部分對Heroku的狀態頁 作為多空間。 我正巧趕上在網站上特別好的一天，因為額外的積極因素將意味著平臺的更多報告的事件。 在這里，更多的空白，標志著更好的服務。
請注意白色的空間并不需要是白色的。 而頁面過于慷慨的空間，你不可能抱怨有太多太多。 唯一重要的信息 – 在這種情況下，狀態更新和事件的報告 – 中斷的空間。
引入新
在頂部的空間引入新型 是不對稱的和積極的。 請注意空間左邊的大塊直接導致你的眼睛到的內容。 如果您通過點擊該網站，并從頂部向下滾動，你會看到，空間也用于分離和信息組塊。
薄輕線也用于分組和分隔這些塊。 當瀏覽網站，請注意線條不要總是碰，使空間流動身邊并連接到其他空間。 這可以防止空間被困住。
埃利奧特周杰倫股票
網站埃利奧特周杰倫窗飾 應該是大家都熟悉的你，因為他是這個設計背后。 在艾略特的網站不對稱的空間再次導致活動空間。
在此頁面頂部的大圖片有可能站在一個臨時塊訪問下面的內容; 然而，空間圖片旁邊大方量提供了充足而溫馨空間，讓眼睛四處移動它。 如果左邊的側邊欄有相同的背景色為主要內容，那么它可能會更容易對眼睛移動影像，但顏色的變化幾乎就很難。
與上面的網站，空間是用來附上雙方和不同的信息，不同的組，讓每個組中脫穎而出，并讓眼睛找到它想要的東西和休息之間。
菲爾·科夫曼
在內容菲爾·科夫曼網站 形成一個單一的形狀，它位于大部分是空的空間。 沒有很多積極的因素會增加那些存在的重要性。
即使在彩色矩形背景，文字周圍有可以很容易地讀出足夠的空間，不會被誤認為是其他類別的頁面上的文字。
正面形狀（及該空間的形狀），響應地調節以適應不同的瀏覽器的寬度，但一個單獨的大的形狀的空間所包圍的圖案仍然存在。
在網頁設計新的冒險
像許多在這里的網站，2013年網站的新的冒險在網頁設計 葉發布會元素周圍大方的房間。 的信息不同的組所包含的空間，空間是活躍在整個設計。
一些值得注意的是在左上和右主內容的圖像之間的灰色圓形箭頭。
難道這些箭頭擋住的空間流？ 因為他們不碰及，因為每個被虛線的地方中斷了空間，這個空間可以流過，雖然它顯然更受限制的流量。
較淺的灰色的顏色有所幫助。 它可以防止箭從支配，它是不難想象的空間流過線。
憑心而論，如果我的瀏覽器是更廣泛的，當我抓住的截圖中，箭頭不會重疊的主要內容。 然而，大約1280像素下到那里的設計成為一列，他們做的。 總體而言，它的工作原理，但我不知道空間是否會流動性更好不在場的情況箭頭。
幾例徽標
我將離開你的一些標志在空間結合作為設計的一個組成部分。 而是指出了使用中的每個空間，我會做一些一般性意見，然后讓你探索的空間給自己。
請注意下面的標志如何利用數字地面的關系。 隨著一些，直到你看到這兩個數字和地面，看不到完整的標識。 兩者都是必要的貢獻者什么被傳達。
幾個這些標志都依賴于封閉的原則 。 什么你的意思，看看是不是真的存在，但你仍然看到它。 這些標志的少數也玩弄數字和地面。 什么是數字，當你把整個徽標針對其背景變為地面在一個較小的數字。 這種可逆數字地關系的核心是什么被傳達。
- 云床
- 黑貓休息室
- 移位
- 海豚與海豹標志設計
- 植牙指南
- Wineforest
總結
我希望你從這篇文章拿走兩個主要的東西。 首先是在設計中使用的空間和數字地面的格式塔原則之間的連接。 格式塔原則underly不少是我們做的設計。
其次，也許更重要的是， 盡量花時間觀察空間的使用設計 。 不要讓空間成為你的積極因素的副產品。 學習設計的空間盡可能，如果不是，積極因素更多。 任何頁面的布局最終是空間的組織。
有意識地分析了空間，并故意用它來創建一個更好的設計。 不要讓它成為什么遺留下來的。 認為這是一個非常重要的設計元素，然后查看空間和積極因素之間的關系，你塑造一個設計元素。
下一次，我們將添加更多的格式塔原則的組合，探索重點，繼續和共同的命運如何帶領我們進入的想法，如視覺重量和成分的平衡。
