如果你對某個(gè)設(shè)計(jì)的第一印象非常深刻，又或者你本能的覺得某個(gè)設(shè)計(jì)十分給力，那么其實(shí)極有可能你被“格式塔”了！

目前許多設(shè)計(jì)偏好運(yùn)用一個(gè)或多個(gè)格式塔心理學(xué)的原則。這一舉動不但能讓設(shè)計(jì)有更多靈動的感覺，還比一般的設(shè)計(jì)更容易留住欣賞者得目光。 

格式塔是德文Gestalt的譯音，英文往往譯成form(形式)或shape(形狀)，因此格式塔心理學(xué)所研究的出發(fā)點(diǎn)就是“形”。但這里的形又不止于一般所指的形式或形狀，還包括由知覺活動組織成的經(jīng)驗(yàn)中的整體，中文又譯作“完形”。它認(rèn)為整體決定部分的性質(zhì)，而部分依從于整體。

格式塔心理學(xué)的核心：給不完整的視覺信息尋找最簡單直接的解讀辦法。

除了設(shè)計(jì)，在日常生活的交流中，格式塔心理學(xué)也有發(fā)揮其作用：例如在電郵或信息中的笑臉表情:D，它僅僅由一個(gè)符號加一個(gè)字母，人們卻通過它們表達(dá)了大笑的含義。“符號表情”也是格式塔心理學(xué)在發(fā)揮著作用呢。

格式塔心理學(xué)中最經(jīng)典的案例之一

因此，格式塔心理學(xué)在網(wǎng)頁或應(yīng)用的交互設(shè)計(jì)中，可以指導(dǎo)設(shè)計(jì)師們?nèi)绾卧谟邢薜目臻g中向用戶傳達(dá)更加豐富的信息。靈活的使用格式塔心理學(xué)可以幫助設(shè)計(jì)師去設(shè)計(jì)一個(gè)架構(gòu)或者頁面內(nèi)的從屬關(guān)系，還可以利用這些原則去設(shè)計(jì)頁面內(nèi)一些特別需要用戶注意到的模塊元素，制造一些具有深刻影響的平衡和牢固。這一些設(shè)計(jì)能夠讓用戶更輕易去解讀我們的界面。

我們已經(jīng)大約了解了格式塔心理學(xué)是什么了，那么接下來我們又如何去運(yùn)用格式塔心理學(xué)來讓我們的設(shè)計(jì)更有影響呢。
現(xiàn)在，我們來了解一下格式塔心理學(xué)的五項(xiàng)原則：

• 相似法則：人的潛意識里意識會根據(jù)形狀, 顏色, 大小, 亮度等視線內(nèi)一些相似的元素自動整合成集合或是整體。

我們對比下面這兩幅圖，左邊那幅圖是的黑點(diǎn)，會讓我們覺得他們是一塊整體。這時(shí)候，如果我們將其中的一些黑點(diǎn)換成紅色的點(diǎn)點(diǎn)(右邊那幅圖)，根據(jù)我們在潛意識分類，會自動將黑色的點(diǎn)集合在一起，紅色點(diǎn)集合在一起，各自成為一個(gè)分組。如此一來原本單一的整體就被切開成為五個(gè)組了。（如下）

根據(jù)相似原則，我們很容易的將屬于同種類目的元素集合在一塊。舉個(gè)我們最經(jīng)常會遇到的例子，下圖是個(gè)系統(tǒng)文件夾的內(nèi)容截圖，通常同種類型的文件會以同樣的圖標(biāo)呈現(xiàn)在文件夾里，所以就算文件零散無章，我們也會潛意識地把下面這些文件進(jìn)行分組。

而另一種情況，就是當(dāng)我圈選了一部分文件后，選中的和沒選中的文件就會在視覺上變成了兩組不一樣的內(nèi)容。

因此相似法則可以在如下表單設(shè)計(jì)中得到應(yīng)用，即使輸入框與主體內(nèi)容相隔甚遠(yuǎn)，但是用戶依然會將它們兩個(gè)一一對應(yīng)的聯(lián)系在一起。

• 接近法則 ：在意識里，我們常常傾向于空間上或時(shí)間上接近的元素整合成集合或一個(gè)整體。

繼續(xù)拿之前的點(diǎn)點(diǎn)舉例，這個(gè)時(shí)候的點(diǎn)點(diǎn)們，雖然紅色和黑色排布在一塊，但我們卻會在此時(shí)將距離近的紅色和黑色點(diǎn)歸為一組。

這個(gè)原則在網(wǎng)頁中的頁面內(nèi)容歸組設(shè)計(jì)最常見，通過留白（Whitespace or native space）進(jìn)行頁面內(nèi)容的歸組。
比如底下這個(gè)百度貼吧目錄局部設(shè)計(jì)。通過將同目錄下的內(nèi)容距離稍近的擺放在一塊，并與另一個(gè)目錄隔了一個(gè)比較大的距離。在視覺閱讀上，用戶自然會認(rèn)同以下內(nèi)容分屬兩個(gè)主題。

標(biāo)簽： 交互設(shè)計(jì) 視覺設(shè)計(jì) 格式塔 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。