Show 版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 1912年,Gestalt 心理学院(Gestalt School of Psychology)开始研究人类是如何从视觉信息中对模式进行感知的。观察了许多重要的视觉现象并编订了目录。格式塔理论明确地提出:眼脑作用是一个不断组织、简化、统一的过程,正是通过这一过程,才产生出易于理解、协调的整体。我们的视觉系统自动对视觉输入构建结构,并且在神经系统层面上感知形状,图形和物体,而不是只看到互不相连的边,线和区域。“形状”和“图形”在德语中是“Gestalt”,因此这些理论也被称为视觉感知的格式塔(Gestalt)原理。 相近性法则(Proximity)接近法则是格式塔理论中最为我们所熟知的,也是我们最常用到的一项法则。对于互相接近的物体,我们往往将其归属于同一个组说的是物体之间的相对距离会影响我们感知它们是否以及如何在一起。相对于其它物体来说,彼此之间靠近的物体看起来属于一组。越接近,组合在一起的可能性就越大,强调的是位置。如下图(图1),我们在意识中会将其分为两组。
图1 接近原则被广泛应用于页面内容的组织,以及分组设计中。对于引导用户的视觉流及方便用户对界面的解读起到非常重要的作用,通过接近原则对同类内容进行分组,同时留下间距,会给用户的视觉以秩序和合理的休憩。 相似原则(Similarity)相似,听起来跟接近非常类似,但是他们确实是不同的两个概念。接近强调位置,而相似则强调内容。人们通常把那些明显具有共同特性(如形状、大小、颜色等)的事物组合在一起,即相似的部分在知觉中会形成若干组。在图4中,我们会将黑帽子蛋和红帽子蛋自然的分成两组。
图2
图3 在页面设计中分类使用文本、颜色、图像等,可以更好的区分各个模块和内容。如下图(图4)中雅虎读书导航,通过相似原则我们很容易的将一级导航和二级导航区分开来。
图4 换一个角度来思考,颜色的变化很清楚的区分了不同的内容,相似中的逆向思维是获取焦点的好方法。这种方法在导航和强调部分信息的设计上有着广泛地应用,如图5。
图5 包围法则(Enclosure)当物体被一条线或颜色等围绕起来形成边界,我们往往将边界内的物体归属于同一个组。如图6所示。 图 6 封闭原则(Closure)当元素不完整或者不存在的时候,依然可以被人们所识别。根据过去以往的经验和视知觉的整体意愿驱使,我们习惯性的将图形作为一个整体去观看,于是我们在脑袋里将缺少的形状补充进去之后,便形成最终我们识别出来的图形效果。如下图(图7),没有三角形和圆,但是在我们心理模型中填充缺失的信息,创建我们熟知的形状和图形。
图7 连续原则(Continuity)与封闭性相关的是连续原则,连续原则说的是我们的视觉倾向于感知连续的形式而不是零散的碎片。在图形设计中,使用了连续原则的一个最广为人知的例子就是IBM的标志。它由非连续性的蓝色块组成,但一点也不含糊,我们很容易就能识别出三个粗体字母,就像透过百叶窗看到的效果一样,见图8。
图8 连接性法则(Connection)对于连接在一起的物体,我们往往认为这些物体归属于同一个组。 我們在生活中,視覺元素的組織是心智上的基本,如果長期接觸到平面設計領域的人,都會聽到一個超級有名的理論,格式塔心理學(Gestalt theory),這個辭源自德語也有人叫完形心理學。 為什麼心理學跟平面設計有什麼關係?當然有一點關係,只是常常運用只是不知道那叫什麼沒有討論過又或者只是說用上去也不容易,他探討人類感知的視覺的過程結果。 格式塔心理學的起源格式塔心理學這個理論,它這個要討論起來會非常深,今天會說四種法則—接近法則、相似法則、連續法則、閉合法則,這些其實也都是不用透過學習而得來的,大腦會去自行拼湊,很特殊。 說到它的起源必須說到心理學家魏特海默(Max Wertheimer)在1910年,在從維也納前往萊茵蘭度假的火車上,無意間直覺窗外的風景產生的視錯覺,以及紅綠燈切換左右來回造成視覺上好像在動,他後來定義為似動現象。 Photo by JK on Unsplash以這個裡理論建構下創立格式塔心理學,魏特海默便與科勒(Wolfgang
Kohler)、考夫卡(Kurt Koffka)兩位年輕助教研究。 他花了十年研究認知理論才有現在的格式塔心理學。 格式塔心理學是現代西方心理學界內容定義極為複雜、完整體系,是影響較深的心理學派別,主要貫徹「主體大於個體」定義下建立。 接近法則(law of proximity)我們人都喜歡看接近的東西,用群組方式感覺他就是一個或者一系列,什麼意思?魏特海默用一個簡單圖示說明就懂了。 當人們看成一排這樣的黑點,這樣的黑點更多的時候會看成兩兩一對,而非一個空一個一對的。 又或者,是一個許多個點,如果橫排的黑點接近的話,會看成橫的一條;同理,直線接近也看成直的方式。 平面設計中的網格編排也有運用到這種法則成立以及Windows的開機畫面在動也有這種效果。 世界知名公司,IBM,那八條橫線就是運用了這種法則。 Photo by Carson Masterson on Unsplash相似法則(law of similarity)聽起來與接近法則相似,但比較不同的是如果相似與不相似放在一起呢? 如果一個畫面裡面,我們會選擇看相似性的東西,也就是說,有造型或色彩一樣的話,會選擇看一樣的事物。 最好玩的例子,如果有在用電腦,不免會遇到你是不是機器人偵測之類的,看到有9張圖片你會看到相似的東西,要你選,沒錯那就是相似法則喔。 連續法則(law of continuation)我們前面說到人們都喜歡看接近的東西以外還喜歡看簡單的東西,一個圖裡如果有複雜與簡單,我們會選擇簡單的東西試圖理解。 就好像有文字跟懶人包圖,我們會先看圖再去看文字的意思一樣。 心理上已經認知簡單圖像後,如果兩個間單圖形碰撞交疊後,像是橢圓被切去方形,大腦卻會認知橢圓形與方形而已。 閉合法則(law of closure)在一項相似的特徵集結時,如果空出來有的缺處,我們會當作閉合的圖形,也就是說大討會自動填補空缺形狀,我們會看最簡單的形狀。 美國國際運通公司Fedex的標誌中「E」跟「X」中間有一個空格剛好有一個箭頭。 Photo by Liam Kevan on Unsplash家樂福(Carrefour)在法文的意思是十字路口(Crossroads),因此有雙向箭頭以及裡頭空了一個「C」。 Carrefour的LOGO.wikipedia大家熟悉的瑞士的伯爾尼(Bern)產出三角巧克力TOBLERONE,因為該地有些時候被認為是熊的城市,所以金三角巧克力的標誌裡有山以及空著一隻測深的熊。 TOBLERONE . wikipedia本站有部分連結與商家有合作關係,若透過我的連結購買,我會獲得少數佣金,讓我可以持續營運網站,但並不會影響您的任何權益,詳情查看免責聲明及使用條款。 如果你經常大量使用圖片的話,本網站推薦三個好用的平台:
看更多素材文章內容.... 如果我的文章對你有幫助,也歡迎贊助我一杯咖啡。 文章引用請來信索取授權,否則將保留法律追訴權。 |