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

相关推荐

  • 泛滥的移动产品设计模式

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

    2016-10-18
  • 交互设计新手?来看看这个!交互设计怎么出现的与能干什么?

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

    2015-01-25
  • 『交互设计经验分享』信息交互设计金字塔法则

    本文由卓衡科技运营总监刘鹏分享。文中刘鹏讲述了他们在创业过程中总结出的交互设计的金字塔法则。 金字塔方法这个说法来源于美国著名的现代管理咨询公司麦肯锡。大致的意思就是:任何事情都能归纳出一个中心点,而…

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

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

    2015-06-13
  • 创业还没听过在线Logo生成器? 那你就落伍了!

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

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

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

    2015-08-27
  • 产品需求分析——《破茧成蝶》读书笔记

    这是一本很实在的书,没有很虚的理论,而是结合了国内互联网实际的案例,清晰明了地道出现实情况跟理想状态的不同,并且给出了很好的解决建议。适合刚入行的交互设计师以及产品经理阅读。 进入研究生阶段,大大小小…

    2015-03-05
  • 交互设计七大定律之Occam's Razor 奥卡姆剃刀原理(简单有效原理)

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

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

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

    2016-01-08
  • 交互设计七大定律之新乡重夫:防错原则

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

    2015-08-27