當你(nǐ)對(duì)設計(jì)的(de)第一(yī)印象是 ™(shì)積極的(de),當你(nǐ)本能(néng)的(de)覺得(de)☆≤這(zhè)個(gè)設計(jì)是(shì)好(h"♠ε←ǎo)的(de)時(shí),很(hěn)可(kě)能(nén®→εg)是(shì)因為(wèi)一(yī)個(gè)÷↓≤或者多(duō)個(gè)格式塔感知(zhī)原則在起作(zuò)用(♥ •yòng)。
當你(nǐ)看(kàn)到(dào)設計(jì)β↓中有(yǒu)一(yī)兩個(gè)你(nǐ)欣賞的(d→÷&e)部分(fēn)時(shí),很(hěn)有(yǒu)可(kě¶φ£)能(néng)就(jiù)是(shì)這(z§hè)些(xiē)部分(fēn)遵循了(le)一×✔>¥(yī)個(gè)或多(duō)個(gè)格式塔£β原則。
今天天健世紀科(kē)技(jì)小(xiǎo)編給↕¥大(dà)家(jiā)帶來(lái)格式塔原則中的(de)一(y> ®ī)個(gè)法則——簡潔法則(PrägnanΩ↑z 法則)。
01、什(shén)麽是(shì)簡潔法則
1910 年(nián),心理(lǐ)學家(jiā)馬克斯·韋特海(↑¥hǎi)默(Max Wertheimer)在鐵(tiě)路(lù)↕♦道(dào)口觀察到(dào)一(yī)系列閃爍的♦£±(de)燈光(guāng)時(shí)産生(shē✘™β×ng)了(le)洞察力。
這(zhè)類似于跑馬燈的(de)燈光(guāng)如(rú)何閃爍。對Ω™(duì)觀察者來(lái)說(shuō),好(hǎo)像一(yī)盞燈在選©>框周圍移動,從(cóng)一(yī)個( ✘↑γgè)燈泡到(dào)另一(yī)個(gè)燈泡,而實際上(₹↕shàng)它是(shì)一(yī)系列燈泡打開(kāi)和(hé)關↕'¥閉,而燈并沒有(yǒu)全部移動。
這(zhè)一(yī)觀察導緻了(le)一↕☆ ♣(yī)組關于我們如(rú)何視(shì)覺感知(zhī)物αφ↔₩(wù)體(tǐ)的(de)描述性原則。
這(zhè)些(xiē)原則幾乎是(shì)我們≠∏♣ 作(zuò)為(wèi)設計(jì)師(shī)所做(zu©γò)的(de)一(yī)切圖形工(gōng)作(zuò)的(de)★≤×♠核心。
02、分(fēn)析簡潔法則
人(rén)眼喜歡在複雜(zá)的(de)形狀中找到(dào)簡單和γ''¥(hé)有(yǒu)序——它可(kě)以防止我©£ 們被信息過載所淹沒
庫爾特·考夫卡:“整體(tǐ)不(bù)是↔¶(shì)部分(fēn)之和(hé)”
這(zhè)裡(lǐ)面“和(hé)”代表了(le)γφ✘♦實際上(shàng)并不(bù)存在的(de)東(dōng)西(xī),從(c♦¶óng)圖像中出來(lái)的(de)東(dōng"♣γ)西(xī)是(shì)更多(duō)的(de)、不(bù)同的(≤↕§↓de),你(nǐ)看(kàn)到(dào)的™™¶(de)圖像比大(dà)腦(nǎo)感知(zhī)的(de)圖像更多(♠↑↓ duō)且不(bù)同。
人(rén)們傾向于将事(shì)物(wù)視(shì)為"×✘(wèi)一(yī)個(gè)整體(tǐ),他(tā)們将不(bù)同的(de®♥£&)部分(fēn)粘合在一(yī)起,使他(tā)們成為(wè ₩×i)整體(tǐ);當人(rén)們做(zuò∏♥)事(shì)時(shí),更傾向于将複•≠雜(zá)性降低(dī)到(dào)最簡單的(de)程度。
當我們看(kàn)到(dào)複雜(zá)的(de)形狀時(shí) >¶¥,我們的(de)眼睛會(huì)傾向于将它們轉化(huà)成"∑一(yī)個(gè)單一(yī)的(de)、統一(y >≥♠ī)的(de)形狀來(lái)簡化(huε₽←÷à)這(zhè)些(xiē)形狀,去(qù)除無關的(de)細節,如(rú)÷π≈下(xià)圖:
上(shàng)圖中我們看(kàn)見(jiàn) ÷∏一(yī)條正在喝(hē)水(shuǐ)的(de)狗,我們的(de)眼睛會≤(huì)自(zì)動将它們組成更簡單的(&≠≠←de)整體(tǐ),但(dàn)是(shì)我們将放(fàng)大δ♠(dà)圖片細看(kàn)會(huì)發現<♥(xiàn)它原本并不(bù)是(shì)一(yī)個(gè)整'♦ 體(tǐ),是(shì)我們的(de)眼睛将它它們組成了(le)一(yī∏£Ω×)個(gè)簡單的(de)整體(tǐ),避免的(de)我們的(de)大£Ω®¥(dà)腦(nǎo)在面對(duì)許多(duō)混亂的(de)事(shì±♣)物(wù)時(shí)産生(shēng)焦慮。
如(rú)果你(nǐ)說(shuō)上(shàng)面的(de)圖片中™✔我沒看(kàn)到(dào)狗,那(nà)我們看(kàn)下(xià₽& ₹)面這(zhè)張圖:
圖片是(shì)由一(yī)些(xiē)線Ω♠÷組成,線加上(shàng)空(kōng)間(jiān),但(dàn÷§<)是(shì)我們看(kàn)到(dào)的(de)卻是(shì)不$ ↓←(bù)同的(de),我們可(kě)以很(hěn←&δ→)輕松的(de)看(kàn)到(dào)一(₹∞∏✔yī)個(gè)立方體(tǐ)。
就(jiù)像前面的(de)例子(zǐ)一(yī)樣,我≥$δ們的(de)感知(zhī)系統自(zì)動将線連接起來(lái)了(l≠☆πe),将圖片進行(xíng)了(le)簡化(huà)縮小(xiǎo)差₩→✘距并感知(zhī)成了(le)一(yī)個(gè)立方體♠"" (tǐ),再舉一(yī)個(gè)經典例子(z↓£ǐ)如(rú)下(xià)圖:
大(dà)家(jiā)都(dōu)很(hěn)熟悉的(d♥∞★e)奧林(lín)匹克标志(zhì),我們♣α∏在看(kàn)到(dào)它時(shí)會(h∞±"uì)傾向于将它看(kàn)成5個(gè)重♣σ疊的(de)圓,而不(bù)是(shì)各種彎曲連接線的(de&÷)組合,因為(wèi)連接線的(de)組合會(huì)對≥σ(duì)我們的(de)大(dà)腦(nǎo)造成✘♣不(bù)必要(yào)的(de)負擔。
如(rú)果你(nǐ)覺得(de)我就(jiù)是(≤£shì)将它看(kàn)成的(de)連接線,而且并不(bù)覺得(de)連φ×★接線複雜(zá)。那(nà)我們可(kě)以假設用₹→♦(yòng)最簡單的(de)形式回憶奧林(lφσ≈ín)匹克标志(zhì),是(shì)連接線的(de)回≤§憶使用(yòng)了(le)更少(shǎo)的(deπα×)認知(zhī)資源還(hái)是(shì)圓使用(y↑↓òng)了(le)更少(shǎo)的(de←♠"®)認知(zhī)資源?
03 舉例
1、藝術(shù)中的(de)簡潔法則
簡潔法則在藝術(shù)中有(yǒu)一(yī)個(gè)很(hěn)好(hǎ& o)的(de)例子(zǐ)就(jiù)是(shì)薩爾瓦多(duō)·達利(™₹♣>Salvador Dali)的(de)下(x★™♦ià)面這(zhè)幅畫(huà),他(tā)在¶>γ畫(huà)中創造了(le)狗和(hé)臉的(de)錯(c♥δγ≥uò)覺。
2、簡單的(de)形狀
正如(rú)前面所講的(de),人(rén)們通(tōng)常會(huì)發β®現(xiàn)用(yòng)一(yī)種需要(yào)較少(s§$™hǎo)認知(zhī)努力的(de)方式更♥∑'容易記住和(hé)解釋形狀。
也(yě)就(jiù)是(shì)說(shuō) •↕,人(rén)們發現(xiàn)與抽象的(de)圖像相(xiàn≠♣↔¶g)比,識别和(hé)記住正方形的(de)要(yào)求更低(d ī),舉個(gè)簡單的(de)例子(zǐ):
上(shàng)圖中的(de)三個(gè)形狀中哪個(←±δgè)最容易讓你(nǐ)記住?
很(hěn)顯然是(shì)第一(yī)∏♦↕'個(gè),因為(wèi)第一(yī)個(gè)對(duì)"•₹回憶的(de)需求最少(shǎo),這(zhè)就(jiù)≠£≠是(shì)為(wèi)什(shén)麽在UX設計(jì)我們要(yào)使βε用(yòng)易于理(lǐ)解和(hé)回憶的(de)形α®©式,還(hái)有(yǒu)一(yī)個(gè)關于幾何圖形認知(zhī)€♥負荷:圓形≈矩形≤凸多(duō)邊形<凹多(duō)邊形:★≠±←
在設計(jì)圖标時(shí)我們應該盡可(kě)能(néng)的↑♥±←(de)避免複雜(zá)的(de)形狀,最好(hǎo)将圖标的(de)形狀設計≤÷(jì)成圓形或矩形,這(zhè)樣可(kě)以減少(shǎo)用(yòng)<•↕ 戶對(duì)圖形的(de)認知(zhī∑₩✘)負荷。
3、線框圖(原型)中的(de)簡單法則
鑒于我們的(de)眼睛會(huì)将元素塊組織到γ γ(dào)一(yī)個(gè)頁面中,我們在畫(huà)線框圖(原型)時λ"δλ(shí)就(jiù)應該确立一(yī)個(gè)目标,要(yào)減少(shγ€Ωǎo)用(yòng)戶認知(zhī)負荷,設計(jì)出←→✘大(dà)腦(nǎo)能(néng)快(kuài)速反應的(de¶)形狀和(hé)形式,也(yě)就(jiù)是(shì)¥★<設計(jì)出用(yòng)戶一(yī)眼看(kàn)上(shàng¥±'•)就(jiù)就(jiù)容易感知(zhī)的(de)設計(jì)。
04 總結
1、人(rén)眼喜歡在複雜(zá)的(de)形狀中找到(d→ ♠ào)簡單和(hé)有(yǒu)序,因為(wèi)它可← β(kě)以防止我們被信息淹沒。
2、如(rú)果你(nǐ)想減輕用(yòng)戶的(de♥€)認知(zhī)負荷,你(nǐ)可(kě)以使用(∏★yòng)簡單的(de)表單并以明(míng)顯的(≤✔de)和(hé)預期的(de)方式對(d♣↑uì)它們進行(xíng)分(fēn)組。
3、研究證實,與複雜(zá)的(de)圖形相(xiàng)比,人(♦↑rén)們能(néng)夠更好(hǎo)地(dì)視(shì)覺處理(lǐ)♦↔↔♥和(hé)記住簡單的(de)圖。
4、人(rén)眼通(tōng)過将複雜(zá)的(de)圖形轉¥®•'換為(wèi)單一(yī)、統一(yī)的(de)£®ε圖形來(lái)簡化(huà)它們。
微(wēi)信公衆号
業(yè)務咨詢:400$™ -9969-069(24小(xiǎo)時(shí)服務) 028-86Ω↔÷£052918
售後熱(rè)線:028-86052836
公司地(dì)址:成都(dōu)市✔ε♦ (shì)武侯區(qū)天益街(jiē)38号理(lǐ)想中心3棟1σ<♠810