編者按：看了那么多的格式塔科普文章假栓，仍然不懂？有這篇就夠了霍掺！想要在界面排版匾荆、網(wǎng)頁設(shè)計(jì)中讓整體視覺井然有序，舒服協(xié)調(diào)抗楔，格式塔就是必須掌握的知識咯棋凳，今天的教程用深入淺出的方式給同學(xué)們科普格式塔原理以及在設(shè)計(jì)上的運(yùn)用，包含大量實(shí)例连躏，新手也可以輕松看懂剩岳！
在界面排版，網(wǎng)頁廣告設(shè)計(jì)等視覺傳達(dá)設(shè)計(jì)工作中入热，視覺上的畫面瑣碎拍棕，零散，信息混亂無序總是視覺設(shè)計(jì)師無可避免的問題勺良。
視覺的整體感做不好绰播，會(huì)給人不舒服，不協(xié)調(diào)的心理感受尚困。這些問題來自人們的主觀感受（“不舒服”蠢箩，“奇怪”），通常難以描述清楚。
同時(shí)谬泌，設(shè)計(jì)師們也意識到：表現(xiàn)作品的整體感與和諧感是十分重要的滔韵。無論是設(shè)計(jì)師本人或是觀者，都不欣賞那種混亂無序的形象掌实。但是陪蜻，“有毛病，不舒服贱鼻，奇怪”等直觀感受的詞匯卻很難幫到設(shè)計(jì)師修改方案宴卖。設(shè)計(jì)師需要明確的知道“WHY”
多年以來，心理學(xué)家們一直想確定邻悬，在知覺過程中症昏，人的眼和腦是如何共同起作用的？ 而視覺感知拘悦，是其中的重點(diǎn)齿兔。
格式塔理心理學(xué)述及了這樣一個(gè)觀念，即人們的審美觀對整體與和諧具有一種基本的要求础米。簡單地說分苇，視覺形象首先是作為統(tǒng)一的整體被認(rèn)知的，而后才以部分的形式被認(rèn)知屁桑，也就是說医寿，我們先“看見”一個(gè)構(gòu)圖的整體，然后才“看見”組成這一構(gòu)圖整體的各個(gè)部分蘑斧。
我們可以從格式塔中了解到視覺形象對人的心理影響靖秩，這里也包括了對界面，廣告等視覺信息的感知竖瘾；
網(wǎng)上有許多格式塔文章沟突，但觀念不盡相同。在這里寫下我并不成熟的思考捕传，歡迎大家拍磚斧正惠拭；
格式塔觀念
格式塔心理學(xué)派斷言：人們在觀看時(shí)，眼腦并不是在一開始就區(qū)分一個(gè)形象的各個(gè)單一的組成部分庸论，而是將各個(gè)部分組合起來职辅，使之成為一個(gè)更易于理解的統(tǒng)一體。此外聂示，他們堅(jiān)持認(rèn)為域携，在一個(gè)格式塔（即一個(gè)單一視場，或單一的參照系）內(nèi)鱼喉，眼睛的能力只能接受少數(shù)幾個(gè)不相關(guān)聯(lián)的整體單位秀鞭。這種能力的強(qiáng)弱取決于這些整體單位的不同與相似趋观，以及它們之間的相關(guān)位置。如果一個(gè)格式塔中包含了太多的互不相關(guān)的單位气筋，眼腦就會(huì)試圖將其簡化拆内，把各個(gè)單位加以組合旋圆，使之成為一個(gè)知覺上易于處理的整體宠默。如果辦不到這一點(diǎn)，整體形象將繼續(xù)呈現(xiàn)為無序狀態(tài)或混亂灵巧，從而無法被正確認(rèn)知搀矫，簡單地說，就是看不懂或無法接受刻肄。格式塔理論明確地提出：眼腦作用是一個(gè)不斷組織瓤球、簡化、統(tǒng)一的過程敏弃，正是通過這一過程卦羡，才產(chǎn)生出易于理解、協(xié)調(diào)的整體麦到。
格式塔理論和研究述及了這樣一個(gè)觀念绿饵，即人們的審美觀對整體與和諧具有一種基本的要求。簡單地說瓶颠，視覺形象首先是作為統(tǒng)一的整體被認(rèn)知的拟赊，而后才以部分的形式被認(rèn)知，也就是說粹淋，我們先“看見”一個(gè)構(gòu)圖的整體吸祟，然后才“看見”組成這一構(gòu)圖整體的各個(gè)部分。
注：本段文字摘自百度文庫 《格式塔原理及應(yīng)用》
整體的統(tǒng)一感知：大腦會(huì)將復(fù)雜的視覺內(nèi)容簡化為容易理解的整體桃移，如圖所示屋匕；
那么，怎樣的視覺表達(dá)借杰，使人們更容易理解过吻，更協(xié)調(diào)，易于人們接受呢第步？
請看下面格式塔的研究結(jié)論疮装。
格式塔研究結(jié)論
創(chuàng)始人提出的5項(xiàng)基本法則：
1. 簡單：
“我們的眼睛在觀看時(shí)，眼腦并不是在一開始就區(qū)分一個(gè)形象的各個(gè)單一的組成部分粘都，
而是將各個(gè)部分組合起來廓推，使之成為一個(gè)更易于理解的統(tǒng)一體◆嫠恚”
個(gè)人認(rèn)為：簡單原理暗合構(gòu)圖法則樊展，例如最常見的三角形構(gòu)圖，均衡構(gòu)圖，對陣構(gòu)圖专缠，向心式構(gòu)圖（圓形）雷酪、
對角線，X型涝婉，構(gòu)圖等哥力，其目的都是為了在復(fù)雜的信息環(huán)境中，構(gòu)建更易懂的整體墩弯。
三角形吩跋，X形，斜線在運(yùn)動(dòng)廣告中經(jīng)常用到渔工，均衡適合電商產(chǎn)品展示锌钮，產(chǎn)品圖片+文字；
2. 相似：
“我們的眼睛很容易關(guān)注那些外表相似的物體引矩，且不管它們的位置是不是相鄰梁丘，總是把它們聯(lián)系起來”
對應(yīng)的實(shí)例；
從上面的實(shí)例可以看出，色彩的差異心理感受更強(qiáng)烈，
大小相似：
根據(jù)相似原則二拐，那個(gè)方案更合理？
利用色彩的相似混蔼，電梯提示合理優(yōu)化方案。
（注：此范例來自IXDC2015高峰會(huì)《極簡設(shè)計(jì)之路》）珊燎；
根據(jù)酷友的反饋惭嚣，增加電梯案例說明：
我的理解，黃色代表危險(xiǎn)悔政，根據(jù)相似率晚吞，建議人站的位置如果也用黃色，用戶也許會(huì)困惑谋国，黃色的腳印能踩嗎槽地？
中間那個(gè)方案，使用了不同顏色芦瘾，既表明危險(xiǎn)的地方捌蚊，也表明安全的位置，非常容易分辨近弟，似乎是合理的缅糟，但為什么一定要傳達(dá)危險(xiǎn)的信息呢？ 一定要強(qiáng)調(diào)“不能”的行為呢祷愉？
是否只強(qiáng)調(diào) 正面的引導(dǎo)就好窗宦？ 感覺第3個(gè)方案提示會(huì)更友好赦颇；
3. 接近：
“單個(gè)視覺元素之間無限接近，視覺上會(huì)形成一個(gè)較大的整體赴涵。距離近的單個(gè)視覺元素會(huì)溶為一個(gè)整體媒怯，
而單個(gè)視覺元素的個(gè)性會(huì)減弱；”
整體看來髓窜，距離近的關(guān)聯(lián)緊密扇苞，距離遠(yuǎn)的形成各自獨(dú)立的組…
整體上單個(gè)圓的特征已不明顯，但圓球之間的接近組合形成了清晰的矩形整體
利用接近原則纱烘，信息組之間用留白區(qū)分杨拐，頁面元素會(huì)更簡潔，閱讀信息時(shí)的干擾也少擂啥，相近信息的關(guān)聯(lián)也更緊密；
相同的信息展示帆阳，大家覺得哪種形式更合理哺壶？
4. 閉合：
“人們在觀察熟悉的視覺形象時(shí)，會(huì)把不完整的局部形象當(dāng)作一個(gè)整體的形象來感知蜒谤，這種知覺上的結(jié)束山宾，稱之為閉合。如果局部形象過于陌生或者簡略鳍徽，則不會(huì)產(chǎn)生整體閉合聯(lián)想资锰。”
形狀閉合：大腦會(huì)將形狀趨于完整的形狀閉合阶祭，多使用在字體绷杜，圖形設(shè)計(jì)中；
“負(fù)形閉合”：畫面中的負(fù)形（留白）會(huì)形成用戶熟悉的形象濒募，被當(dāng)做整體感知鞭盟。
但有時(shí)并不直觀，需要多花費(fèi)精力領(lǐng)悟瑰剃，多用在LOGO齿诉，海報(bào)等藝術(shù)設(shè)計(jì)中；
“經(jīng)驗(yàn)閉合”：數(shù)字化界面不斷進(jìn)化晌姚，迫使人們不斷累積新的認(rèn)知習(xí)慣粤剧，更簡潔的閉合呈現(xiàn)利于內(nèi)容的傳達(dá)，
右圖是形狀閉合挥唠，左圖是利用人們已有的實(shí)際經(jīng)驗(yàn)抵恋，
用更少的視覺元素表達(dá)，減輕人在圖形識別上的精力消耗猛遍，
經(jīng)驗(yàn)閉合需要關(guān)注到趨勢變化馋记；
注：“形狀閉合”号坡，“負(fù)形閉合”，“經(jīng)驗(yàn)閉合” 分類純屬個(gè)人見解梯醒，歡迎拍磚宽堆。
5. 連續(xù)：
“人的視覺有追隨一個(gè)方向的延續(xù)，以便把元素聯(lián)接在一起茸习，使它們看來是連續(xù)向著特定的方向畜隶；
連續(xù)與閉合并存的情況很多，為了好區(qū)分号胚，放一個(gè)閉合的例子做比較籽慢；”
連續(xù)典型的例子；
通常猫胁，2種或以上的規(guī)律會(huì)同時(shí)存在箱亿，例如數(shù)據(jù)可視化，同時(shí)用到了連續(xù)＋閉合弃秆；
結(jié)語：
以上即是通過格式塔學(xué)習(xí)后的思考總結(jié)届惋，通過這些理論知識的學(xué)習(xí)減少主工作中的主觀臆斷，并使設(shè)計(jì)方案更有依據(jù)菠赚。另外脑豹，格式塔并不局限于視覺研究，推薦ixdc2105年峰會(huì)主題演講《極簡設(shè)計(jì)之路》
