在WEB/UI的交互设计中运用格式塔心理学理论-平度网站建设_平度网络推广-助创网络科技有限公司
青岛平度网站建站制作推广

平度网站建设制作

  咨询电话: 151-66663-3273(王经理)

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

发布时间:2017-09-06

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

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

理论的创始人与解决的问题:
Why do we see some things as foreground and others as background?
为什么我们在观看事物的时候会把一部分当做前景,其余部分当做背景?
How is it possible that we can distinguish shapes?
为什么我们能区分形状?
What’s a good shape?
什么形状是好的?
How do we see consistency of things?
我们怎样看待事物的一致性?

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

格式塔理论的五法则
1. 接近(Proximity)
2. 相似(Similarity)
3. 封闭(Closure)
4. 连续(Continuity)
5. 简单(Simplicity)

1. 接近法则(Proximity)
「接近法则」距离相近的各部分趋于组成整体,强调位置。如下图右边,由于内容太过接近,所以在视觉上会被用户误判为一个整体,但如果像下图左边合理安排结构层次的展现,内容就会清晰很多。如下图左边,会有10条竖线,但你是不是看成只有5组线条?所以,如果你想实现整体,最简单的方式就是使用「接近法则」。

2. 相似法则(Similarity)
相似是不是觉得和「接近法则」一样?但他们确实是不同的两个概念。「相似法则」在某一方面相似的各部分趋于组成整体,强调内容。而接近强调位置。
人们通常把那些明显具有共同特性(如形状、运动、方向、颜色等)的事物组合在一起。请看下图,你会怎样判断下面竖线之间的关系呢?他们好像是塞进去的一样,为什么我们会有这样的感觉呢?因为从颜色上我们已经把他们作为单独的整体,跟白色线条区分开来。我们换一个角度来思考,黄色线条与白色线条位置上是接近的,也是相似的,但是通过颜色变化很清楚的区分了不同的内容,而且我们很容易关注黄色线条。因此,相似中的逆向思维是获取焦点的好方法。这种方法在导航和强调信息部分属性的设计上有着广泛地应用。
因为有了黄色线区分开来,所以我们会判断有2组线.如下图右边,地球图标和横线改了颜色和大小,它变得更加突出,但却和旁边2个不相似,造成是2种元素。这种情况下,应该像左边一样,保证元素的统一性。

3. 封闭法则(Closure)
「封闭法则」彼此相属、构成封闭实体的各部分趋于组成整体。
但是有一个非常有趣的现象值得我们去观察和思考,就是不闭合时候也会实现统一的整体,更确切的说,这种现象是一种不完全的关闭。这些图形与设计给人以简单,轻松、自由的感觉。所以,完全的闭合是没有必要的。闭合法则的另一个意义,如下图左边,当遇到一个元素缺少或断开时,会寻找一个持续、平滑的样式,换句话说,我们会试图、有意识的去填补空白。

4. 连续法则(Continuity)
「连续法则」凡具有连续性或共同运动方向的部分容易被看成一个整体。
连续理解起来是很简单的,但连续却解决了非常复杂的问题。通过找到非常微小的共性将两个不同的环连接成一个整体。如下图中的字母H和叶子,这完全是两个不同的图形。但即使这样还是可以通过横线和叶脉这个非常微小的共性连接成一个整体。

5. 简单(Simplicity)
「简单法则」具有对称、规则、平滑的简单图形特征的各部分趋于组成整体。
我们一直追求简单的设计,可这个简单并不容易实现,很多人都在简单问题上做了大量的研究与实践。《简单法则 The laws of simplicity》是豆瓣里推荐人气很高的一本书,助创推荐给大家看。


本文来自平度品牌网站建设网站设计制作公司-助创网络

标签:助创,平度网站设计公司,移动网站建设,高端网站建设,企业网站建设


上一篇:这款给医生的专业APP,设计上有着怎样不同的要 下一篇:更好的表单设计,从这6个设计策略开始

Copyright 2002-2020 青岛助创网络科技有限公司 版权所有  备案号:鲁ICP备17047700号-5    网站地图    XML TXT

助创网络是一家高端品牌网站建设公司,主营业务响应式网站开发,H5自适应网页设计制作,搜索引擎SEO优化(百度优化、360优化、搜狗神马优化),网站关键词快速排名,企业网络营销推广业务,深耕高端网站建设,有众多集团公司、上市公司网站设计案例,是互联网品牌形象塑造者,基础服务供应商,对企业网站网络营销,网站优化推广也有独特地见解,为网站保驾护航。

城市分站: 青岛网站建设 莱西网站建设 胶州网站建设 即墨网站建设

免责声明:本站部分图片及信息来源于网络,如有侵权请告知我们,我们会第一时间删除,如不告知本站不承担任何法律责任
  • 咨询
  • 电话
  • 首页
  • 关于
  • 返回顶部