格式塔理論為界面設(shè)計準(zhǔn)則提供的相關(guān)的基礎(chǔ)理論和原理支撐，一起來了解下吧！
「格式塔」一詞并沒有確切的翻譯，因此我們采用了它的德文音譯（Gestalt），也有將其譯成「完形」也就是完形心理學(xué)。完形心理學(xué)和格式塔心理學(xué)只是不同譯法的區(qū)別而已。
格式塔心理學(xué)誕生于 1912 年，是由德國心理學(xué)家組成的研究小組試圖解釋人類視覺的工作原理。他們觀察了許多重要的視覺現(xiàn)象并對它們編定了目錄。其中最基礎(chǔ)的發(fā)現(xiàn)是人類視覺是整體的：我們的視覺系統(tǒng)自動對視覺輸入構(gòu)建結(jié)構(gòu)，并在神經(jīng)系統(tǒng)層面上感知形狀、圖形和物體，而不是只看到互不相連的邊、線和區(qū)域！感螤睢购汀笀D形」在德語中是 Gestalt，因此這些理論也稱作視覺感知的格式塔原理。
格式塔創(chuàng)始人總結(jié)的七個基本原則：
- 接近性原則
- 相似性原則
- 連續(xù)性原則
- 閉合性原則
- 簡單對稱性原則
- 主體與背景原則
- 共同命運原則
1. 接近性原則
在上圖的兩個圖形組合中，我們可以看出「A」中的圓角矩形給我們的視覺效果是以橫向的「行」為單位進行組合，而「B」中更像是以「列」為單位進行組合。因「A」每兩個圓角矩形之間的間距橫向 20px 大于豎向30px，而「B」與之相反所以會產(chǎn)生這樣的視覺效果。距離近的關(guān)聯(lián)親密，距離遠(yuǎn)的就各自獨立分組這就是格式塔理論中的接近性原則。
在視覺效果上，圖上單獨的特征已經(jīng)不是特別明顯了，替換而來的是接近組合形成了層次分明的整體。
我們在做版式設(shè)計時會把圖文信息以不同形狀、大小、顏色分組排列，在視覺上營造視覺層次，便于用戶閱讀。如上圖元素以組的形式分布在海報中的各個位置，形成不同大小的視覺層次，讓我們能夠依次看到主要信息、次要信息、輔助信息等內(nèi)容。
上圖微信的發(fā)現(xiàn)頁面中，把功能分組用戶，硬性分割每組是一個整體。而 App store 中的「探索更多」和「為你推薦」和下方內(nèi)容距離更近，在中間沒有明確分割線的情況下進行軟性分割，用戶也會知道他們和下方內(nèi)容是一個整體。
2. 相似性原則
人們在觀察事物的過程中經(jīng)常會將相近或者相似的東西自動的合并在一起，如上圖中我們會在視覺中默認(rèn)分為「灰-粉-灰」三部分。人們在感知事物過程中會形成的心理模型，相似的物體默認(rèn)歸屬于一組，這就是格式塔的相似性原則。
上圖中的郵件界面就是格式塔相似性原則的體現(xiàn)。我們在瀏覽的過程中，會從心理上默認(rèn)把縱向的郵件圖標(biāo)、發(fā)件人、郵箱標(biāo)題等自動歸為一類。
因擁有共同的視覺元素具有聯(lián)系性，上圖是以「圖片+標(biāo)題+作者」為一個模塊，從而在視覺上我們把界面分成一個個組類。
3. 連續(xù)性原則
因人眼的視覺會偏向連續(xù)的形式，使閱讀上更具有連貫性，在觀察事物的過程中會情不自禁地形成一種視覺延續(xù)的感受，這就是格式塔的連續(xù)性原則。
上圖中 IBM 的 logo，我們之所以能看出來是 IBM，就是因為我們在視覺上看到的不是離散的線條，而是連續(xù)的圖形。
「上圖」就是我們在閱讀過程中形成的視覺延續(xù)的體現(xiàn)，有橫向或縱向的閱讀模式。因此，在設(shè)計中有效的對齊可以減弱用戶的視覺疲勞感，不打破視覺的連續(xù)性。
4. 閉合性原則
閉合性與連續(xù)性比較相似。真實的圖形是非閉合的，但在視覺上我們會自動把空白填滿形成封閉的空間，這就是格式塔的閉合性原則。
圖中 IBM 的 logo，我們的視覺會將非閉合事物進行閉合處理。
「上圖」中我們的視覺系統(tǒng)自動的嘗試將敞開的圖形封閉起來，從而將其感知為完整的物體而不是分散的碎片。
5. 簡化對稱性原則
在觀察事物過程中，我們第一印象更傾向于簡單而且對稱的圖形，這就是格式塔的簡化對稱性原則。
「上圖」中是屬于人類視覺的自然感知，①屬于一種視覺經(jīng)驗第一時間感知，而②和③屬于視覺的強烈感知，是通過分析和解析。
「上圖」就是格式塔的簡化對稱性的體現(xiàn)，用戶在瀏覽的的過程中有效減輕了閱讀壓力。
6. 主體與背景原則
當(dāng)小圖形重疊大圖形之上，我們的視覺會傾向于將小圖形歸為主體，大色塊為背景，這就是格式塔中的主體與背景原則。如「下圖」。
「上圖」就是利用了主體與背景的原理，體現(xiàn)了圖形之間的共生關(guān)系，凸顯主體與背景。
7. 共同命運原則
共同命運是為運動物體的體現(xiàn)，與接近性原理和相似性原理相像，都與我們的視覺系統(tǒng)會有著給對象進行分組來感知事物的傾向相關(guān)，但是一起運動的物體會被感知為屬于同一組或是彼此相關(guān)這樣的一種視覺現(xiàn)象，這就是格式塔中的共同命運原則。
「上圖」選中的圖形 02、07、08、12、13、14、21、22，我們在處理的過程當(dāng)中，會默認(rèn)把它們歸為一類。
「上圖」格式塔理論中共同命運涉及到運動的物體，iPhone 中刪除應(yīng)用時候，左上角都有一個刪除的標(biāo)記，在處理的過程中，要么刪除，要么保留，這就是共同命運原則。
格式塔原則的體現(xiàn)在設(shè)計中比比皆是，我們只有更好的利用視覺空間設(shè)計作品，減少設(shè)計的復(fù)雜性，盡量保持格式塔原則的完整，用戶才能更好更容易地理解使用我們的產(chǎn)品。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。