Chapter Two?我們的視覺(jué)經(jīng)過(guò)優(yōu)化更容易看到結(jié)構(gòu)
????????人類(lèi)是視覺(jué)是整體的:視覺(jué)系統(tǒng)自動(dòng)對(duì)視覺(jué)輸入構(gòu)建結(jié)構(gòu)乾颁,并且在神經(jīng)系統(tǒng)層面上進(jìn)行感知,而不是單純的看到邊、線和區(qū)域蚜迅。例如,我們對(duì)一朵花的感知俊抵,并非純粹單單從對(duì)花的形狀谁不、顏色、大小等感官資訊而來(lái)徽诲,還包括我們對(duì)花過(guò)去的經(jīng)驗(yàn)和印象刹帕,加起來(lái)才是我們對(duì)一朵花的感知吵血。這個(gè)理論叫做視覺(jué)感知的格式塔(Gestalt)原理。
重要的格式塔原理有:接近性偷溺、相似性蹋辅、連續(xù)性、封閉性亡蓉、對(duì)稱(chēng)性晕翠、主體/背景、共同命運(yùn)原理砍濒。
1.接近性原理(親密性)
互相靠近(相對(duì)于其他物體)的物體看起來(lái)屬于一組淋肾,距離較遠(yuǎn)的不是。
應(yīng)用:不使用可見(jiàn)的邊界樊卓,直接通過(guò)拉近某些對(duì)象之間的距離,拉開(kāi)與其他對(duì)象的距離使它們?cè)谝曈X(jué)上成為一組
優(yōu)點(diǎn):減少凌亂感杠河、減少代碼數(shù)量
2.相似性原理(重復(fù)性)
如果物體看起來(lái)相似碌尔,就感覺(jué)屬于一組。
應(yīng)用:將緊密相關(guān)的元素使用相似外觀表現(xiàn)出來(lái)并且擺放在互相靠近的位置
優(yōu)點(diǎn):用戶(hù)易發(fā)現(xiàn)空間之間的相關(guān)性
3.連續(xù)性原理
人類(lèi)視覺(jué)傾向于看到連續(xù)的形式券敌,必要時(shí)甚至?xí)钛a(bǔ)遺漏唾戚。
滑動(dòng)條--這一傾向使得我們眼中的滑動(dòng)條是一個(gè)在其某處有個(gè)手柄的狹槽待诅,而不是由手柄分隔開(kāi)的兩個(gè)狹槽叹坦。
補(bǔ)充例子:橫向滑動(dòng)的分段標(biāo)簽或圖片往往通過(guò)顯示被截?cái)嗟臉?biāo)簽或圖片來(lái)暗示用戶(hù)后面還有內(nèi)容。
4. 封閉性原理
????????我們的視覺(jué)系統(tǒng)自動(dòng)嘗試將敞開(kāi)的圖形關(guān)閉起來(lái)卑雁,以看到整個(gè)物體募书,即使它們是不完整的(類(lèi)似連續(xù)性原理)。
應(yīng)用:應(yīng)用于圖形用戶(hù)界面(GUI)中扣甲。例如篮赢,用疊起來(lái)的形式表示對(duì)象的集合,如文檔或者消息文捶。
5. 對(duì)稱(chēng)性原理
人類(lèi)視覺(jué)系統(tǒng)將非常復(fù)雜的二維圖像解析成三維場(chǎng)景荷逞。
應(yīng)用:在印刷圖片和電腦屏幕上,可以利用視覺(jué)系統(tǒng)對(duì)對(duì)稱(chēng)性原理的依賴(lài)涩澡,用平面來(lái)顯示三維物體顽耳。
6. 主體/背景原理
我們的大腦將視覺(jué)區(qū)域分為主體和背景。主體包括一個(gè)場(chǎng)景中占據(jù)我們主要注意力的所有元素,其余則是背景射富。
場(chǎng)景的特點(diǎn)(我們傾向于認(rèn)為小的物體是主體而大的物體是背景)
觀者的注意力焦點(diǎn)
應(yīng)用:用來(lái)在主要顯示內(nèi)容“之后”放置印象誘導(dǎo)的背景。背景可以傳遞信息(用戶(hù)當(dāng)前所在的位置)或暗示一個(gè)主題胰耗、品牌或者內(nèi)容所表達(dá)的情緒限次。
補(bǔ)充應(yīng)用:用來(lái)在其他內(nèi)容之上彈出信息柴灯。作為用戶(hù)注意力焦點(diǎn)的內(nèi)容臨時(shí)替換成了新信息的背景卖漫,新的信息短暫地作為新的主體(如彈出框,Alert……)
前6種原理均是指非運(yùn)動(dòng)的圖形或?qū)ο螅?為運(yùn)動(dòng)圖形或?qū)ο蟆?/i>
7. 共同命運(yùn)原理
一起運(yùn)動(dòng)的物體被感知為屬于一組或者是彼此相關(guān)的赠群。
應(yīng)用:共同的運(yùn)動(dòng)暗示共同的歷程羊始,在一些動(dòng)態(tài)模擬中可用以展示不同實(shí)體的關(guān)系。
注:總結(jié)都是根據(jù)個(gè)人理解整理記錄查描,若有疑問(wèn)或異議突委,請(qǐng)參考原著~另外期待各位大大們的指正和討論!~(@^_^@)~