App設(shè)計體系之格式塔原理
App設(shè)計體系之格式塔原理
交互設(shè)計原則:格式塔原理
格式塔心理學誕生于1912年,是由德國心理學家組成的研究小組試圖解釋人類視覺的工作原理?!靶螤睢焙汀皥D形”在德語中是Gestalt,因此這些理論也稱為視覺感知的格式塔原理。
包括七項原則:相似性、接近性、連續(xù)性、閉合性、簡單法則/對稱性、主題背景、共同命運。
1、相似性
有共同視覺元素的物體看起來更有關(guān)聯(lián)性,且不管他們的位置是不是相鄰,總是把他們聯(lián)系起來,我們傾向于將看起來相似的對象視為一組或者一個模式。
網(wǎng)易云音樂的金剛區(qū)的5個圖標是一個整體,推薦歌單中都是由圖和文字組成,也是一個整體。

2、接近性
等同于四大基本原則中的親密性原則:要看親不親,就看離的近不近,離得近則被看作一個整體。
App Store中的“大家都在用”和下方圖標距離比上方圖標要近的多,因此“大家都在用”和下方內(nèi)容是一個整體。

3、連續(xù)性
我們的視覺偏向于感知連續(xù)的形式而不是離散的碎片,在閱讀上更有連貫性。

4、閉合性
人類的心智模型會在視覺上自動將空出/殘缺的圖形閉合或腦補出來,從而將其感知為完整的物體而不是零碎的物體,在設(shè)計上,合理運用閉合性,隱藏某些部分,即節(jié)省空間也不影響理解。


5、主體背景
視覺區(qū)域分為主體和背景 2 個部分,突出主要模塊或?qū)蛹?,?nèi)容與背景顏色區(qū)分。

6、共同命運
共同命運原理指出我們傾向于將同樣操作的物體,感知為一個彼此相關(guān)的整體。
微博編輯已添加的分類,左上角都有“x”,這就是共同命運。

拓展
停頓
在瀏覽“有節(jié)奏”的feed流時會出現(xiàn)一些推薦,通常推薦內(nèi)容的樣式與列表內(nèi)容不一樣,這種停頓是一種抓住用戶注意力很好的方法。

視覺路線
盡可能縮短視覺的路徑,根據(jù)人的閱讀習慣,重要且需要突出的放在左邊,不太重要的放在右邊。

一個界面會使用多個設(shè)計原理,可能會產(chǎn)生預期相反的副作用,為了消除這種影響,在設(shè)計好之后,逐一使用各個原理對界面進行走查。























