格式塔心理學在網(wǎng)頁或應用的交互設計中應用交互設計

1、格式塔心理學在網(wǎng)頁或應用的交互設計中應用交互設計-電腦資料如果你對某個設計的第一印象非常深刻，又或者你本能的覺得某個設計十分給力，那么其實極有可能你被“格式塔”了！目前許多設計偏好運用一個或多個格式塔心理學的原則，格式塔是德文Gestalt的譯音，英文往往譯成form（形式）或shape（形狀），因此格式塔心理學所研究的出發(fā)點就是“形”。但這里的形又不止于一般所指的形式或形狀，還包括由知覺活動組織成的經(jīng)驗中的整體，中文又譯作“完形”。它認為整體決定部分的性質，而部分依從于整體。格式塔心理學的核心：給不完整的視覺信息尋找最簡單直接的解讀辦法。格式塔心理學中最經(jīng)典的案例之一因此，格式塔心理學在網(wǎng)頁

2、或應用的交互設計中，可以指導設計師們如何在有限的空間中向用戶傳達更加豐富的信息。靈活的使用格式塔心理學可以幫助設計師去設計一個架構或者頁面內的從屬關系，還可以利用這些原則去設計頁面內一些特別需要用戶注意到的模塊元素，制造一些具有深刻影響的平衡和牢固。這一些設計能夠讓用戶更輕易去解讀我們的界面。我們已經(jīng)大約了解了格式塔心理學是什么了，那么接下來我們又如何去運用格式塔心理學來讓我們的設計更有影響呢?，F(xiàn)在，我們來了解一下格式塔心理學的五項原則：相似法則：人的潛意識里意識會根據(jù)形狀,顏色,大小,亮度等視線內一些相似的元素自動整合成集合或是整體。我們對比下面這兩幅圖，左邊那幅圖是的黑點，會讓我們覺得他們

3、是一塊整體。這時候，如果我們將其中的一些黑點換成紅色的點點（右邊那幅圖），根據(jù)我們在潛意識分類，會自動將黑色的點集合在一起，紅色點集合在一起，各自成為一個分組。如此一來原本單一的整體就被切開成為五個組了。（如下）根據(jù)相似原則，我們很容易的將屬于同種類目的元素集合在一塊。舉個我們最經(jīng)常會遇到的例子，下圖是個系統(tǒng)文件夾的內容截圖，通常同種類型的文件會以同樣的圖標呈現(xiàn)在文件夾里，所以就算文件零散無章，我們也會潛意識地把下面這些文件進行分組。而另一種情況，就是當我圈選了一部分文件后，選中的和沒選中的文件就會在視覺上變成了兩組不一樣的內容。因此相似法則可以在如下表單設計中得到應用，即使輸入框與主體內容相

4、隔甚遠，但是用戶依然會將它們兩個一一對應的聯(lián)系在一起。接近法則：在意識里，我們常常傾向于空間上或時間上接近的元素整合成集合或一個整體。繼續(xù)拿之前的點點舉例，這個時候的點點們，雖然紅色和黑色排布在一塊，但我們卻會在此時將距離近的紅色和黑色點歸為一組，這個原則在網(wǎng)頁中的頁面內容歸組設計最常見，通過留白(Whitespaceornativespace)進行頁面內容的歸組。比如底下這個百度貼吧目錄局部設計。通過將同目錄下的內容距離稍近的擺放在一塊，并與另一個目錄隔了一個比較大的距離。在視覺閱讀上，用戶自然會認同以下內容分屬兩個主題。再例如頁面的導航設計，主導航和輔助導航一般都盡量的靠近，處于同一區(qū)塊。

5、這樣用戶更容易理解到主輔導航的一體性，并會將輔助導航與內容區(qū)別開來。而在手機應用的設計中，接近原則最常見的便是IOS的分組以及導航欄的分隔了。以上兩條原則及其引申，十分廣泛的應用于頁面內容的組織，以及分組設計中。對于引導用戶的視覺流及方便用戶對界面的解讀起到非常重要的作用。閉合法則：當元素不完整或者不存在的時候，依然可以被人們所識別。根據(jù)過去以往的經(jīng)驗和視知覺的整體意愿驅使，我們習慣性的將圖形作為一個整體去觀看，于是我們在腦袋里將缺少的形狀補充進去之后，便形成最終我們識別出來的圖形效果。例如下圖這個圖形，即使缺了一個小口，人們依然會根據(jù)自己固有的經(jīng)驗，將其視作圓形。這條規(guī)則最常見的便是圖標設計

6、，用極簡的語言傳達更多的內容，例如：我們同樣也能在網(wǎng)頁設計中發(fā)現(xiàn)閉合原則的蹤影。比如閉合原則讓我們看見導航的存在，或者理解一系列圓圈組成的完整導航而不是一個個獨立的圓圈。對稱的設計會給人以穩(wěn)定，平衡，一致的感覺。其中所對稱并不一定是文字結構，也有可能是顏色或者區(qū)塊性的對稱。例如下面這個bbcnewsworld的導航設計，即使中間有所間距，但是對稱且類似的構造模式，使得受眾將其視為一體，明了他們之間的區(qū)別與聯(lián)系。連續(xù)法則：意識會根據(jù)一定規(guī)律做視覺上的，聽覺上的，或是位移的延伸。人們的視覺具備一種運動的慣性，可以根據(jù)相關規(guī)律的延伸對其視覺流進行引導，例如下面這個網(wǎng)站的視覺引導。再比如，手機設計中最常見的便是所謂的露角了。下面這