如果你看到的圖形設(shè)計作為安排形狀的畫布上的一個過程，那么你只能看到你有工作的一半 。 該負(fù)空間的畫布是一樣，我們把畫布上的積極因素同樣重要。

設(shè)計是兩個形狀和空間的布置。 與空間更有效地工作，您必須首先意識到這一點，并從中看到它 – 學(xué)習(xí)地看到，空間形態(tài)和空間是如何通信的形狀。 這是一個系列的設(shè)計原則，對初學(xué)者第二部分。 第一部分包括介紹完形 ; 本系列（包括這篇文章）的其余部分將建立在這些格式塔原則，并顯示我們與作為設(shè)計師有他們的起源有怎樣的基本原則很多工作 。

圖 – 地關(guān)系

這適用于大多數(shù)空間的格式塔原則是數(shù)字地面。 在你的設(shè)計都將被看作是一種或另一種，以及它們之間的關(guān)系是相互排斥的。 既可以感知但對于其他的，并且改變其中一個是不可能不改變其他為好。

該圖地面的關(guān)系也是相輔相成的。 圖和地面可以加強或相互削弱，并在相對于彼此組織2是設(shè)計中較為重要的一個方面。 它設(shè)置一個背景下如何設(shè)計溝通以及如何進(jìn)行解釋。

“白空間將被視為一個有源元件，而不是被動的背景?！?br />

考慮到三板上面的圖片中。 在左側(cè)，我們看到了一系列的黑線，它們之間的空白等量。 總之，黑線和白空間形成一個灰色區(qū)域，同樣的結(jié)果，每個貢獻(xiàn)。 去除空間（在第二面板）完全改變了場，渲染它作為一個純黑色的形狀。 不僅是空間消失，但??是個別元素已經(jīng)成為一個單一的元件。

在第三個面板，兩個黑線已被刪除。 這將激活空間，使得它似乎是坐在灰色區(qū)域的頂部。 地面已經(jīng)成為數(shù)字，并增加了更深入的設(shè)計。

有三種類型的圖底關(guān)系：

• 穩(wěn)定 （左上圖）
  很顯然，什么是數(shù)字的，什么是地。 一方或另一方通常占主導(dǎo)地位的組成。
• 可逆 （以上中心）
  這兩個數(shù)字和地吸引觀眾的注意力一樣。 這就造成緊張，從而要么可以超越其他，從而導(dǎo)致動態(tài)設(shè)計。
• 曖昧 （右上圖）
  元素可以顯示為兩個數(shù)字和地面同步。 他們形成同樣有趣的形狀和觀眾留下來找到自己的切入點組成。

根據(jù)這關(guān)系你設(shè)置了，你怎么平衡這兩個數(shù)字和地面上， 你直接觀眾要看設(shè)計的不同部分 ，并解釋他們在不同環(huán)境下看到的。

圖地面不是唯一的格式塔原理在空間中起著突出的作用。 另外兩個是這些：

• 接近
  接近使用空間連接和封閉空間中的一些元素單獨的元素。 我們可能想當(dāng)然的一個例子是在頁面上的文字段落。 段落之間的空間大于文本的段落中的行之間的空間。
• 關(guān)閉
  這使得利用空間作為元素之間的差距。 觀眾填補空白，用自己的信息從部分完成一個整體。 太多的空間，并沒有關(guān)閉發(fā)生。 空間太少，沒有封閉是必要的。 只有空間和填充的空間之間的正確平衡將激活空間，并導(dǎo)致關(guān)閉。

空間作為設(shè)計元素

想想樂了一會兒。 如果每一個音符或和弦被演奏了在同一時間，你不會有音樂。 你不得不噪音。 當(dāng)聲音對比對音樂的沉默發(fā)生。 不同的有聲和無聲的模式創(chuàng)建的節(jié)奏和旋律。 如果沒有沉默，沒有音樂。

空間在視覺上執(zhí)行相同的功能。 它提供了積極因素呼吸的空間 。 它給人的眼睛自由移動，通過設(shè)計，并發(fā)現(xiàn)它在尋找的元素。 正被認(rèn)為是只有在與陰性對照。 如果沒有空間，你沒有設(shè)計。 你有視覺噪音。

除非噪音你想要傳達(dá)的內(nèi)容，傾向于空間。 人們不太可能抱怨太多空間比約太少了。

空間可以執(zhí)行以下操作 ：

• 建立相比之下，重點和層次;
• 產(chǎn)生戲劇和緊張;
• 元素組之間提供可視化的休息。

隨著數(shù)字地面關(guān)系意味著，你有足夠的空間，只有當(dāng)東西存在里面。 在加入正元件，空間是不確定的。 圖中地面的關(guān)系，必須建立之前的空間可以存在和它的溝通開始。

其中的空間，更重要的功能是為了提高可讀性和易讀性 。 宏觀空間，使文字更吸引人。 微空間使它更加清晰。

• 微空間
  這是在一組元素內(nèi)的空間。 這是字母，單詞和段落之間的空間。
• 宏觀空間
  這是主要的元素之間的空間。 它分隔元素或一組元素，并提供和途徑，讓眼睛跟隨的地方元素之間休息。

空間關(guān)聯(lián)到質(zhì)量。 更多的空間嗣繼承較少的元素或元素的一個罕見的。 比較高端和折扣零售商店。 其中一個典型的有更多的空間里面，哪一個包產(chǎn)品進(jìn)入的可用空間每一點？ 什么是空間連通到你？

空間也可以傳達(dá)的屬性比質(zhì)量，如其他：

• 精致，
• 簡單起見，
• 豪華，
• 清潔度，
• 孤獨，
• 開放性。

當(dāng)你失敗時要考慮它，你浪費空間。 您可以通過它溢出浪費空間。 您可以通過捕獲它設(shè)計的內(nèi)部元素，而不是允許它連接到其他空間在設(shè)計中浪費空間。

設(shè)計的最終形狀的安排，這包括所形成的空間形狀。 不要害怕使用空間 。 查看它作為你的操控下一個重要的設(shè)計元素。

幾例空間在網(wǎng)站

為了更好地利用空間，你首先需要成為自覺地意識到這一點。 學(xué)會識別空間中不同的設(shè)計。 請注意它形成的形狀，并想想的空間通信。 為此，讓我們來看看一些網(wǎng)站的設(shè)計，取空間的使用通知。

宿衛(wèi)

湯姆·約翰遜的設(shè)計宿衛(wèi)采用大量的白色空間，讓文本和其他元素呼吸的空間。 有沒有弄錯什么是數(shù)字的，什么是地。

信息包含由空格分隔（記得就近原則），區(qū)分一組元素。 你可以很容易地分辨其中一個職位的結(jié)束和下一個開始，完全由它們之間的空間。

其主要內(nèi)容是微客頁面上中心，兩側(cè)寬大的空間。 這個空間是由元素偶爾間斷的，激活兩個空間和斷路元件。 這有助于提請注意該地區(qū)，特別是在要素。

Heroku的居留制頁

下圖顯示了部分對Heroku的狀態(tài)頁面作為多空間。 我正巧趕上在網(wǎng)站上特別好的一天，因為額外的積極因素將意味著平臺的更多報告的事件。 在這里，更多的空白，標(biāo)志著更好的服務(wù)。

請注意白色的空間并不需要是白色的。 而頁面過于慷慨的空間，你不可能抱怨有太多太多。 唯一重要的信息 – 在這種情況下，狀態(tài)更新和事件的報告 – 中斷的空間。

引入新

在頂部的空間介紹小說是不對稱的和積極的。 請注意空間左邊的大塊直接導(dǎo)致你的眼睛到的內(nèi)容。 如果您通過點擊該網(wǎng)站，并從頂部向下滾動，你會看到，空間也用于分離和信息組塊。

薄輕線也用于分組和分隔這些塊。 當(dāng)瀏覽網(wǎng)站，請注意線條不要總是碰，使空間流動身邊并連接到其他空間。 這可以防止空間被困住。

埃利奧特周杰倫股票

網(wǎng)站埃利奧特周杰倫股票應(yīng)該是大家都熟悉的你，因為他是這個設(shè)計背后。 在艾略特的網(wǎng)站不對稱的空間再次導(dǎo)致活動空間。

在本頁面頂部的大圖像可能站在一個臨時塊訪問下面的內(nèi)容; 然而，空間圖片旁邊大方量提供了充足而溫馨空間，讓眼睛四處移動它。 如果左邊的側(cè)邊欄有相同的背景色為主要內(nèi)容，那么它可能會更容易對眼睛移動影像，但顏色的變化幾乎就很難。

與上面的網(wǎng)站，空間是用來附上雙方和不同的信息，不同的組，讓每個組中脫穎而出，并讓眼睛找到它想要的東西和休息之間。

菲爾·科夫曼

在內(nèi)容菲爾·科夫曼的網(wǎng)站形成了一個單一的形狀，它位于大部分是空的空間。 沒有很多積極的因素會增加那些存在的重要性。

即使在彩色矩形背景，文字周圍有可以很容易地讀出足夠的空間，不會被誤認(rèn)為是其他類別的頁面上的文字。

正面形狀（及該空間的形狀），響應(yīng)地調(diào)節(jié)以適應(yīng)不同的瀏覽器的寬度，但一個單獨的大的形狀的空間所包圍的圖案仍然存在。

在網(wǎng)頁設(shè)計新的冒險

像許多在這里的網(wǎng)站，2013年網(wǎng)站的新的冒險在網(wǎng)頁設(shè)計發(fā)布會上葉周圍的元素大方的房間。 的信息不同的組所包含的空間，空間是活躍在整個設(shè)計。

一些值得注意的是在左上和右主內(nèi)容的圖像之間的灰色圓形箭頭。

難道這些箭頭擋住的空間流？ 因為他們不碰及，因為每個被虛線的地方中斷了空間，這個空間可以流過，雖然它顯然更受限制的流量。

較淺的灰色的顏色有所幫助。 它可以防止箭從支配，它是不難想象的空間流過線。

憑心而論，如果我的瀏覽器是更廣泛的，當(dāng)我抓住的截圖中，箭頭不會重疊的主要內(nèi)容。 然而，大約1280像素下到那里的設(shè)計成為一列，他們做的。 總體而言，它的工作原理，但我不知道空間是否會更好地流動不存在的箭頭。

幾例徽標(biāo)

我將離開你的一些標(biāo)志在空間結(jié)合作為設(shè)計的一個組成部分。 而是指出了使用中的每個空間，我會做一些一般性意見，然后讓你探索的空間給自己。

請注意下面的標(biāo)志如何利用數(shù)字地面的關(guān)系。 隨著一些，直到你看到這兩個數(shù)字和地面，看不到完整的標(biāo)識。 兩者都是必要的貢獻(xiàn)者什么被傳達(dá)。

幾個這些標(biāo)志都依賴于封閉的原則 。 什么你的意思，看看是不是真的存在，但你仍然看到它。 這些標(biāo)志的少數(shù)也玩弄數(shù)字和地面。 什么是數(shù)字，當(dāng)你把整個徽標(biāo)針對其背景變?yōu)榈孛嬖谝粋€較小的數(shù)字。 這種可逆數(shù)字地關(guān)系的核心是什么被傳達(dá)。

• 云床
• 黑貓休息室
• 移
• 海豚與海豹標(biāo)志設(shè)計
• 植牙指南
• Wineforest

總結(jié)

我希望你從這篇文章拿走兩個主要的東西。 首先是在設(shè)計中使用的空間和數(shù)字地面的格式塔原則之間的連接。 格式塔原則underly不少是我們做的設(shè)計。

其次，也許更重要的是， 盡量花時間觀察空間的使用設(shè)計 。 不要讓空間成為你的積極因素的副產(chǎn)品。 學(xué)習(xí)設(shè)計的空間盡可能，如果不是，積極因素更多。 任何頁面的布局最終是空間的組織。

有意識地分析了空間，并故意用它來創(chuàng)建一個更好的設(shè)計。 不要讓它成為什么遺留下來的。 認(rèn)為這是一個非常重要的設(shè)計元素，然后查看空間和積極因素之間的關(guān)系，你塑造一個設(shè)計元素。