交互设计延伸阅读:格式塔心理学5项法则的学习与思考

格式塔心理学5项法则的学习与思考

最近在整理交互设计七大定律,发现了这篇老文,内容很精彩,翻译下与大家分享。

最近在整理交互设计七大定律,文章要系统的看。

目录:【交互设计七大定律】关于交互设计法则“除非有更好的选择,否则就遵从标准——交互设计之父阿兰·库珀”

交互设计延伸阅读:格式塔心理学5项法则的学习与思考

格式塔理论自1912年由韦特海墨(M,Wetheimer)提出后,在德国得到迅速发展。由于苛勒(K,Kohler)和考夫卡(K,Koffka)的访美以及他们的著作被翻译成英文,这种新的理论引起了美国心理学家的注意。格式塔理论是心理学中为数不多的理性主义理论之一。格式塔学派以某些相当抽象的,与知觉和思维的性质及心理经验的结构有关的观念解释了熟悉的观察资料。

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

交互设计延伸阅读:格式塔心理学5项法则的学习与思考

 

Wolgang Köhler:
为什么我们在观看事物的时候会把一部分当做前景,其余部分当做背景?

Kurt Koffka:
为什么我们能区分形状?

Max Wertheimer:
什么形状是好的?

All:
我们怎样看待事物的一致性?

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

创始人们提出了五项法则:
Proximity (接近)
Similarity (相似)
Closure (闭合)
Continuity (连续)
Simplicity (简单)

 

接近

接近强调位置,实现统一的整体。正如下图所呈现的,当你第一眼看到10条白色竖线的时候,会更倾向于把它们知觉为5组双竖线,接近的每两条线由于接近,眼脑会把他们当成一个整体来感知。设计中类似的现象还有很多,可以说接近是实现整体的最简单常用的法则

交互设计延伸阅读:格式塔心理学5项法则的学习与思考

交互设计延伸阅读:格式塔心理学5项法则的学习与思考

 

相似

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

交互设计延伸阅读:格式塔心理学5项法则的学习与思考

交互设计延伸阅读:格式塔心理学5项法则的学习与思考

交互设计延伸阅读:格式塔心理学5项法则的学习与思考

 

闭合

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

交互设计延伸阅读:格式塔心理学5项法则的学习与思考

交互设计延伸阅读:格式塔心理学5项法则的学习与思考

 

连续性

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

交互设计延伸阅读:格式塔心理学5项法则的学习与思考

交互设计延伸阅读:格式塔心理学5项法则的学习与思考

 

简单

简单可以说是设计的目标。实现简单真的不是一件容易的事,很多人都在简单问题上做了大量的研究与实践。《The laws of simplicity》是豆瓣里推荐人气很高的一本书,推荐给大家看。

交互设计延伸阅读:格式塔心理学5项法则的学习与思考

那么究竟我们如何做到简单呢?习惯的做法是删除、重组、放弃、隐藏。对于原本内容就很少的设计,是很容易做到的。但我们经常要面对的,却是一些内容非常复杂的问题,正如一个充满数据的表格,我们应该如何一步一步的把它简单化呢?如下图:

交互设计延伸阅读:格式塔心理学5项法则的学习与思考

交互设计延伸阅读:格式塔心理学5项法则的学习与思考

腾讯产品中也有简单化的案例可以参考,如QQ商城、腾讯网等内容信息内容丰富的网站。

交互设计延伸阅读:格式塔心理学5项法则的学习与思考

交互设计延伸阅读:格式塔心理学5项法则的学习与思考

 

通过例子可以发现,这5项法则并不是独立存在的。简单更像是追求的目标,而接近、相似、关闭和连续则是实现这一目标的方法。
另外,格式塔学派后来还总结了更多的关于知觉的法则,如图形-背景感知,对称性,尺寸恒定律等等等,超过了100条。

希望通过对格式塔原始理论的介绍可以给大家带来一些启发,欢迎交流:)

作者:腾讯CDC 终南

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/8892/

(0)
iouedioued
上一篇 2015-08-27
下一篇 2015-08-27

相关推荐

  • Alan-Cooper的交互设计理念

    阿西导读:交互不是界面设计,你可以说交互是画线框图的,但不能说交互是臭画线框图的! Alan是一位仅仅做了大约15年编程的交互设计师。如果你还要问我Alan-Cooper是谁,那么请先百度或Google后在来读这篇文章。 以…

    交互设计 2015-01-26
  • 交互设计用户心理学

      交互设计是个跨学科专业,其中,心理学便是其中很重要的一个部分。所以,如果你不想继续仅凭直觉和死记硬背高大上的理论原则来从事交互设计,如果你想成为优秀的交互设计师,学习一定的心理学将是很有帮助也是…

    2015-06-13
  • 提问:用户体验设计师、UI设计师和交互设计师有什么区别?

    在知乎上看到有人提问:“用户体验设计师、UI 设计师和交互设计师有什么区别?”因为他发现有公司同时有以上 3 种或两种职位,不知道具体区别是在什么地方。薛天禄给出的回答很赞,如果你也不清楚这三者之间的区别,…

    交互设计 2015-01-07
  • 交互设计七大定律之7±2 法则

    最近在整理交互设计七大定律,发现了这篇老文,内容很精彩,翻译下与大家分享。 最近在整理交互设计七大定律,文章要系统的看。 目录:【交互设计七大定律】关于交互设计法则“除非有更好的选择,否则就遵从标准——交…

    交互设计 2015-08-27
  • 交互设计是什么?好学吗? 交互设计_百科,什么是交互设计?

    交互设计(Interaction Design) 作为一门关注交互体验的新学科在二十世纪八十年代产生了,它由IDEO的一位创始人比尔•莫格里奇在1984年一次设计会议上提出,他一开始给它命名为“软面(Soft Face)”,由于这个名字容易…

    交互设计 2015-01-05
  • UX不是UI

    2015-07-11
  • 2016网页(H5)设计趋势

    有这样一句话来描述UX:

    “UX is about how we live. It’s about everything we do; it surrounds us.”

    (用户体验是我们如何生活,它时刻在我们身边。)

    2016-02-15
  • 跟随大师的脚步—Alan Cooper谈《About Face 4》及UX设计的趋势与实践专访

      Alan Cooper的《About Face》是交互设计领域相当有影响力的经典之作。在这本书里,Alan Cooper描述了目标导向的设计方法(Goal-Directed Design),以及交互设计师在日常工作中必须掌握的各种知识与经验。在《Abo…

    2015-07-14
  • 设计师接活报价公式

    要怎么报价呢?

    设计理论 2016-10-19
  • 泛滥的移动产品设计模式

    如果你是一名移动产品设计师,你可能会同意这样的观点:参考借鉴别人的设计不算抄袭。这不仅是最佳的练习方法,也是一种设计模式,而且还符合业界主流的设计趋势,同时还能确保在用户熟悉的模式下来创建可用性的界…

    2016-10-18