交互设计延伸阅读:格式塔心理学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

相关推荐

  • 是不是该考虑加入动态交互了?

    本文转载自:阿西博客 原始链接:是不是该考虑加入动态交互了? 一个优秀的APP交互动画不仅仅是炫,而且要实用,有的还要考虑手机的性能等因素,所以想做一个好的交互不并容易,今天就带你来见识一下什么叫洋气范儿…

    2015-03-21
  • 嘘!手机能听出你声音里的情绪

    对我们大部分人来说,每天心情有点变化是很正常的。女人的一天常常是喜怒哀乐随机出现,当然一般也就自己调整过来了,不至于要死要活。但有一类人例外,躁郁症患者。 事业不顺、丢了工作、失恋等等,当生活的不幸降…

    2014-12-13
  • 交互设计七大定律之新乡重夫:防错原则

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

    2015-08-27
  • 【干货·基础】字体单位 pt如何换算成 px?或者px如何换算成pt?

    px:相对长度单位。像素(Pixel)。 pt:绝对长度单位。点(Point)。 1in = 2.54cm = 25.4 mm = 72pt = 6pc 具体换算是: Points Pixels Ems Percent 6pt 8px 0.5em 50% 7pt 9px 0.55em 55% 7.5pt 10px 0.625em 62.5…

    交互设计WiKi 2015-09-09
  • 交互设计新手?来看看这个!交互设计怎么出现的与能干什么?

    为什么会有交互设计,交互设计能够做什么? ▎1.成功的互联网产品具备哪些要素? ①当你的Boss需要做个产品时,它首先必须是可实现的,这也是为什么核心程序员架构师的待遇普遍较高的原因,因为他们是生产力。那么成功…

    2015-01-25
  • ✪ 新书 |《交互设计那些事儿》——关于交互设计,你需要知道都在这里!

    一部窥探交互设计师成长之路的实用指南!传授高效、靠谱的交互设计学习方法!IAMUE网站创始人倾力之作!

    2016-06-06
  • 克制的力量

    引言  两家茶餐厅         有一家茶餐厅A的位置很好,周围有不少人流,但只有这一家茶餐厅,有地理位置优势,原本一个人30元左右就能吃一顿饭,餐厅经常巧言推销,让顾客多点菜,让顾客消费到50元以上。还有一家茶…

    设计理论 2016-06-05
  • 好的人机交互设计(UX)评判标准的四个原则

    一些设计的基本原则往往是通用的,甚至可以说放之四海皆准的,例如优先级、一致性、界面的隐喻等等,好的设计都需要考虑到这些问题,甚至再更广的范围内也同样适用,而不仅仅是交互设计范畴。 一个设计师&产品…

    2015-04-14
  • ”交互设计“菜鸟如何入门?

    大多数新手初次自学设计时有两大难关要过:我适合干这行吗?我该如何入门?带着这两种疑问上路,学习效果很难保证。今天小编特地分享亲身经历以及多年设计经验,为你解答这两大难题! 1. 我适合干这行吗? “我不是…

    2015-08-27
  • 案例:移动Web框架设计

    本文由Mail.Ru公司的员工Yury Vetrov讨论的关于移动Web框架设计的案例研究,将从设计流程的转变过程讨论,即从经典原型→设计→模型→HTML实现方法,为每个产品设计实现基于框架的现代而高效的方法。 在2012年代中期,…

    2015-02-05