2.05日(rì)音(yīn)訊,2014視(shì)覺信息最簡方≠≠γ法。除了(le)設計(jì)，在日(rì)常生(shē→≠♠®ng)活的(de)交流中，格式塔心理(lǐ)學也(yφ∑ě)有(yǒu)發揮其作(zuò)用(yòng)：→↕✔®例如(rú)在電(diàn)郵或信息中的(d>↔"≠e)笑(xiào)臉表情:D，它僅僅由一(yī)個(gè)符号加一(yī)個( ≥gè)字母，人(rén)們卻通(tōngλ♣π)過它們表達了(le)大(dà)笑(xiào)的(de)εβ₽ 含義。“符号表情”也(yě)是(shì)φ§格式塔心理(lǐ)學在發揮著(zhe)作✘₩φ≈(zuò)用(yòng)呢(ne)。
格式塔心理(lǐ)學中最經典的(de)案例之一(yī)
因此，格式塔心理(lǐ)學在網頁或應用(yòng)的↕×σ↔(de)交互設計(jì)中，可(kě)以指導設計(jì)師(shī)們如(₩₽'rú)何在有(yǒu)限的(de)空(kōng)間(jiān)中向用(y✘εòng)戶傳達更加豐富的(de)信息。靈活的(de)使用(yòng)格式塔φ♥心理(lǐ)學可(kě)以幫助設計(jì)師(shī)去(≤↔ ≥qù)設計(jì)一(yī)個(gè)架構"π¥或者頁面內(nèi)的(de)從(cónπ$ ®g)屬關系，還(hái)可(kě)以利用(yòng)這(zhè)些(xiē)原©σ則去(qù)設計(jì)頁面內(nèi)一(yī)些(x$εε€iē)特别需要(yào)用(yòng)戶注意到(dào)的(de)™≤π↔模塊元素，制(zhì)造一(yī)些(xiē)具∏•有(yǒu)深刻影(yǐng)響的(de→)平衡和(hé)牢固。這(zhè)一(yī)些(∏♠₹ xiē)設計(jì)能(néng)夠讓用↓↓★♦(yòng)戶更輕易去(qù)解讀(dú)我們的(de)界面。
我們已經大(dà)約了(le)解了(le" )格式塔心理(lǐ)學是(shì)什(shén)麽了(le)，那(nà)麽 £β接下(xià)來(lái)我們又(yòu)如(rú)何去(qù)運用(yòn∞£g)格式塔心理(lǐ)學來(lái)讓我們的(de)設計(jìβ"©)更有(yǒu)影(yǐng)響呢(ne)。
現(xiàn)在，我們來(lái)了(le)解一(yī)下(xi∏≠ à)格式塔心理(lǐ)學的(de)五項原則：
相(xiàng)似法則：人(rén)的(de)潛€↕意識裡(lǐ)意識會(huì)根據形狀,顔色,大(dà)小π☆©(xiǎo),亮(liàng)度等視(shì)線♣™π內(nèi)一(yī)些(xiē)相(xi≤♦àng)似的(de)元素自(zì)動整合成集合或是(&↓×shì)整體(tǐ)。
我們對(duì)比下(xià)面這(zhè)兩幅圖，左邊• 那(nà)幅圖是(shì)的(de)黑(hēi)點，會(huìσΩ≈)讓我們覺得(de)他(tā)們是(shì)一(yī)塊整體(tǐ)。這(z↕±÷↔hè)時(shí)候，如(rú)果我們将其中的(de)一(yī)些(x≈¥ iē)黑(hēi)點換成紅(hóng)色的☆↓ "(de)點點(右邊那(nà)幅圖)，根據我們在潛意識分(f♣₹✔✔ēn)類，會(huì)自(zì)動将黑(hēi)色的(d★×∞↔e)點集合在一(yī)起，紅(hóng)色點集合在一(yī)α®↑起，各自(zì)成為(wèi)一(yī)個(gè)分(fēn)組。如(rú∑')此一(yī)來(lái)原本單一(yī)的(de)整體(t↑∑§ǐ)就(jiù)被切開(kāi)成為(wèi≈←)五個(gè)組了(le)。（如(rú)下(xi&≤'à)）
根據相(xiàng)似原則，我們很(hěn)容易的(de)将屬于同種>&類目的(de)元素集合在一(yī)塊。舉個(gè)∞ ε我們最經常會(huì)遇到(dào)的(de)例子(zǐ)，下(xià)圖是(≠♦€>shì)個(gè)系統文(wén)件(jiàn)夾的(d♥♣$e)內(nèi)容截圖，通(tōng)常同種類型的(de)文(wén)件ε¥ $(jiàn)會(huì)以同樣的(de)圖标呈現↔&∞φ(xiàn)在文(wén)件(jiàn)夾裡(lφ $ǐ)，所以就(jiù)算(suàn)文(wén)件(₽×π¶jiàn)零散無章(zhāng)，我們也(yě)會(h≈ uì)潛意識地(dì)把下(xià)面這(zh≥®∑è)些(xiē)文(wén)件(jiàn)進行(xíng)分(€ fēn)組。
而另一(yī)種情況，就(jiù)是(shì)當我圈選& 了(le)一(yī)部分(fēn)文(wén¶↓λπ)件(jiàn)後，選中的(de)和(hé)沒選£↑中的(de)文(wén)件(jiàn)就(jiù)會(huì)在視(shì)覺✔♦∞₹上(shàng)變成了(le)兩組不(bù)一(yī)樣的(de)內(<<π€nèi)容。
因此相(xiàng)似法則可(kě)以在如(rú)→ 下(xià)表單設計(jì)中得(de)到(dào)應用(y₩λβ₽òng)，即使輸入框與主體(tǐ)內(nèi)容 ☆β相(xiàng)隔甚遠(yuǎn)，但(dàn)是(shì♠♥✘®)用(yòng)戶依然會(huì)将它們兩個(gè)一(yī)一($εΩ§yī)對(duì)應的(de)聯系在一(yī)起。
接近(jìn)法則：在意識裡(lǐ)，我們₽ε≈α常常傾向于空(kōng)間(jiān)上(shàng)∑↕或時(shí)間(jiān)上(shàng)接近φ÷↓(jìn)的(de)元素整合成集合或一(yī)個(¶φ♥gè)整體(tǐ)。
繼續拿(ná)之前的(de)點點舉¥∏€∑例，這(zhè)個(gè)時(shí)候的(de)點點們，雖然紅(hóng)δ§♠色和(hé)黑(hēi)色排布在一(yī)塊，但(dàn)我π☆↕們卻會(huì)在此時(shí)将距離(lí)近(jìn)的∑★(de)紅(hóng)色和(hé)黑(hēi)色點歸為(wèi)一(>Ωyī)組。
這(zhè)個(gè)原則在網頁中₽↕的(de)頁面內(nèi)容歸組設計(jì)最常見↓♣∞±(jiàn)，通(tōng)過留白(bái)（Whitespaceornatσ ↓ivespace）進行(xíng)頁面內(nèi)容的(de)歸組。
比如(rú)底下(xià)這(zhè✘δ<Ω)個(gè)百度貼吧(ba)目錄局部設計(jì)。通(↓$₽↓tōng)過将同目錄下(xià)的(de)內(nèi)容距離(lí)¥∞稍近(jìn)的(de)擺放(fàng)在一(yī)塊，并✔✘€與另一(yī)個(gè)目錄隔了(le)一(yī)個(gè'Ω≠)比較大(dà)的(de)距離(lí)。在視(shì)覺閱讀™β€ (dú)上(shàng)，用(yòng)戶自(zì)然§©會(huì)認同以下(xià)內(nèi)容分↓γ(fēn)屬兩個(gè)主題。
