,,

要想產(chǎn)品做的好，小細(xì)節(jié)是絕對不能放過的，要從細(xì)節(jié)作出大產(chǎn)品。今天，天津網(wǎng)站建設(shè)小編就來聊聊設(shè)計中常用的一個心理學(xué)原則——格式塔原則。相信對于這個原則還是有很多設(shè)計師有所了解，但其運(yùn)用就比較少見了。讓我們一起來學(xué)習(xí)一下吧。

　　一、格式塔原則

　　首先簡單介紹一下格式塔原則，格式塔原則分成五個部分：

　　相近（Proximity）：距離相近的各部分趨于組成整體。

　　相似（Similarity）：在某一方面相似的各部分趨于組成整體。

　　封閉（Closure）：彼此相屬、構(gòu)成封閉實體的各部分趨于組成整體。

　　連續(xù)（Continuity）：我們傾向于完整地連接一個圖形，而不是觀察殘缺的線條或形狀。

　　簡單（Simplicity）：具有對稱、規(guī)則、平滑的簡單圖形特征的各部分趨于組成整體。

　　二、說明與舉例

　　相近

　　人們通常把位置相對靠近的事物當(dāng)成一個整體。下面用一幅圖說明：

同樣都是16個圓形，你會把左圖的16個圓形當(dāng)成一個整體；但是右邊那幅圖，上面8個圓形和下面8個圓形分別靠近，所以你會把上面8個圓形當(dāng)成一個整體，下面8個當(dāng)成另外一個整體。

　　這里需要注意的是，相近性作為第一條原則，它的「權(quán)重」非常大，大到可以抵消其他原則，比如為上面的圓形添加顏色，甚至改變其形狀，人們也會把相近的事物當(dāng)成一個整體：

那么相近性原則的實際應(yīng)用，又有哪些呢？較為常見的地方是功能列表頁面，比如設(shè)置，或者像微信的「發(fā)現(xiàn)」頁面那樣的功能列表頁面。大家會把「掃一掃」和「搖一搖」、「購物」和「游戲」當(dāng)成一個整體，這樣可以使界面顯得更加清晰，同時還能突出重點(diǎn)，這個列表的兩頭實際上是最突出的，像「朋友圈」和「小程序」。如果沒有使用格式塔的相近原則，界面就會顯得非常雜亂了。

相似

　　人們會把那些明顯具有共同特性（如形狀、大小、共同運(yùn)動、方向、顏色等）的事物當(dāng)成一個整體。比如下方第一幅圖，大家會把同行的正方形當(dāng)成一個整體，其他圓形當(dāng)成一個整體。第二幅圖，人們就會把大正方形當(dāng)成整體，小正方形當(dāng)成另一個整體。

而這里需要注意的一點(diǎn)是人們對形狀、大小、共同運(yùn)動、方向、顏色的「感受權(quán)重」是不一樣的，在這里顏色屬性會覆蓋其他屬性的影響：

　左邊這幅圖，大家會把正方形當(dāng)成一個整體，加了顏色后的右圖，就變成豎列圓形+方形是個整體了。

　　全面提到了一個叫共同運(yùn)動的東西，估計大家會很陌生，這里以安卓的交互規(guī)范為例，說明共同運(yùn)動。安卓的懸浮按鈕，就是一個用了相似性（共同運(yùn)動）的設(shè)計，點(diǎn)擊右下角的分享，從下往上會出現(xiàn)多個操作按鈕，雖然icon不是一樣的，但是因為同樣是從下往上移動，所以人們會把他們當(dāng)成一個整體。

封閉

　　人會將不完全封閉的東西當(dāng)成一個統(tǒng)一的整體，所以有些時候完全閉合是沒有必要的。比如世界自然基金會的Logo，就是一個典型地用到封閉原則的設(shè)計：

熊貓的頭部和背部并沒有明顯的封閉界限，但是我們依然會把它當(dāng)成一只完整的熊貓。

　　那么封閉性原則又在哪些地方使用呢？這一原則其實很多地方都用到，不過我們一般不叫其為封閉性原則，而是叫截斷式設(shè)計。為了讓用戶感知到還有內(nèi)容，一般我們會使用截斷式設(shè)計。像微信的錢包頁面，底部因為屏幕大小的關(guān)系被截掉了部分內(nèi)容，但是用戶可以通過殘留的部分，“腦補(bǔ)”出下方仍然有個完整的整體：