格式塔與設計
格式塔作為心理學上一個著名理論，強調的是整體性大于局部作用的重要性，靈活的利用格式塔理論我們将使我們的設計更加的易于使用者解讀。
現将使用頻率最多的原則總結如下：
- 相似性原則
- 封閉性原則
- 連續性原則
- 閉合性原則
- 鄰近性原則
- 圖形與背景關系原則
我講通過一些例子來描述每項原則，願你能更好的了解。
相似性原則
人的潛意識會将視線内一些相似的元素自動整合成整體。
在衆所周知的梵高名畫《繁星》中，由于強烈的對比我們能輕易的識出夜空中的繁星：
•代表星星的圓球都是相同的黃色。
•繪制星星邊緣的筆刷都是圍繞着圓球中心的分布，且方向一緻。
這兩種相同的特性讓我們輕而易舉的将繁星從夜空中區分出來，并突出了繁星。
接下來我們觀察Tumblr是如何應用相似性原則的。如下圖所示，不同圖示代表了釋出部落格的不同方式。
相似性展現在哪兒呢？
•每個圖示下都有文字說明。
•圖示的大小，文字說明的字型以及大小都是相同的。
•每個圖示都被均勻的分布在了空間内。
從釋出部落格的過程中我們了解到什麼？
•作為使用者，我們知道這些圖示都可以釋出部落格。
•我們也清楚的知道每個圖示代表的不同意義，能滿足我們不同的需要。
封閉性原則
當對象周圍有環繞閉合的邊界，視覺上會将此類目進行歸納分組。
我們将用Facebook頁面的三個闆塊來講解封閉性原則在互動中的應用。
第一，整體頁面（截圖中邊框強調所示）。Facebook界面中有内容的頁面都是白色背景，此外，通過淺灰色邊框線将其與淡灰色背景相分離，形成封閉區域。
第二，正文頁面。圖檔以及其所附加的标題，描述，成組展示，清楚的強調了頁面所包含的主要資訊。
第三，評論部分。社交闆塊所有的資訊都是淡藍色背景，以此形成一個封閉空間，使用者可輕易的找到評論區。
這些封閉提供的功能可見性，将各個功能區分類，準确有效的顯示了資訊。
連續性原則
如果一個圖形的某些部分可以被看作是連接配接在一起的，這些部分會被我們知覺為一個整體。
如圖是Google Maps的路線截圖，通常我們會把那一連串的小藍點看作是一條路線。
在現實生活中我們的路線必定是一條線，但沒有什麼比虛線所展示的路線方向更為直覺。通過GPS定位，地圖中代表使用者的小圖示将根據使用者的前進而在地圖上移動，我們全然依靠藍點組成的虛線為指引。
另一個應用了連續性原則是媒體播放器。
這條線所代表的是歌曲所播放的程序，當音樂播放時，顔色會發生改變。我們将第二個顔色的程序線作為第二線，随着音樂播放他會變長。當然，他不能超過初始線的長度。在此給我們的提示是當第二線與初始線完全重合，這段音樂即完成播放。
這種視覺效果的資訊傳達，我們不常用“名詞”（箭頭），而是“動詞”（動效，播放程序中的互動）來闡述它。要知道這樣會更直接的讓使用者了解播放進度。
閉合性原則
當圖形是一個殘缺圖形，但主體有一種使其閉合的傾向，即主體能自行填補缺口而把其知覺為一個整體。
在Twitter的界面中，當你收到通知，一個顯示了數字的方塊會覆着在圖示上。
直到閱讀通知消息，這個提示消息都一直在。
仔細觀察在The Urban Outfitters線上商店的網頁，當你添加商品到購物車中會發生的一切。
• “添加到購物車”轉換為“已添加”
• 添加數次會出現在導航欄中購物車的旁邊
• 一個子產品會從右上角向下滑，以再次确認你将添加商品。
一系列的提示都可知我們已經成功将商品添加到購物車，省去了再次打開購物車界面去确認的麻煩。
鄰近性原則
空間中距離相近的元素會被看作一體。
如下是Twitter的個人資訊界面：
頭像，背景圖，顯示名稱，使用者名作為使用者的基本資訊成組顯示。在使用者基本資訊之下則是使用者在Twitter的使用情況。
截圖中的粉色線覆寫在使用者基本資訊和Twitter使用情況之間，為這兩區形成了分界，以避免由于位置的鄰近而造成的資訊混亂。
試看Twitter對臨近性原則應用的另一個例子：
轉發，收藏，還有評論推文等功能成組顯示，且處在明顯低于圖文的位置。
粉色線條強調的部分顯示了功能的分區，你能夠根據數字與圖示距離之間的遠近來得知他們之間的關系。
留白
你可能一次次的聽設計師說：我們需要更多的留白！而這種空白空間也就是負空間。
在很多情況下（并非所有），空白空間被用于形成封閉（在上文已經提到），是一種無形的邊界。通過空白，我們能夠清楚的區分各項臨近的功能，使得整個頁面看起來不那麼複雜。
不用添加任何的線條，顔色或者其他元素就能夠實作功能作用化。意味着沒有任何元素的空白空間（負空間）在功能上等同于正空間。
這個想法也被應用在電話号碼上。比起一連串的數字，我們更容易記住分段顯示的号碼。
E.g. 555-555-5555 vs 5555555555
圖檔與背景關系原則
在視覺傳達中，有些對象突現出來形成圖形，有些對象作為襯托成為背景。
在紐約時代的頁面中，圖檔與背景關系原則展現如下：
• 白色，透明的背景減弱了你對原文内容的注意力
• 視窗四周還有着邊界和輕微的陰影
在此你會自然的将登入視窗視作前景，而紐約時代首頁作為背景。透明背景之下我們仍能夠看清也看内容，可以知道我們并沒有離開頁面。當登陸之後，頁面随即會發生改變，前景和背景的内容也将改變。
最小樣式
登入視窗的邊界大約是1像素寬，陰影度也是相當微弱的，以保證視覺上的舒适。
當我們考慮最小樣式時（與極簡風格不同），我們必須知道：多少數值是我們盡可能做到能減少影響的。
Deiter Rams的終極原則曾說：盡可能的小，通俗點說就是在設計的過程中我們要避免過度設計，繁雜風格還有過多的步驟。
簡化
一個界面的設計勢必是融合了很多種不同的互動動作，在此我們希望的是盡可能用最少的動作來實作更多的操作。
如果我們不能做到這樣，無關聯的空白空間隻能讓使用者煩擾。人們需要了解各項操作是如何實作整合來實作更優的互動體驗。
希望你能應用上述的一系列原則，建立一個更直覺的界面，為頁面設計中所存在的問題找出合适的解決辦法。
碼字很辛苦，轉載請注明來自 藍色早晨-UED的 《格式塔與設計》