格式塔原理——圖形與背景、接近、相似、閉合、連續(xù)、簡單、均衡

——格式塔心理學科是認知心理學中的一個重要理論，在視覺設計中已經有較大的影響。若去深究格式塔原理，可能需要相當長的時間來學習理解，作為交互設計師和界面設計師，其實只要理解這幾個原理的含義和使用方法，就可以對自己的設計做出指導和支撐了。

下面來談談我自己對這些原理的理解：

圖形與背景原理

——知覺幫助我們把圖形從背景中分離出來。圖形與背景的對比越大，圖形的輪廓越明顯，則圖形越容易被發(fā)覺。

圖例：當白色方塊越來越大，它就漸漸的退居為背景，而橙色方塊從背景漸漸的變?yōu)榱藞D形。通過面積、顏色、輪廓等等，我們可以較好的把握圖形與背景的關系。

實例：將簽名檔文字灰化，降低與背景的對比，使得簽名檔文字比昵稱和頭像更接近背景，起到了弱化的作用。

接近原理

——距離（位置）相近的各部分趨于組成整體。這是最簡單、也是最常用的原理。

圖例，知覺上更傾向于意識到“3組圓”，而不是“6個圓”：

一個最簡單的應用實例：6個一排的按鈕看上去有點多，而且“過”也混在其中了，將6個按鈕的距離分開一點點，就可以將按鈕分為兩組，從而解決了問題。

另一個案例，產品想要在獎狀面板上加一個分享按鈕，交互建議按鈕放在獎狀外，因為獎狀上加大按鈕容易破壞獎狀原本的整體感（從而可能要修改獎狀），而分享按鈕可能在除獎狀外的多個圖形上用到，導致對按鈕的適應度要求變高：

方案1——需求（請忽略按鈕顏色和質感，這并不是視覺稿）

方案2——交互方案（策劃擔心此方案會導致在較花的游戲界面中，按鈕和獎狀看上去不是一個整體）（請忽略按鈕顏色和質感，這并不是視覺稿）

實際效果——還是覺得“分享給好友”是針對獎狀的，對嗎？這正是“接近原理的力量”（如果再通過程序，給兩塊都加上一些陰影，就更整體了——相似原理）

 

相似原理

——在某一方面相似的各部分趨于組成整體。

圖例，知覺上更傾向于意識到“3組圓（接近）”或“2種圓（相似）”，而不是“6個圓”：

實例：想想看，如果第二排按鈕也是彩色…^_^

實例：利用相似的樣式，使知覺自己將其編組。這個原理其實已經用的很多，就不多說啦。

 

閉合原理

——彼此相屬、構成封閉實體的各部分趨于組成整體。

圖例：知覺上更傾向于意識到“1個圈和1個點”，而不是“9個圓”：

實例：左右兩個方案哪個看上去更簡潔生動呢？

標簽： 交互設計 界面設計 格式塔心理學 

版權申明：本站文章部分自網絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。