交互设计延伸阅读:格式塔心理学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的核心功能。根据逻辑和重要性控制在5个以内,通过视觉表现用户的当前位置,页面之间的切换快速又不容易迷失,简单高效。 桌面式:类似于手机桌面各个应用入口的导航方式…

    2015-07-17
  • 交互设计七大定律之席克定律

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

    2015-08-27
  • pt 、px 、dp 、dpi 、ppi 解析

    帮助像我一样的新手渣渣理解其中的换算原理。希望这篇解析能解决大家对pt、px、dp、dpi、ppi的困惑。

    2016-07-01
  • 【总结】我的产品工作心得

    作者:Wiki 由于负责公司UED工作的原因,经常会和公司的产品经理/交互设计师沟通需求,他们每天都会很忙,时刻都在修改网站,优化app,但我从没看出他们忙的价值在哪里?原因是,很多人只是依照某BOSS的指示去做一些意淫…

    交互设计WiKi 2015-06-08
  • 《用户无障碍体验的可访问性设计》读书总结

    这本书与市场上其他的设计书不同之处在于该书作者关注于残障用户以及行动能力有限的用户,旨在利用可访问性设计的思维来改善互联网的设计,最终实现不同生理条件的用户都能够平等的体验到电子产品的乐趣。 什么是可…

    用户研究 2016-01-28
  • IAMUE首发-交互设计相关概念手册

    这些“洋词”工作中总有会遇到的,新手看过来,别到时候别人说了你听不懂 名词 缩写 单词 功能 交互设计 IxD/IaD Interaction  Design 简单的说,交互设计是人工制品、环境和系统的行为,以及传达这种行为的外形元素…

    2016-01-13
  • 泛滥的移动产品设计模式

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

    2016-10-18
  • 克制的力量

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

    设计理论 2016-06-05
  • 设计效果评估及产品迭代-有理有据做设计

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

    2017-03-08
  • 新一代設計師必備的 24 個求生 App,不少都跟 Code 有關!

      「工欲善其事,必先利其器」這句話套用在任何一個職業上都是一樣。 之前我們曾介紹過能增進工作效率又能保健的 5 大 Mac App,還有讓你職場力激增的 12 款好用 App 等等文章。今天,我們將針對「設計師」朋…

    2015-11-24