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

相关推荐

  • 从iOS 10设计指南变化看设计的新趋势

    改变:越来越像给设计师用的「设计指南」

    2016-09-07
  • 交互设计用户心理学

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

    2015-06-13
  • 设计效果评估及产品迭代-有理有据做设计

    近期关注了几篇关于考核产品效果的文章,话题都是围绕如何权衡“数据指标”和“用户体验”。本人更认可的是Facebook总监的说法“ 数据目标是很有用的,但它和用户体验不应陷入永久的竞争对立局面 ”。在我们评估设计效果…

    2017-03-08
  • 创业还没听过在线Logo生成器? 那你就落伍了!

    创业还没听过在线Logo生成器? 那你就落伍了!创业的第一步 - Logo不论是创业或创建新的网站,踏出成功的关键第一步是设计出一个易于一般社会大众识别的logo,以传达企业或服务宗旨,打造企业的视觉形象。品牌Logo可…

    2016-10-17
  • 交互设计七大定律之席克定律

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

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

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

    交互设计 2015-01-05
  • 【译文】产品的行为设计关键四步

    我们选择一种独特的行为路径去设计产品,利用最新的行为学研究成果,去构建有效、有趣的用户体验,帮助用户最省事的获得最大的收获。我们尝试理解用户接收信息、做出决策和采取行动背后的心理学原因,事实证明,这…

    2016-02-21
  • 交互设计那点事儿

      作者:Wiki 当今互联网时代,我们经常会看到视觉效果各种酷炫但却很难用的APP软件或网站。用户看到的部份,虽无可挑剔,但实际体验并不是很好。 用户体验部分,可以从几个角度去阐释: 1、不知道这个是干什…

    2015-03-23
  • 交互设计七大定律之新乡重夫:防错原则

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

    2015-08-27
  • 移动端界面中的版式设计原理

    “我总觉得页面不太好看但是我又说不出来”,“我不懂设计,但是我就是觉得不协调”,“你觉得这好看?你的审美要加强啊”这些听着熟悉的话往往是产品和设计产生矛盾的开端。还有一种评价叫说不出哪里好也说不出哪里不好…

    2016-01-08