網(wǎng)站設(shè)計(jì)的世界是不斷變化的，扁平化、極簡(jiǎn)主義、超現(xiàn)實(shí)主義、折衷主義、等距主義、不對(duì)稱、3D、裝飾藝術(shù)的風(fēng)格和潮流總是在變化。每年都有一個(gè)新的趨勢(shì)，不同的網(wǎng)站設(shè)計(jì)方式正在形成。那么，設(shè)計(jì)師們?cè)诰W(wǎng)站設(shè)計(jì)的基礎(chǔ)上又依賴于什么呢？

是視覺感知和人類行為。

是的，這是正確的。人類行為的基本心理傾向相當(dāng)穩(wěn)定，特別是在感知方面。

人類如何看待、處理和感知視覺信息，是設(shè)計(jì)巧妙的網(wǎng)站或應(yīng)用程序的具體基礎(chǔ)，這些設(shè)計(jì)可以讓你的網(wǎng)站或應(yīng)用程序更具親和力和吸引力。

正是在這些方面，德國(guó)心理學(xué)家馬克斯·沃特海默、庫(kù)爾特·科夫卡和沃爾夫?qū)た评沼?0世紀(jì)初創(chuàng)立了格式塔理論——視覺設(shè)計(jì)的心理學(xué)原則的集合。

格式塔不是一個(gè)設(shè)計(jì)師，格式塔甚至不是一個(gè)人。

如上所述，格式塔原則是德國(guó)心理學(xué)家馬克斯·沃特海默、庫(kù)爾特·科夫卡和沃爾夫?qū)た评盏闹腔郛a(chǎn)物，他們都對(duì)發(fā)現(xiàn)人類如何從混亂的刺激中提取信息和有意義的視覺感興趣——我們都必須在混亂中尋找秩序的沖動(dòng)。

現(xiàn)在，這可能看起來與圖形（尤其是標(biāo)識(shí)設(shè)計(jì)）相距甚遠(yuǎn)，但更讓您吃驚的是，您可以使用它們的原則來指導(dǎo)您的設(shè)計(jì)決策。

格式塔理論的基本核心是基于心理學(xué)原理，即人們把一幅畫看作一個(gè)統(tǒng)一的整體，而不是以不同的方式感知每一個(gè)單獨(dú)的部分。

支配網(wǎng)站設(shè)計(jì)的大多數(shù)原則都起源于這種格式塔理論，它由5個(gè)格式塔原則組成，后來又增加了幾個(gè)相關(guān)的原則，我們先來看看格式塔理論的五大原則。

1-鄰近法則

在格式塔心理學(xué)中，接近法則說的是，放在彼此附近的物體被視為一個(gè)群體，這表明它們之間存在一種關(guān)系。

因此，即使沒有文本解釋，一個(gè)設(shè)計(jì)也可以表明這組項(xiàng)目是一個(gè)組，那是另一個(gè)組，這只是利用了接近定律。

作為鄰近原則的衍生，沒有關(guān)系的物體放在一起時(shí)，會(huì)在觀眾中造成混亂，因?yàn)榇竽X想要將它們視為同一組。

如下圖所示，左邊的圖清楚地表明，您正在處理的是6位信息，它們是獨(dú)立的，但是相似的。

在右側(cè)，似乎有三個(gè)主要的信息組，每個(gè)組中有兩個(gè)子點(diǎn)。

因此，在設(shè)計(jì)時(shí)，保持接近法則可以幫助你的觀眾形成正確的解釋，并識(shí)別視覺環(huán)境。

這樣的分組能夠在很大程度上定義您的設(shè)計(jì)的視覺和心理理解。

即使所有的元素在形狀、大小或顏色上都有很大的不同，但放在一起時(shí)它們看起來就像一組。

所以你把什么東西放在一起，什么東西離開，對(duì)用戶形成的感知是至關(guān)重要的。

這張2002年MTV音樂大獎(jiǎng)的照片清楚地向你展示了誰是組織者，誰是贊助商，甚至沒有任何標(biāo)題說明。

它們都是公司的隨機(jī)標(biāo)識(shí)，以自由浮動(dòng)的六邊形排列，然而，你可以通過格式塔原則，確切地知道誰是贊助商，誰是組織者。

2-相似定律

相似原理定律指出，看起來彼此相似的物體被認(rèn)為是一個(gè)群體。

這可能是在大小、形狀、風(fēng)格、意義、功能或任何其他方面顯示相似性的元素。

它們?cè)谝曈X上應(yīng)該以任何方式看起來相似，以確保相似的原則發(fā)揮作用，并幫助觀眾建立聯(lián)想，將物品視為一起和相關(guān)的。

相似原理幫助人們理解相鄰的圖形或重疊的圖像，利用它們不同的外觀和獨(dú)特的視覺元素。

相似定律經(jīng)常與鄰近定律一起工作，創(chuàng)造出一個(gè)整體的畫面，在人們的頭腦中觸發(fā)正確的感知，并建立一個(gè)視覺層次。

3-閉合定律

閉合原理提出，大腦會(huì)迅速填補(bǔ)眼睛看不到的部分。

首先，當(dāng)人類遇到一個(gè)缺少元素的模式時(shí)，大腦往往會(huì)填補(bǔ)這個(gè)空白，并產(chǎn)生一個(gè)完整的畫面。

你能在上面的圖片中看到一個(gè)三角形，這難道不令人驚訝嗎？盡管它實(shí)際上只是三個(gè)像吃豆人一樣的圓圈組合在一起，并切出一個(gè)缺口。

格式塔理論中的閉合原理允許設(shè)計(jì)師在不直接勾畫出他們想要表達(dá)的內(nèi)容的情況下做出一些戲劇性的陳述。

閉包背后的想法是為觀眾提供足夠的信息，讓他們自己得出結(jié)論，然后花一點(diǎn)時(shí)間來欣賞設(shè)計(jì)。

如果不討論保羅·塔加德（Paul Thagard）的《思想與行動(dòng)的一致性》（Coherence in Thought and Action）一書的封面，就很難討論《終結(jié)法則》（law of closure principle）。

這個(gè)例子顯示了八個(gè)由隨機(jī)的線組成的圓圈。

它幫助我們看到一個(gè)三維立方體的良好形式雖然不完全在那里，但它確實(shí)在那里。

4-數(shù)字地面定律

圖形背景的規(guī)律關(guān)系到設(shè)計(jì)的背景與前景之間的和諧關(guān)系。

這些格式塔原則指出，視覺上的元素要么被視為構(gòu)成前景的圖形，要么被視為構(gòu)成設(shè)計(jì)的焦點(diǎn)，要么被視為構(gòu)成規(guī)劃的背景。

正確地使用它可以影響你在哪里吸引眼球，以及你的設(shè)計(jì)的焦點(diǎn)是什么。

如下圖所示，當(dāng)用戶需要執(zhí)行搜索時(shí)，高亮顯示搜索欄可以清楚地確定網(wǎng)站正在監(jiān)聽用戶輸入。一旦掌握了這些格式塔原則，設(shè)計(jì)師學(xué)會(huì)了在圖形和地面之間建立一種關(guān)系，就有大量的空間可以發(fā)揮，可以創(chuàng)造一些引人注目的效果。

圖形基礎(chǔ)定律的一些最好的例子是兩個(gè)設(shè)計(jì)元素都有意義的例子；它們是一幅單獨(dú)的清晰的圖畫，當(dāng)作為一個(gè)整體來看時(shí)，會(huì)產(chǎn)生一種全新的、引人注目的效果。

例如，看看這個(gè)迷人的非洲兒童希望行動(dòng)的標(biāo)志。

你先看到什么？非洲的形象？還是兩個(gè)人類角色的剪影，就像一個(gè)孩子抬頭看著母親？

這兩個(gè)設(shè)計(jì)元素結(jié)合在一起，為非洲兒童創(chuàng)造了一種強(qiáng)烈的希望的情感，極大地公正地對(duì)待了這一倡議。這就是通過格式塔原則進(jìn)行良好設(shè)計(jì)的力量。

再看看熟悉的舊Mac標(biāo)志“一張笑臉”，從側(cè)面看也像一張笑臉，看著像電腦屏幕一樣的東西。

這是不是意味著一旦你使用了Mac電腦，你就會(huì)很開心？

這些視覺元素是一些杰出的例子，如果規(guī)律的圖形根據(jù)。

5-共同區(qū)域定律

共域定律假定在一個(gè)確定的邊界內(nèi)的元素被視為一個(gè)組。

因此，無論每個(gè)單獨(dú)的元素是多么獨(dú)特和不同——如果它與其他細(xì)節(jié)一起出現(xiàn)在一個(gè)封閉的區(qū)域，它就被認(rèn)為與該封閉區(qū)域的所有其他部分都有關(guān)系——公共區(qū)域。

盒子外的物品被認(rèn)為是不同于群體的。

因此，向頁面添加邊框可以建立明確的組，并與頁面上的其他可視元素創(chuàng)建隔離。

與下面的格式塔原則示例一樣，第一幅圖顯示了三組度量標(biāo)準(zhǔn)，它們彼此獨(dú)立且不同。

然而，第二個(gè)圖暗示了所有這三個(gè)度量可以是非常密切相關(guān)的，甚至是同一事物的不同表示。

這就是格式塔理論的五個(gè)原則，它們構(gòu)成了我們今天所遵循的大多數(shù)用戶體驗(yàn)原則的基礎(chǔ)。

在格式塔中還有其他幾個(gè)法則，隨著時(shí)間的推移也變得流行起來，現(xiàn)在在塑造視覺感知中起著關(guān)鍵的作用。其中一些是:

6-共同命運(yùn)的法則

共同的命運(yùn)法則指出，當(dāng)人們看到視覺元素朝同一方向移動(dòng)時(shí)，即使這個(gè)運(yùn)動(dòng)僅僅是在一張完全靜止的照片中暗示出來的，他們也會(huì)傾向于認(rèn)為所有這些元素都是由相同的刺激觸發(fā)的。

他們前往相同的目的地，或至少相似的目的地，因此似乎是在同一潮流。

當(dāng)你看到滾動(dòng)條的移動(dòng)與頁面的移動(dòng)同步時(shí)，這是格式塔視覺層次中共同命運(yùn)法則的一個(gè)經(jīng)典例子。

7-連續(xù)性定律

連續(xù)性定律指出，排列在一條直線或曲線上的元素被認(rèn)為比不落在軌道或曲線上的元素之間的聯(lián)系更緊密。

這個(gè)法則幫助設(shè)計(jì)師呈現(xiàn)視覺線索，讓瀏覽者看到頁面的特定部分，非常熟練地引導(dǎo)他們的視線。

8-對(duì)稱定律

對(duì)稱性法則認(rèn)為，人類傾向于把物體看作是對(duì)稱的形狀，在靠近中心的地方形成，并向兩邊均勻延伸。

因此，對(duì)稱的設(shè)計(jì)很容易在眼睛上，并有助于創(chuàng)造更平衡的組成。

結(jié)論

心理學(xué)和設(shè)計(jì)是兩個(gè)獨(dú)立但又相互交織的世界，雖然它們可以并且確實(shí)獨(dú)立存在，但它們有許多共同的元素和特征，很難忽視它們的存在。

使用格式塔原則乍一看似乎是一項(xiàng)艱巨的任務(wù)，但如果你回顧以前的網(wǎng)站設(shè)計(jì)工作，你無疑會(huì)毫無意義地使用其中的一些原則。有意識(shí)地將這些原則運(yùn)用到你未來的網(wǎng)站設(shè)計(jì)工作中，這對(duì)你和你的客戶都有好處。

而且，當(dāng)你知道如何最好地使用完形心理學(xué)時(shí)，你就可以取悅你的用戶的視覺感受并激發(fā)他們的興趣。