在界面排版,網(wǎng)頁(yè)廣告設計等視覺(jué)傳達設計工作中,視覺(jué)上的畫(huà)面瑣碎,零散,信息混亂無(wú)序總是視覺(jué)設計師無(wú)可避免的問(wèn)題。
視覺(jué)的整體感做不好,會(huì )給人不舒服,不協(xié)調的心理感受。這些問(wèn)題來(lái)自人們的主觀(guān)感受(“不舒服”,“奇怪”),通常難以描述清楚。
同時(shí),設計師們也意識到:表現作品的整體感與和諧感是十分重要的。無(wú)論是設計師本人或是觀(guān)者,都不欣賞那種混亂無(wú)序的形象。但是,“有毛病,不舒服,奇怪”等直觀(guān)感受的詞匯卻很難幫到設計師修改方案。設計師需要明確的知道“WHY”
多年以來(lái),心理學(xué)家們一直想確定,在知覺(jué)過(guò)程中,人的眼和腦是如何共同起作用的? 而視覺(jué)感知,是其中的重點(diǎn)。
格式塔理心理學(xué)述及了這樣一個(gè)觀(guān)念,即人們的審美觀(guān)對整體與和諧具有一種基本的要求。簡(jiǎn)單地說(shuō),視覺(jué)形象首先是作為統一的整體被認知的,而后才以部分的形式被認知,也就是說(shuō),我們先“看見(jiàn)”一個(gè)構圖的整體,然后才“看見(jiàn)”組成這一構圖整體的各個(gè)部分。
我們可以從格式塔中了解到視覺(jué)形象對人的心理影響,這里也包括了對界面,廣告等視覺(jué)信息的感知;
網(wǎng)上有許多格式塔文章,但觀(guān)念不盡相同。在這里寫(xiě)下我并不成熟的思考,歡迎大家拍磚斧正;
格式塔觀(guān)念
格式塔心理學(xué)派斷言:人們在觀(guān)看時(shí),眼腦并不是在一開(kāi)始就區分一個(gè)形象的各個(gè)單一的組成部分,而是將各個(gè)部分組合起來(lái),使之成為一個(gè)更易于理解的統 一體。此外,他們堅持認為,在一個(gè)格式塔(即一個(gè)單一視場(chǎng),或單一的參照系)內,眼睛的能力只能接受少數幾個(gè)不相關(guān)聯(lián)的整體單位。這種能力的強弱取決于這 些整體單位的不同與相似,以及它們之間的相關(guān)位置。如果一個(gè)格式塔中包含了太多的互不相關(guān)的單位,眼腦就會(huì )試圖將其簡(jiǎn)化,把各個(gè)單位加以組合,使之成為一 個(gè)知覺(jué)上易于處理的整體。如果辦不到這一點(diǎn),整體形象將繼續呈現為無(wú)序狀態(tài)或混亂,從而無(wú)法被正確認知,簡(jiǎn)單地說(shuō),就是看不懂或無(wú)法接受。格式塔理論明確 地提出:眼腦作用是一個(gè)不斷組織、簡(jiǎn)化、統一的過(guò)程,正是通過(guò)這一過(guò)程,才產(chǎn)生出易于理解、協(xié)調的整體。
格式塔理論和研究述及了這樣一個(gè)觀(guān)念,即人們的審美觀(guān)對整體與和諧具有一種基本的要求。簡(jiǎn)單地說(shuō),視覺(jué)形象首先是作為統一的整體被認知的,而后才以部分的形式被認知,也就是說(shuō),我們先“看見(jiàn)”一個(gè)構圖的整體,然后才“看見(jiàn)”組成這一構圖整體的各個(gè)部分。
注:本段文字摘自百度文庫 《格式塔原理及應用》
整體的統一感知:大腦會(huì )將復雜的視覺(jué)內容簡(jiǎn)化為容易理解的整體,如圖所示;
那么,怎樣的視覺(jué)表達,使人們更容易理解,更協(xié)調,易于人們接受呢?
請看下面格式塔的研究結論。
格式塔研究結論
創(chuàng )始人提出的5項基本法則:
1. 簡(jiǎn)單:
“我們的眼睛在觀(guān)看時(shí),眼腦并不是在一開(kāi)始就區分一個(gè)形象的各個(gè)單一的組成部分,
而是將各個(gè)部分組合起來(lái),使之成為一個(gè)更易于理解的統一體?!?/p>
個(gè)人認為:簡(jiǎn)單原理暗合構圖法則,例如最常見(jiàn)的三角形構圖,均衡構圖,對陣構圖,向心式構圖(圓形)、
對角線(xiàn),X型,構圖等,其目的都是為了在復雜的信息環(huán)境中,構建更易懂的整體。



三角形,X形,斜線(xiàn)在運動(dòng)廣告中經(jīng)常用到,均衡適合電商產(chǎn)品展示,產(chǎn)品圖片+文字;
2. 相似:
“我們的眼睛很容易關(guān)注那些外表相似的物體,且不管它們的位置是不是相鄰,總是把它們聯(lián)系起來(lái)”

對應的實(shí)例;

從上面的實(shí)例可以看出,色彩的差異心理感受更強烈,
大小相似:

根據相似原則,那個(gè)方案更合理?

利用色彩的相似,電梯提示合理優(yōu)化方案。
(注:此范例來(lái)自IXDC2015高峰會(huì )《極簡(jiǎn)設計之路》);
根據酷友的反饋,增加電梯案例說(shuō)明:
我的理解,黃色代表危險,根據相似率,建議人站的位置如果也用黃色,用戶(hù)也許會(huì )困惑,黃色的腳印能踩嗎?
中間那個(gè)方案,使用了不同顏色,既表明危險的地方,也表明安全的位置,非常容易分辨,似乎是合理的,但為什么一定要傳達危險的信息呢? 一定要強調“不能”的行為呢?
是否只強調 正面的引導就好? 感覺(jué)第3個(gè)方案提示會(huì )更友好;
3. 接近:
“單個(gè)視覺(jué)元素之間無(wú)限接近,視覺(jué)上會(huì )形成一個(gè)較大的整體。距離近的單個(gè)視覺(jué)元素會(huì )溶為一個(gè)整體,
而單個(gè)視覺(jué)元素的個(gè)性會(huì )減弱;”

整體看來(lái),距離近的關(guān)聯(lián)緊密,距離遠的形成各自獨立的組…
整體上單個(gè)圓的特征已不明顯,但圓球之間的接近組合形成了清晰的矩形整體

利用接近原則,信息組之間用留白區分,頁(yè)面元素會(huì )更簡(jiǎn)潔,閱讀信息時(shí)的干擾也少,相近信息的關(guān)聯(lián)也更緊密;

相同的信息展示,大家覺(jué)得哪種形式更合理?

4. 閉合:
“人們在觀(guān)察熟悉的視覺(jué)形象時(shí),會(huì )把不完整的局部形象當作一個(gè)整體的形象來(lái)感知,這種知覺(jué)上的結束,稱(chēng)之為閉合。如果局部形象過(guò)于陌生或者簡(jiǎn)略,則不會(huì )產(chǎn)生整體閉合聯(lián)想?!?/p>

形狀閉合:大腦會(huì )將形狀趨于完整的形狀閉合,多使用在字體,圖形設計中;

“負形閉合”:畫(huà)面中的負形(留白)會(huì )形成用戶(hù)熟悉的形象,被當做整體感知。
但有時(shí)并不直觀(guān),需要多花費精力領(lǐng)悟,多用在LOGO,海報等藝術(shù)設計中;

“經(jīng)驗閉合”:數字化界面不斷進(jìn)化,迫使人們不斷累積新的認知習慣,更簡(jiǎn)潔的閉合呈現利于內容的傳達,
右圖是形狀閉合,左圖是利用人們已有的實(shí)際經(jīng)驗,
用更少的視覺(jué)元素表達,減輕人在圖形識別上的精力消耗,
經(jīng)驗閉合需要關(guān)注到趨勢變化;

注:“形狀閉合”,“負形閉合”,“經(jīng)驗閉合” 分類(lèi)純屬個(gè)人見(jiàn)解,歡迎拍磚。
5. 連續:
“人的視覺(jué)有追隨一個(gè)方向的延續,以便把元素聯(lián)接在一起,使它們看來(lái)是連續向著(zhù)特定的方向;
連續與閉合并存的情況很多,為了好區分,放一個(gè)閉合的例子做比較;”

連續典型的例子;

通常,2種或以上的規律會(huì )同時(shí)存在,例如數據可視化,同時(shí)用到了連續+閉合;

結語(yǔ):
以上即是通過(guò)格式塔學(xué)習后的思考總結,通過(guò)這些理論知識的學(xué)習減少主工作中的主觀(guān)臆斷,并使設計方案更有依據。另外,格式塔并不局限于視覺(jué)研究,推薦ixdc2105年峰會(huì )主題演講《極簡(jiǎn)設計之路》
感謝各位的觀(guān)看,準備了福利給大家
“簡(jiǎn)單”原則其他角度的闡述,《極簡(jiǎn)設計之路》下載 >>> http://pan.baidu.com/s/1ntCgr7V
聯(lián)系客服