如果你對(duì)某個(gè)設(shè)計(jì)的第一印象非常深刻，又或者你本能的覺(jué)得某個(gè)設(shè)計(jì)十分給力，那么其實(shí)極有可能你被“格式塔”了!
目前許多設(shè)計(jì)偏好運(yùn)用一個(gè)或多個(gè)格式塔心理學(xué)的原則。這一舉動(dòng)不但能讓設(shè)計(jì)有更多靈動(dòng)的感覺(jué)，還比一般的設(shè)計(jì)更容易留住欣賞者得目光。
格式塔是德文Gestalt的譯音，英文往往譯成form(形式)或shape(形狀)，因此格式塔心理學(xué)所研究的出發(fā)點(diǎn)就是“形”。但這里的形又不止于一般所指的形式或形狀，還包括由知覺(jué)活動(dòng)組織成的經(jīng)驗(yàn)中的整體，中文又譯作“完形”。它認(rèn)為整體決定部分的性質(zhì)，而部分依從于整體。
格式塔心理學(xué)的核心：給不完整的視覺(jué)信息尋找最簡(jiǎn)單直接的解讀辦法。
除了設(shè)計(jì)，在日常生活的交流中，格式塔心理學(xué)也有發(fā)揮其作用：例如在電郵或信息中的笑臉表情:D，它僅僅由一個(gè)符號(hào)加一個(gè)字母，人們卻通過(guò)它們表達(dá)了大笑的含義。“符號(hào)表情”也是格式塔心理學(xué)在發(fā)揮著作用呢。
格式塔心理學(xué)中最經(jīng)典的案例之一
因此，格式塔心理學(xué)在網(wǎng)頁(yè)或應(yīng)用的交互設(shè)計(jì)中，可以指導(dǎo)設(shè)計(jì)師們?nèi)绾卧谟邢薜目臻g中向用戶傳達(dá)更加豐富的信息。靈活的使用格式塔心理學(xué)可以幫助設(shè)計(jì)師去設(shè)計(jì)一個(gè)架構(gòu)或者頁(yè)面內(nèi)的從屬關(guān)系，還可以利用這些原則去設(shè)計(jì)頁(yè)面內(nèi)一些特別需要用戶注意到的模塊元素，制造一些具有深刻影響的平衡和牢固。這一些設(shè)計(jì)能夠讓用戶更輕易去解讀我們的界面。
我們已經(jīng)大約了解了格式塔心理學(xué)是什么了，那么接下來(lái)我們又如何去運(yùn)用格式塔心理學(xué)來(lái)讓我們的設(shè)計(jì)更有影響呢。
現(xiàn)在，我們來(lái)了解一下格式塔心理學(xué)的五項(xiàng)原則：
相似法則：人的潛意識(shí)里意識(shí)會(huì)根據(jù)形狀, 顏色, 大小, 亮度等視線內(nèi)一些相似的元素自動(dòng)整合成集合或是整體。
我們對(duì)比下面這兩幅圖，左邊那幅圖是的黑點(diǎn)，會(huì)讓我們覺(jué)得他們是一塊整體。這時(shí)候，如果我們將其中的一些黑點(diǎn)換成紅色的點(diǎn)點(diǎn)(右邊那幅圖)，根據(jù)我們?cè)跐撘庾R(shí)分類，會(huì)自動(dòng)將黑色的點(diǎn)集合在一起，紅色點(diǎn)集合在一起，各自成為一個(gè)分組。如此一來(lái)原本單一的整體就被切開(kāi)成為五個(gè)組了。(如下)
根據(jù)相似原則，我們很容易的將屬于同種類目的元素集合在一塊。舉個(gè)我們最經(jīng)常會(huì)遇到的例子，下圖是個(gè)系統(tǒng)文件夾的內(nèi)容截圖，通常同種類型的文件會(huì)以同樣的圖標(biāo)呈現(xiàn)在文件夾里，所以就算文件零散無(wú)章，我們也會(huì)潛意識(shí)地把下面這些文件進(jìn)行分組。
而另一種情況，就是當(dāng)我圈選了一部分文件后，選中的和沒(méi)選中的文件就會(huì)在視覺(jué)上變成了兩組不一樣的內(nèi)容。
因此相似法則可以在如下表單設(shè)計(jì)中得到應(yīng)用，即使輸入框與主體內(nèi)容相隔甚遠(yuǎn)，但是用戶依然會(huì)將它們兩個(gè)一一對(duì)應(yīng)的聯(lián)系在一起。
接近法則 ：在意識(shí)里，我們常常傾向于空間上或時(shí)間上接近的元素整合成集合或一個(gè)整體。
繼續(xù)拿之前的點(diǎn)點(diǎn)舉例，這個(gè)時(shí)候的點(diǎn)點(diǎn)們，雖然紅色和黑色排布在一塊，但我們卻會(huì)在此時(shí)將距離近的紅色和黑色點(diǎn)歸為一組。
這個(gè)原則在網(wǎng)頁(yè)中的頁(yè)面內(nèi)容歸組設(shè)計(jì)最常見(jiàn)，通過(guò)留白(Whitespace or native space)進(jìn)行頁(yè)面內(nèi)容的歸組。
比如底下這個(gè)百度貼吧目錄局部設(shè)計(jì)。通過(guò)將同目錄下的內(nèi)容距離稍近的擺放在一塊，并與另一個(gè)目錄隔了一個(gè)比較大的距離。在視覺(jué)閱讀上，用戶自然會(huì)認(rèn)同以下內(nèi)容分屬兩個(gè)主題。
再例如頁(yè)面的導(dǎo)航設(shè)計(jì)，主導(dǎo)航和輔助導(dǎo)航一般都盡量的靠近，處于同一區(qū)塊。這樣用戶更容易理解到主輔導(dǎo)航的一體性，并會(huì)將輔助導(dǎo)航與內(nèi)容區(qū)別開(kāi)來(lái)。
而在手機(jī)應(yīng)用的設(shè)計(jì)中，接近原則最常見(jiàn)的便是IOS的分組以及導(dǎo)航欄的分隔了。
以上兩條原則及其引申，十分廣泛的應(yīng)用于頁(yè)面內(nèi)容的組織，以及分組設(shè)計(jì)中。對(duì)于引導(dǎo)用戶的視覺(jué)流及方便用戶對(duì)界面的解讀起到非常重要的作用。
閉合法則：當(dāng)元素不完整或者不存在的時(shí)候，依然可以被人們所識(shí)別。
根據(jù)過(guò)去以往的經(jīng)驗(yàn)和視知覺(jué)的整體意愿驅(qū)使，我們習(xí)慣性的將圖形作為一個(gè)整體去觀看，于是我們?cè)谀X袋里將缺少的形狀補(bǔ)充進(jìn)去之后，便形成最終我們識(shí)別出來(lái)的圖形效果。例如下圖這個(gè)圖形，即使缺了一個(gè)小口，人們依然會(huì)根據(jù)自己固有的經(jīng)驗(yàn)，將其視作圓形。
這條規(guī)則最常見(jiàn)的便是圖標(biāo)設(shè)計(jì)，用極簡(jiǎn)的語(yǔ)言傳達(dá)更多的內(nèi)容，例如：
我們同樣也能在網(wǎng)頁(yè)設(shè)計(jì)中發(fā)現(xiàn)閉合原則的蹤影。比如閉合原則讓我們看見(jiàn)導(dǎo)航的存在，或者理解一系列圓圈組成的完整導(dǎo)航而不是一個(gè)個(gè)獨(dú)立的圓圈。
對(duì)稱法則：對(duì)稱的多個(gè)物體會(huì)被作為一個(gè)整體被意識(shí)接受，即使他們之間有一定距離。
對(duì)稱的設(shè)計(jì)會(huì)給人以穩(wěn)定，平衡，一致的感覺(jué)。其中所對(duì)稱并不一定是文字結(jié)構(gòu)，也有可能是顏色或者區(qū)塊性的對(duì)稱。
例如下面這個(gè)bbc news world的導(dǎo)航設(shè)計(jì)，即使中間有所間距，但是對(duì)稱且類似的構(gòu)造模式，使得受眾將其視為一體，明了他們之間的區(qū)別與聯(lián)系。
連續(xù)法則：意識(shí)會(huì)根據(jù)一定規(guī)律做視覺(jué)上的，聽(tīng)覺(jué)上的，或是位移的延伸。
人們的視覺(jué)具備一種運(yùn)動(dòng)的慣性，可以根據(jù)相關(guān)規(guī)律的延伸對(duì)其視覺(jué)流進(jìn)行引導(dǎo)，例如下面這個(gè)網(wǎng)站的視覺(jué)引導(dǎo)。
再比如，手機(jī)設(shè)計(jì)中最常見(jiàn)的便是所謂的露角了。
下面這張便是最常見(jiàn)的coverflow設(shè)計(jì)。即使兩邊的內(nèi)容沒(méi)有完全顯示出來(lái)，但是用戶卻能連貫的將露出來(lái)的內(nèi)容小角與正在閱讀的內(nèi)容輕易地聯(lián)系起來(lái)，明白之后還依然含有內(nèi)容。并且明白如何到達(dá)下一個(gè)內(nèi)容。
另外，在以上五條原則的基礎(chǔ)變換下，后來(lái)的學(xué)者為格式塔總結(jié)出更多的關(guān)于知覺(jué)的法則，如圖形-背景感知，同向原則，尺寸恒定律等等，更多內(nèi)容百度一下，你會(huì)知道更多。
文章來(lái)源：百度MUX