武汉seo
扫码添加武汉seo优化服务微信客服
免费诊断网站,期待与您合作!

本地武汉网络优化公司

5H网络QQ客服:1726663034

在WEB/UI的交互设计中运用格式塔心理学理论

作者:5h网络   来源:互联网    发布时间:2022-03-30


  ui或ux分析需求主要是以人机交互界面为主,而这个需求不仅仅是一些设计、视觉使用体验,在这里体验当中,大家可适当运用一些心理学,比如格式塔理论就是一个很好的分析法。

  格式塔学派是心理学重要流派之一,兴起于20世纪初的德国,又称为完形心理学。由马科斯·韦特墨(1880-1943)、沃尔夫冈·苛勒(1887-1967)和科特·考夫延迟大(1886-1941)1位德国心理学家在研究似动现象的基础上创立。格式塔是德文gestalt的译音,意即“模式、形状、形式”等,意思是指“动态的整体(dynamicwholes)”。(摘自wikipedia)

  理论的创始人与解决的问题:

  wolgangk?hler:

  whydoweseesomethingsasforegroundandothersasbackground?

  为什么大家在观看事物的时候会把一部分当做前景,其余部分当做背景?

  kurtkoffka:

  howisitpossiblethatwecandistinguishshapes?

  为什么大家能区分形状?

  maxwertheimer:

  what’sagoodshape?

  什么形状是好的?

  all:

  howdoweseeconsistencyofthings?

  大家怎样看待事物的一致性?

  格式塔心理学派断言:人们在观看时,眼脑并不是在一开始就区分一个形象的各个单一的组成部分,而是将各个部分组合起来,使之成为一个更易于理解的统一体。此外,他们坚持认为,在一个格式塔(即一个单一视场,或单一的参照系)内,眼睛的水平只能接受少数一些不相关联的整体单位。这种水平的强弱取决于这些整体单位的不同与相似,以及它们之间的相关位置。如果一个格式塔中包含了太多的互不相关的单位,眼脑就会试图将其简化,把各个单位加以组合,使之成为一个知觉上易于处理的整体。如果办不到这一点,整体形象将继续呈现为无序状态或混乱,从而无法被正确认知,简单地说,就是看不懂或无法接受。格式塔理论明确地提出:眼脑功能是一个不断组织、简化、统一的过程,正是根据这一过程,才产生出易于理解、协调的整体。那大家如何组合处理事物,以服从格式塔的结论呢?创始人们提出了5项法则:

  格式塔理论的5法则

  1.接近(proximity)

  2.相似(similarity)

  3.屏蔽闭(closure)

  4.连续(continuity)

  5.简单(simplicity)

  1.接近法则(proximity)

  「接近法则」距离相近的各部分趋于组成整体,强调位置。如下图右边,由于内容太过接近,所以在视觉上会被客户误判为一个整体,但如果像下图左边合理安排结构层次的展现,内容就会清晰越来越多。

  如下图左边,会有10条竖线,但你是不是看成只有5组线条?所以,如果你想完成整体,最简单的方式就是使用「接近法则」。

  4列3行结构

  2.相似法则(similarity)

  相似是不是觉得和「接近法则」一样?但他们确实是不同的两个概念。「相似法则」在某一方面相似的各部分趋于组成整体,强调内容。而接近强调位置。

  人们通常把那些明显具备共同特性(如形状、运动、方向、颜色等)的事物组合在一起。请看下图,你会怎样判断以下竖线之间的关系呢?他们好像是塞进往的一样,为什么大家会有这样的感觉呢?因为从颜色上大家已经把他们作为单独的整体,跟白色线条区分开来。大家换一个角度来思考,黄色线条与白色线条位置上是接近的,也是相似的,但是根据颜色变化很清楚的区分了不同的内容,而且大家很非常容易关注黄色线条。因此,相似中的逆向思维是获取焦点的好方法。这种方法在导航和强调信息部分属性的设计上有着普遍地运用。

  因为有了黄色线区分开来,所以大家会判断有2组线

  如下图右边,地球图标和横线改了颜色和大小,它变得更加突出,但却和旁边2个不相似,造成是2种元素。这种情况下,应该像左边一样,确保元素的统一性。

  3.屏蔽闭法则(closure)

  「屏蔽闭法则」彼此相属、构成屏蔽闭实体的各部分趋于组成整体。

  但是有一个非常有趣的现象值得大家往观察和思考,就是不闭合时候也会完成统一的整体,更确切的说,这种现象是一种不彻底的关闭。这些图形与设计给人以简单,轻轻松松、自由的感觉。所以,彻底的闭合是没有必要的。

  闭合法则的另一个意义,如下图左边,当遇到一个元素缺少或断开时,会寻找一个持续、平滑的样式,换句话说,大家会试图、有意识的往填补空白。

  4.连续法则(continuity)

  「连续法则」凡具备连续性或共同运动方向的部分非常容易被看成一个整体。

  连续理解起来是很简单的,但连续却解决了非常复杂的问题。根据找到非常微小的共性将两个不同的环连接成一个整体。如下图中的字母h和叶子,这彻底是两个不同的图形。但即使这样还是可以根据横线和叶脉这个非常微小的共性连接成一个整体。

  如下图,大家会看到是两个重叠圆,这两个圆是由连续的小圆组成,从视觉上大家不会判断为1种不同的圆,就像1和2之间的交集3,视觉上它是不存在的,除非你往突出它。

  如下图,以下灰色小点是连续的,从视觉上,大家会认为是一个整体,根据绿色点动态全全自动转换,可以提示访客这个画面是可以转换的。

  5.简单(simplicity)

  「简单法则」具备对称、规则、平滑的简单图形特征的各部分趋于组成整体。

  大家一直追求简单的设计,可这个简单并不非常容易完成,越来越多人都在简单问题上做了大量的研究与实践。《简单法则thelawsofsimplicity》是豆瓣里推荐人气很高的一本书,推荐给大家看。

  简化的做法一般是:删除、重组、放弃、隐躲。一些简化设计的例子:

  demo1:表格简化:往掉、隐躲

  demo2:logo简化:往掉、重组。

  demo3:网页菜单简化:隐躲。

  【文章转自印度服务器 http://www.558idc.com/yd.html提供,感恩】


与在WEB/UI的交互设计中运用格式塔心理学理论相关文章