超實用的格式塔原理小科普

發表於2015-11-17

一. 前言：

在介面排版，網頁廣告設計等視覺傳達設計工作中，視覺上的畫面瑣碎，零散，資訊混亂無序總是視覺設計師無可避免的問題。

視覺的整體感做不好，會給人不舒服，不協調的心理感受。這些問題來自人們的主觀感受（“不舒服”，“奇怪”），通常難以描述清楚。

同時，設計師們也意識到：表現作品的整體感與和諧感是十分重要的。無論是設計師本人或是觀者，都不欣賞那種混亂無序的形象。但是，“有毛病，不舒服，奇怪”等直觀感受的詞彙卻很難幫到設計師修改方案。設計師需要明確的知道“WHY”

多年以來，心理學家們一直想確定，在知覺過程中，人的眼和腦是如何共同起作用的？而視覺感知，是其中的重點。

格式塔理心理學述及了這樣一個觀念，即人們的審美觀對整體與和諧具有一種基本的要求。簡單地說，視覺形象首先是作為統一的整體被認知的，而後才以部分的形式被認知，也就是說，我們先“看見”一個構圖的整體，然後才“看見”組成這一構圖整體的各個部分。

我們可以從格式塔中瞭解到視覺形象對人的心理影響，這裡也包括了對介面，廣告等視覺資訊的感知；

網上有許多格式塔文章，但觀念不盡相同。在這裡寫下我並不成熟的思考，歡迎大家拍磚斧正；

二. 格式塔觀念：

格式塔心理學派斷言：人們在觀看時，眼腦並不是在一開始就區分一個形象的各個單一的組成部分，而是將各個部分組合起來，使之成為一個更易於理解的統一體。此外，他們堅持認為，在一個格式塔（即一個單一視場，或單一的參照系）內，眼睛的能力只能接受少數幾個不相關聯的整體單位。這種能力的強弱取決於這些整體單位的不同與相似，以及它們之間的相關位置。如果一個格式塔中包含了太多的互不相關的單位，眼腦就會試圖將其簡化，把各個單位加以組合，使之成為一個知覺上易於處理的整體。如果辦不到這一點，整體形象將繼續呈現為無序狀態或混亂，從而無法被正確認知，簡單地說，就是看不懂或無法接受。格式塔理論明確地提出：眼腦作用是一個不斷組織、簡化、統一的過程，正是通過這一過程，才產生出易於理解、協調的整體。

格式塔理論和研究述及了這樣一個觀念，即人們的審美觀對整體與和諧具有一種基本的要求。簡單地說，視覺形象首先是作為統一的整體被認知的，而後才以部分的形式被認知，也就是說，我們先“看見”一個構圖的整體，然後才“看見”組成這一構圖整體的各個部分。

注：本段文字摘自百度文庫《格式塔原理及應用》

整體的統一感知：大腦會將複雜的視覺內容簡化為容易理解的整體，如圖所示；

那麼，怎樣的視覺表達，使人們更容易理解，更協調，易於人們接受呢？

請看下面格式塔的研究結論；

三. 格式塔研究結論

創始人提出的5項基本法則：

1.簡單：

“我們的眼睛在觀看時，眼腦並不是在一開始就區分一個形象的各個單一的組成部分，

而是將各個部分組合起來，使之成為一個更易於理解的統一體。”

個人認為：簡單原理暗合構圖法則，例如最常見的三角形構圖，均衡構圖，對陣構圖，向心式構圖（圓形）、

對角線，X型，構圖等，其目的都是為了在複雜的資訊環境中，構建更易懂的整體。

三角形，X形，斜線在運動廣告中經常用到，均衡適合電商產品展示，產品圖片+文字；

2.相似：

“我們的眼睛很容易關注那些外表相似的物體，且不管它們的位置是不是相鄰，總是把它們聯絡起來”

對應的例項；

從上面的例項可以看出，色彩的差異心理感受更強烈，

大小相似：

根據相似原則，那個方案更合理？

利用色彩的相似，電梯提示合理優化方案

（注：此範例來自IXDC2015高峰會《極簡設計之路》）；

根據酷友的反饋，增加電梯案例說明：

我的理解，黃色代表危險，根據相似率，建議人站的位置如果也用黃色，使用者也許會困惑，黃色的腳印能踩嗎？
中間那個方案，使用了不同顏色，既表明危險的地方，也表明安全的位置，非常容易分辨，似乎是合理的，但為什麼一定要傳達危險的資訊呢？一定要強調“不能”的行為呢？
是否只強調正面的引導就好？感覺第3個方案提示會更友好；

3. 接近：

“單個視覺元素之間無限接近，視覺上會形成一個較大的整體。距離近的單個視覺元素會溶為一個整體，

而單個視覺元素的個性會減弱；”