2015-12-21 周周
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
小編語(yǔ):大家在看這篇文章的時(shí)候,我們現(xiàn)了解一個(gè)概念——格式塔學(xué)派。
格式塔學(xué)派(德語(yǔ):Gestalt theorie)是心理學(xué)重要流派之一,興起于20世紀(jì)初的德國(guó),由馬科斯·韋特墨(Max.Wetheimer,1880~1943)、苛勒(W.kohler,1887~1967)和考夫卡(K.Koffka,1886~1941)三位德國(guó)心理學(xué)家在研究似動(dòng)現(xiàn)象的基礎(chǔ)上創(chuàng)立。格式塔是德文Gestalt的譯音,意即"模式、形狀、形式"。Configuration(配置;結(jié)構(gòu);外形)”等,意思是指“能動(dòng)的整體(dynamic wholes)”又稱為“完形心理學(xué)”。
在文章末尾有給大家一些資源,以便更好地理解格式塔理論。這是設(shè)計(jì)基礎(chǔ),希望大家能好好讀一下。
好了,我們進(jìn)入文章正題。
1910年,心理學(xué)家馬科斯·韋特墨(Max Wertheimer,他是格式塔心理學(xué)創(chuàng)始人)很有洞察力,他觀察發(fā)現(xiàn)一系列的燈光在鐵路道口上不斷地閃爍。這是類似于使用燈光圍繞著影院選框不斷地閃爍。
小編在這里找了張圖以便大家更好理解上面說(shuō)的是什么意思
通過(guò)觀察,看起來(lái)就好像是一個(gè)光繞著選框,從一個(gè)燈泡到另一個(gè)燈泡的移動(dòng),在現(xiàn)實(shí)中,一系列的燈泡不斷閃爍并且燈光不能移動(dòng)。
這個(gè)觀察報(bào)告說(shuō)明一組原理——我們?nèi)绾卧谝曈X(jué)上直觀的感知對(duì)象。我們作為設(shè)計(jì)師,而這些原則幾乎是我們所做的一切圖形設(shè)計(jì)的核心。
這是一系列關(guān)于設(shè)計(jì)原則的帖子。為什么我們要從格式塔原則開(kāi)始呢,因?yàn)槲覀冏駨牡脑S多設(shè)計(jì)原則都出自格式塔理論。在這篇文章中,我會(huì)給你們講述一點(diǎn)理論和提供一些格式塔原則的基本定義。
在本系列后續(xù)的文章中將考慮設(shè)計(jì)其他方面,例如空間,平衡性,和視覺(jué)層次。在接下來(lái)的帖子中,我會(huì)指出那些格式塔原則會(huì)影響設(shè)計(jì)這一方面,并且我會(huì)提供更多的實(shí)際應(yīng)用和例子關(guān)于格式塔原則在網(wǎng)頁(yè)設(shè)計(jì)中是如何使用的。
格式塔理論背后的關(guān)鍵思想
“整體是不同于部分之和的—— Kurt Koffka”
上面引用的話是對(duì)格式塔心理學(xué)簡(jiǎn)單的概括。當(dāng)人們看到一組對(duì)象時(shí),在我們看到單個(gè)物體之前,我們先察覺(jué)到它們的整體性。我們看到的整體比部分的總和還多,即使是部分被徹底分成獨(dú)立的尸體,我們也會(huì)把他們作為一個(gè)整體看成一個(gè)組。
有幾個(gè)格式塔理論背后的關(guān)鍵思想:
1出現(xiàn)(Emergence),在部分之前整體是先被看出的。
出現(xiàn)(Emergence)的過(guò)程中形成了從簡(jiǎn)單的規(guī)則到復(fù)雜的圖案過(guò)程。當(dāng)試圖識(shí)別一個(gè)對(duì)象時(shí)候,我們先去確定它的輪廓。然后我們知道去找形狀和物體來(lái)和這個(gè)輪廓圖案相匹配。只有通過(guò)這個(gè)大綱模式匹配整個(gè)出現(xiàn)之后,我們開(kāi)始識(shí)別部分構(gòu)成整體。
在設(shè)計(jì)時(shí),請(qǐng)記住,首先人們會(huì)通過(guò)他們的一般認(rèn)知形式來(lái)確定元素。一個(gè)簡(jiǎn)單明確的對(duì)象比將一個(gè)詳細(xì)的對(duì)象,更迅速地傳達(dá)了很難辨認(rèn)的輪廓。
一個(gè)簡(jiǎn)單明確的對(duì)象比將一個(gè)詳細(xì)充滿細(xì)節(jié)的對(duì)象,更迅速地傳達(dá)出很難辨認(rèn)的輪廓。
2具象化/物化(Reification)(我們的腦海會(huì)填補(bǔ)這些空缺)
物化是知覺(jué)得一個(gè)方面,其中感知的對(duì)象包含比什么是實(shí)際存在的更多的空間信息。當(dāng)我們?cè)噲D匹配我們看到的已經(jīng)存儲(chǔ)在腦海中的熟悉的模式,我們會(huì)發(fā)現(xiàn)總是沒(méi)有完美的匹配模式。相反,我們會(huì)找一個(gè)近似匹配,然后填補(bǔ)空白,而這個(gè)空白則是我們認(rèn)為我們應(yīng)該看到內(nèi)容。
具象化表明我們不需要呈現(xiàn)一個(gè)完整的輪廓,以便觀眾看到它。我們可以省去部分的輪廓,只要我們提供它足以讓一個(gè)足夠接近的模式來(lái)匹配。你可以看封閉原則下一些例子。
3多穩(wěn)態(tài)現(xiàn)象(Multi-stability)(大腦力圖避免不確定性)
多穩(wěn)態(tài)現(xiàn)象是在模糊不清的感性經(jīng)驗(yàn)傾向之間不穩(wěn)定反復(fù)移動(dòng)的另類解讀。一些對(duì)象可以被感知的方法不止一種。在下面文章圖像/背景這一塊有一個(gè)例子,也許你之前見(jiàn)過(guò)這個(gè)例子。這張圖片可以看作是兩個(gè)人臉的側(cè)面,也可以看作是一個(gè)花瓶。
你不能立刻同時(shí)看到兩個(gè)。反而你會(huì)快速在兩個(gè)可供選擇的物體之間來(lái)回反復(fù)的穿梭。一個(gè)往往會(huì)成為你的主導(dǎo)觀念,并且時(shí)間越長(zhǎng)你越不能夠看到另一面,并且想要看到其他的看法會(huì)更困難。
從設(shè)計(jì)的角度來(lái)看,如果你想改變別人的看法,不要試圖立刻改變它。找到一個(gè)辦法讓他們看到一個(gè)選擇(二中選一),然后努力加強(qiáng)他們已選定的觀點(diǎn),從而削弱原有觀念。
4不變性(Invariance )(我們擅長(zhǎng)辨別異同)
不變性是知覺(jué)的一個(gè)屬性,其中簡(jiǎn)單的對(duì)象是公認(rèn)的獨(dú)立旋轉(zhuǎn)(rotation),平移(translation)和尺寸(scale)。由于我們常會(huì)從不同的角度遇到物體,所以我們已經(jīng)具備了一種認(rèn)知它們的能力,盡管它們的外觀不同。想象一下,如果你認(rèn)識(shí)的某人,如他們直接站在你面前,面對(duì)著你,你可以認(rèn)出來(lái);如果他們轉(zhuǎn)到側(cè)面,你便不能立刻認(rèn)出他們側(cè)臉。盡管是不同的視覺(jué)角度,但我們?nèi)匀豢梢宰R(shí)別認(rèn)出人們。
你可以看到這些想法在下面的原則中是怎樣運(yùn)用的。主要的思想是格式塔原則是關(guān)于感知的和視覺(jué)傳達(dá)的對(duì)象是什么。原則和視覺(jué)語(yǔ)言是我們的工作核心。
格式塔原則
多數(shù)原則是相對(duì)容易理解。因?yàn)闀?huì)有一個(gè)共同的主題貫穿在其中。
“其他所有條件都相同,相關(guān)的元素X往往是視覺(jué)感知分組成高階單元。”——斯蒂芬·帕爾默
下面的許多原則將遵循這一模式。原則可以定義為X或者高階的感知。
PR?GNANZ 定律(好圖, 簡(jiǎn)單法則)
小編在這里給大家解說(shuō)一下 :
(格式塔學(xué)派最基本的規(guī)則是蘊(yùn)涵律(pr?gnanz),閉合律Law of Closure;相似律Law of Similarity;
接近律Law of Proximity;對(duì)稱律Law of Symmetry;連續(xù)律Law of Continuity)
“人們會(huì)用一種最為簡(jiǎn)單的形式來(lái)感知和解釋含糊不清或復(fù)雜的圖像”
這是格式塔的基本原則。我們更喜歡簡(jiǎn)單,干凈和有秩序的東西。直覺(jué)上這些東西更安全。了解這些原則會(huì)讓我們?cè)谔幚硪恍?fù)雜或者危險(xiǎn)的突發(fā)狀況時(shí)花費(fèi)的時(shí)間更少。
當(dāng)面對(duì)復(fù)雜的形狀,我們傾向于把它們重組成簡(jiǎn)單的組件或變成一個(gè)簡(jiǎn)單的整體。你看到上圖左邊由簡(jiǎn)單的圓,正方形和三角形組成,就像你看到的右邊圖形,而不是作為復(fù)雜和模糊的整體形狀。
在這種情況下,看到三個(gè)獨(dú)特的物體比看到一個(gè)復(fù)雜的對(duì)象要簡(jiǎn)單。在其它情況下,看到單個(gè)對(duì)象是簡(jiǎn)單的,因此給我們帶來(lái)了…(也就是下面的原則)
閉合性原則(CLOSURE)
“當(dāng)我們看到一些復(fù)雜排列的元素時(shí),我們趨向于尋找一個(gè)更為單一可辨識(shí)的圖案模式?!?
正如PR?GNANZ 定律和閉合性原則一樣,都在尋求簡(jiǎn)單純粹。閉合性恰巧與我們看到上面PR?GNANZ 圖片總結(jié)的定律(三個(gè)簡(jiǎn)單獨(dú)特的圖形比一個(gè)圖形更簡(jiǎn)單)是相反的。在閉合原則中,我們用部分形成一個(gè)簡(jiǎn)單的正題。我嗯的眼睛填補(bǔ)這些丟失的信息從而形成一個(gè)完整的圖像。
在左上圖中,你應(yīng)該看到一個(gè)白色的三角形,即使這個(gè)圖像實(shí)際上是由三個(gè)黑色的像吃豆人一樣的圖形組成。在右邊的圖片中,你看一只大熊貓,即使它是由一些隨意的圖形組成的。我們看到的三角形和大熊貓實(shí)際上要比我們看單個(gè)部分要簡(jiǎn)單的多。
閉合原則被認(rèn)為是維持元素的粘合劑。這是關(guān)于人類傾向于尋求和發(fā)現(xiàn)的模式。
閉包的關(guān)鍵是提供足夠的信息,讓眼睛可以填寫(xiě)其余。如果丟失的信息元素太多,元素將被視為獨(dú)立的部分,而不是一個(gè)整體。如果提供太多的信息,閉合原則就沒(méi)有必要存在。
對(duì)稱和秩序
“人們往往傾向于感知圍繞勻稱物體的中心對(duì)稱的形狀?!?
對(duì)稱性給了我們堅(jiān)固和秩序的感覺(jué),這一點(diǎn)正是我們傾向于尋找的。這是我們的本性強(qiáng)加給混亂秩序。這一原則導(dǎo)致我們?cè)诮M合物中想要一種平衡,雖然我們的組合物不需要是完全對(duì)稱的,以保持平衡。
在上面的圖片中,您應(yīng)該看到三對(duì)雙括號(hào),三個(gè)左括號(hào),三個(gè)右括號(hào)。接近的原則,稍后我們會(huì)在這篇文章中,可能會(huì)建議我們應(yīng)該看到別的東西。這表明對(duì)稱優(yōu)先于接近。
由于我們的眼睛會(huì)很快發(fā)現(xiàn)對(duì)稱和秩序,這些原則可以用來(lái)迅速有效地傳達(dá)信息。
圖/背景(FIGURE/GROUND)
“元素被視為圖(聚焦中的元素)還是地面(圖像中余下的背景)?!?
圖/背景指的是正形和負(fù)形元素之間的關(guān)系。這個(gè)理念是眼睛會(huì)從它們的背景中區(qū)分整個(gè)圖形為了理解究竟看到了什么。這是人們首先要做的事情之一就是看任何的構(gòu)成成分。
圖和背景的關(guān)系是否穩(wěn)定取決于哪個(gè)更容易看出來(lái)。左上圖中一個(gè)經(jīng)典的例子,圖和背景的關(guān)系是不穩(wěn)定。你看到一個(gè)花瓶或是兩個(gè)人的側(cè)臉,取決于你是將看到的黑顏色作為圖形,白色作為地面,還是將白色作為圖形,黑色作為背景。你可以很容易地兩種看法之間來(lái)回穿梭,這展示了它們之間不穩(wěn)定的關(guān)系。
更加穩(wěn)定的關(guān)系,我們就可以引導(dǎo)觀眾更好地專注于我們想要看到的。兩個(gè)相關(guān)原則可以幫助我們:
區(qū)域面積:兩個(gè)重疊的對(duì)象中較小的被視為圖。較大的被視為背景。你可以看右上圖。較小的形狀是圖(聚焦中心),忽視顏色。
凹凸性:人們趨向于認(rèn)為凸面的模式要比凹面的模式更能聚焦,因此凸面常被看作是圖。
統(tǒng)一的連通性
“元素在視覺(jué)上連續(xù)性被認(rèn)為是相關(guān)的多元素沒(méi)有連接。”
在下面的圖片中,線連接了兩對(duì)元素。這種聯(lián)系讓我們覺(jué)得被連接的元素在某些方面是相關(guān)的。
所有原則都暗示了物體是相關(guān)的,統(tǒng)一的連貫性這一原則是最能說(shuō)明的。在上圖中,盡管我們看到兩個(gè)方和兩個(gè)圓,我們看到兩對(duì)方-圓組合關(guān)聯(lián)性更強(qiáng),因?yàn)樗鼈兊囊曈X(jué)連貫性。需要注意的是線是不需要被感知的連接元素。
共同的領(lǐng)域(COMMON REGIONS)
“如果它們位于同一個(gè)封閉的區(qū)域,那么元素會(huì)被認(rèn)為是這一組的一部分?!?
另一種方式顯示元素之間的連接方式是用某種方式包圍它們。圍場(chǎng)中的一切都被看作是相關(guān)的。圍場(chǎng)區(qū)域外的被看作是獨(dú)立的一部分。下圖中的圓圈都是相同的,然而我們看到兩個(gè)不同的團(tuán)體,每個(gè)圍場(chǎng)中的圓圈在某種方式上都是相關(guān)的。
表達(dá)一個(gè)共同的區(qū)域的典型方式是在相關(guān)元素周圍畫(huà)一個(gè)盒子,就像我上面畫(huà)的那樣。把元素放在不同背景顏色要比它們?cè)谥苯咏佑|的周圍環(huán)境中起作用。
接近原則
“更接近一起的對(duì)象比進(jìn)一步分開(kāi)的對(duì)象被認(rèn)為更相關(guān)?!?
接近原則和共同領(lǐng)域相似,但使用空間作為圍場(chǎng)(外殼)當(dāng)元素的位置接近另一個(gè)時(shí),它們被看作是一個(gè)組的一部分,而不是作為單獨(dú)的元素。當(dāng)一組中的元素比它們到組外的任何元素更加靠近的時(shí)候,這是尤其真實(shí)。
為了被認(rèn)為是有接近的關(guān)系,任何其他方式中對(duì)象不都需要類似,超過(guò)在空間中相近的元素成為一組的范圍。
連續(xù)定律
“在直線上或者曲線上的元素比不在直線或者曲線上的元素被認(rèn)為更相關(guān)?!?
我們會(huì)本能的跟隨一條河流,是一條小路或者一條警戒線。一旦你在一個(gè)特定的方向看或是移動(dòng),你在這個(gè)方向繼續(xù)看或者是移動(dòng)直到你看到一些重要的東西或者你斷定沒(méi)有什么重要的東西要看。
這一原則的另一個(gè)解釋是,我們將繼續(xù)我們的感知形狀超出了他們的終點(diǎn)。在上面的圖片中,我們看到一條線和曲線交叉,而不是四個(gè)不同的線和曲線段匯在了一個(gè)點(diǎn)上。
共同性(同步性)COMMON FATE (SYNCHRONY)
到這里小編來(lái)總結(jié)一下格式塔的組織原則:1圖形與背景;2接近性和連續(xù)性;3完整和閉合傾向;4相似性;5轉(zhuǎn)換率;6共同方向運(yùn)動(dòng)。
“在同一方向上的元素比固定元素或者是朝不同方向移動(dòng)的元素更為緊密相關(guān)?!?
不管相距多遠(yuǎn)元素放置或他們看起來(lái)多么不同,如果他們被視為一起移動(dòng)或改變,它們會(huì)被認(rèn)為是相關(guān)的。
元素不需要為了共同方向運(yùn)動(dòng)這一原則的存在而移動(dòng)。
更重要的是他們有一個(gè)共同的目的地。例如,如果四個(gè)人他們聚在一起,但其中兩個(gè)被發(fā)現(xiàn)頭朝右,他們?nèi)匀槐灰暈橛泄餐\(yùn)動(dòng)性。即使兩個(gè)只朝同一個(gè)方向看,但他們?nèi)匀槐豢醋魇怯泄餐\(yùn)動(dòng)性的。
在上面的圖片中,箭頭就足以表明元素共享一個(gè)共同的命運(yùn)。而運(yùn)動(dòng)或變化是沒(méi)有必要的,共同命運(yùn)的跡象比像箭頭一樣的東西或者是僅暗示朝同一個(gè)方向看的動(dòng)作都要強(qiáng)大。
平行性/類似性(PARALLELISM)
“相互平行的元素比不平行的元素更為密切相關(guān)?!?
這一原則類似于上面的共同命運(yùn)的原則。行(lines)通常解釋為在某方向指向或移動(dòng)。平行線被視為指向或朝著同一個(gè)方向,因此它們是相關(guān)的。
應(yīng)該注意,并行性被認(rèn)為,線條也可以曲線或形狀,盡管后者的形狀應(yīng)該有些行式為了他們出現(xiàn)能夠平行。
相似原則(SIMILARITY)
“有相似特征元素比沒(méi)有相似特征的元素被認(rèn)為更為緊密相關(guān)”
任意數(shù)量的特征都可以是相似的:顏色、形狀、大小、紋理等。當(dāng)觀眾看到這些類似的特征,他們認(rèn)為這些元素被認(rèn)為是相關(guān)的,是由于它們的共同特點(diǎn)。
在下圖,紅色圓圈與其他紅色圓圈和黑色圈與黑色圓圈被認(rèn)為是相關(guān)的,是由于相似的顏色。紅色和黑色圓圈被看作是彼此不同的,盡管他們都是圓形。
一個(gè)明顯的地方在網(wǎng)上找到相似的顏色鏈接。一般來(lái)說(shuō),內(nèi)部鏈接內(nèi)容用相同的樣式,通常用藍(lán)色和下劃線。這讓觀眾知道,不同的部分文本是相關(guān)的。一旦一個(gè)人發(fā)現(xiàn)是一個(gè)鏈接,其它也是鏈接。
焦點(diǎn)(focal points)
“有一個(gè)興趣點(diǎn),強(qiáng)調(diào)或差異元素都將捕獲并吸引觀眾的注意力?!?
這個(gè)原則表明,我們的注意力會(huì)朝著相反方向,朝向不像其他某種方式的元素。在下面的圖片中,你的眼睛應(yīng)該被方形吸引。這是一個(gè)與其它元素不同的形狀和顏色。我也給了它一個(gè)陰影,以進(jìn)一步強(qiáng)調(diào)它。
焦點(diǎn)原則可能起于我們需要快速識(shí)別未知來(lái)警告我們潛在的危險(xiǎn)。
相似原則和焦點(diǎn)原則是有聯(lián)系的,其他元素之間沒(méi)有相似的存在焦點(diǎn)也是看不見(jiàn)的。
過(guò)去的經(jīng)驗(yàn)
“元素往往根據(jù)觀察者的過(guò)去的經(jīng)驗(yàn)被感知。”
過(guò)去的經(jīng)驗(yàn)也許是最弱的完形原理。與任何的其他原則相結(jié)合,其他原則將主導(dǎo)過(guò)去經(jīng)驗(yàn)原則。
過(guò)去的經(jīng)驗(yàn)是的個(gè)體,所以很難做出假設(shè)如何感知。然而我們分享共同的經(jīng)驗(yàn)。例如,很多顏色的意義產(chǎn)生于過(guò)去的經(jīng)驗(yàn)。
看到貫穿于我們生活中的紅綠燈,我們希望紅色意味著停止和綠色意味著前進(jìn)。由于這三個(gè)常見(jiàn)的顏色,你可能認(rèn)為上圖是作為一個(gè)紅綠燈放在那。這就是過(guò)去的經(jīng)驗(yàn)在起作用。
我們的許多共同經(jīng)驗(yàn)也往往是文化上的。顏色又提供了范例。在一些國(guó)家,白色被認(rèn)為是純潔和無(wú)邪的,黑色則是代表邪惡和死亡。在其他國(guó)家,這些解釋是相反的。約定時(shí)可能出現(xiàn)的經(jīng)驗(yàn)通常是共有的,但同樣重要的是要記住,我們并不都有著相同的經(jīng)歷。
總結(jié)
格式塔原則是很重要的理解。他們是我們做為視覺(jué)設(shè)計(jì)師作為一切的基礎(chǔ)。它們描述了在視覺(jué)上每個(gè)人如何感知對(duì)象。
上述原則應(yīng)該是比較容易理解。它們中大多數(shù),定義和圖像可能是你需要了解的原則。與此同時(shí),理解這些原則的基本思路和理解它們是如何影響設(shè)計(jì)是不一樣的。
在未來(lái)幾周內(nèi),我們將看到更多的格式塔如何影響設(shè)計(jì)。我們將看到如何對(duì)稱性幫助我們平衡的組成以及如何結(jié)合聯(lián)絡(luò)點(diǎn)和相似性使我們能夠在設(shè)計(jì)中營(yíng)造視覺(jué)層次。
在我們學(xué)習(xí)那些之前,我們將深入探討圖像和背景的關(guān)系,并考慮我們?cè)氐目臻g關(guān)系。這就是我要寫(xiě)這一系列文章的原因。
藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.sillybuy.com