格式塔心理与界面设计

格式塔心理与界面设计第1页，共55页，2023年，2月20日，星期五格式塔心理学观看一些图像，理解图像视知觉关于格式塔实验的对话概念基本观点格式塔心理学经典实验：似动现象知觉组织原则利用“格式塔”原理进行界面设计的构图第2页，共55页，2023年，2月20日，星期五第3页，共55页，2023年，2月20日，星期五第4页，共55页，2023年，2月20日，星期五第5页，共55页，2023年，2月20日，星期五远景可以提供物体大小的线索第6页，共55页，2023年，2月20日，星期五第7页，共55页，2023年，2月20日，星期五格式塔心理学实验对话主持实验的心理学家请你描述你在桌上看到的东西。第8页，共55页，2023年，2月20日，星期五网络教育应用首页的界面设计分析第9页，共55页，2023年，2月20日，星期五第10页，共55页，2023年，2月20日，星期五第11页，共55页，2023年，2月20日，星期五你能看出图中的横线是平行的吗？第12页，共55页，2023年，2月20日，星期五格式塔心理学以Gestalt为名的格式塔心理学也称”完形“心理学（Gestaltpsychology）于20世纪初发源于欧洲，它主要是在研究人类知觉与意识上的问题。格式塔心理学起始于视觉领域的研究，但它又不限于视觉领域，甚至不限于整个感觉领域，其应用范围包括学习、回忆、志向、情绪、思维、运动等等过程。第13页，共55页，2023年，2月20日，星期五格式塔心理学Gestalt这个字源自德文，它有两种涵义：一指形状或形式，亦即物体的性质，例如，用“有角的”或“对称的”这样一些术语来表示物体的一般性质，以示三角形的一些特性意指三角形的概念。指一个具体的实体和它具有一种特殊形状或形式的特征，例如，“有角的”或“对称的”是指具体的三角形物体的属性之一。第14页，共55页，2023年，2月20日，星期五格式塔心理学格式塔心理学反对心理学中的元素主义,认为心理元素的分析并不能使我们了解整体的心理现象,所以它主张以整体的观点来描述意识与行为.第15页，共55页，2023年，2月20日，星期五似动现象的研究与格式塔心理学的建立似动现象是一种运动知觉。20世纪初期，心理学对运动知觉的研究进展极为缓慢。原因是当时的心理学家皆以感觉的组合解释知觉，而由于运动知觉涉及一系列感觉，很难把运动知觉分析为感觉成分.1910年，惠特海默在火车上的旅途中突然想到了一种研究视觉的运动知觉的方法.第16页，共55页，2023年，2月20日，星期五格式塔心理现象研究：似动现象惠特海默是以速示器来做实验的。这种速示器可控制不同的时间间隔，把两条角度不同的光亮的直线投射到黑色的背景上.观看似动现象动画第17页，共55页，2023年，2月20日，星期五相继呈现一条垂直(a)和一条水平（b）的发亮线段改变两条线段呈现的时距,并测量对它们的知觉经验。结果：当两条线段的时距短于30毫秒时，看到a、b同时出现；当时距长于200毫秒时，看到a、b先后出现；当时距约为60毫秒时，看到线段从a向b运动。韦特海默解释说，当视网膜受到两条线段的刺激后,会引起皮层相应区域的兴奋。在适当的时空条件下，这两个兴奋回路之间发生融合，形成短路，因而得到运动的印象。第18页，共55页，2023年，2月20日，星期五物体运动的速度太慢或太快，都不能使人产生运动知觉。例如：人们不能觉察手表上时针的运动。物体运动的速度超过一定限度，人们就看到弥漫性的闪烁。第19页，共55页，2023年，2月20日，星期五似动主要依赖于刺激物的强度、时间间隔、空间距离、视野中有无参照点、对象离观察者的距离等。

这些物理参数的相互关系可以用科尔特定律来表示：

①当刺激间的时距不变时，产生最佳运动的刺激强度和空间距离成正比；

②当空间距离恒定时，刺激物的强度与时距成反比；

③当强度不变时，时距与空间距离成正比。

第20页，共55页，2023年，2月20日，星期五蒙娜丽莎微笑之谜第21页，共55页，2023年，2月20日，星期五第22页，共55页，2023年，2月20日，星期五格式塔心理学与电影、动画原理动画原理、电影原理----似动现象（不是真正的位移）格式塔心理学家们对似动与真正运动的关系、似动的机制、似动中图形因素与运动因素的相互关系、似动的深度效应等等，开展了大量的研究工作。以格式塔的“整体构成”原理解释影像的似动现象和深度感的幻觉，认为似动现象和深度感不仅产生于生理的视觉暂留现象，而且依赖于把影像组织成更高层次的动作整体的“特殊的内心体验”——“完形”过程，是大脑的积极参与“添加给静止影像”的结果。第23页，共55页，2023年，2月20日，星期五格式塔中的视觉关系和谐变化冲突混乱

形状、大小、颜色趋近一致，并且排列有序和谐来自所有局部的感官接近和谐基础上局部的外观(形状、大小、颜色)改变，但这种变化没有改变所有局部的同一性质在“和谐”的基础上,局部不仅仅产生了形状、大小、颜色的“变化”，而且产生了性质上的改变，与整体中的其他局部“格格不入”。整体当中包含太多性质不相关的局部，视觉系统很难判断出整体到底是什么，这个时候就产生了“混乱”。第24页，共55页，2023年，2月20日，星期五格式塔的知觉组织原则我们可以组织知觉世界的规则1.类似原则:

类似的部分倾向于被一起知觉为一组.2.简单原则

尽可能地把图形知觉为好的图形.格式塔心理学家称之为完好形式.一个好的格式塔是对称的,简单的和稳定的,已经不可能再简单,再整齐.3.接近原则

在时间或空间上紧密在一起的部分似乎是相属的,倾向于被知觉在一起.

第25页，共55页，2023年，2月20日，星期五格式塔的知觉组织原则4.连续原则

我们的知觉有追随一个方向的倾向,以便把元素联接在一起,使它们看起来是连续的,或者向着一个特定的方向.5.封闭原则

我们的知觉有一种完成不完善图形,填补缺口的倾向.6.图形和背景

我们倾向于把知觉组织成被观察的对象(图形)和对象赖以产生的背景.图形似乎更加实在,从背景中凸现出来.第26页，共55页，2023年，2月20日，星期五类似原则第27页，共55页，2023年，2月20日，星期五接近原则第28页，共55页，2023年，2月20日，星期五接近原则第29页，共55页，2023年，2月20日，星期五接近原则第30页，共55页，2023年，2月20日，星期五90o270o180o360o第31页，共55页，2023年，2月20日，星期五90o270o180o360o接近原则第32页，共55页，2023年，2月20日，星期五相似原则第33页，共55页，2023年，2月20日，星期五相似原则第34页，共55页，2023年，2月20日，星期五相似原则第35页，共55页，2023年，2月20日，星期五相似原则第36页，共55页，2023年，2月20日，星期五闭合原则第37页，共55页，2023年，2月20日，星期五连续原则第38页，共55页，2023年，2月20日，星期五利用“格式塔”原理进行构图删除大众汽车广告，使用了元素删除明确哪些内容和关键文本是必须保留采用简约风格第39页，共55页，2023年，2月20日，星期五贴近归类有条理不拥挤让人感觉通透使用辅助线和栅格系统对复杂的设计元素进行分类，最后达到视觉的统一。第40页，共55页，2023年，2月20日，星期五结合：将单独的视觉单元完全联合在一起，无法分开。使原来并不相干的视觉形象自然而然地关联起来。异形同构：把两种或几种不同的视觉形象结合在一起，在视觉表达上自然而然地从一个视觉语义延伸到另一个视觉语义。第41页，共55页，2023年，2月20日，星期五只要你用，就一定会翘…第42页，共55页，2023年，2月20日，星期五接触:指单独的视觉单元无限贴近，以至于它们彼此粘连。在视觉上就形成了一个较大的、统一的整体。接触的形体有可能丧失原先单独的个性，变得性格模糊。溅落的饮料与杯子接触，融合为一个视觉整体第43页，共55页，2023年，2月20日，星期五接触与结合的区别是：接触的两个视觉单元仍然是相对独立的，而结合的两个视觉单元再也无法分开。第44页，共55页，2023年，2月20日，星期五重合：所有的视觉单元在色调或纹理等方面都是不同的，那么，区分已被联结的原来各个视觉单元就越容易;相反，如果所有的视觉单元在色调或纹理等方面都是一样的，那么，原来各个视觉单元的轮廓线就会消失，从而形成一个单一的重合的形状。绝对伏特加的广告，将品牌与各种事物进行了视觉重合第45页，共55页，2023年，2月20日，星期五绝对伏特加的广告欣赏第46页，共55页，2023年，2月20日，星期五“格调”与“纹理”：由大量重复的单元构成的。两者的主要区别在于视觉单元的大小或规模，除此之外，它们基本上是一样的。透过窗户看到不远处的树林-----格调在飞机上俯览一整片树林-------纹理“初夏的杨树林”这种纹理叫做“濒海红树林”第47页，共55页，2023年，2月20日，星期五闭合：把局部形象当作一个整体的形象来感知。这种知觉上的特殊现象。“闭合”就是不在视场中展现设计的全貌，而只给关键的局部，让人们通过完形去延伸和理解整体，比如“一叶知秋”第48页，共55页，2023年，2月20日，星期五计白当黑：空白与实体的对比，黑白对比留白：“虚实相生，无画处皆成绝妙”“密不透风，疏可跑马”“画留三分空，生气随之发”空不等于真空通用电气的网站截图寒江独钓图第49页，共55页，2023年，2月20日，星期五排列:将构图中过多的视觉单元进行归整的一种方法。形式:整列法、格栅法整列，可简单地解释为“对齐”。两种整列类型：实际上的整列、视觉上的整列。视觉整列的例证：书中的文字，文字段落实际上就是由一些并不存在的共同线进行了整列的。格式塔闭合原理，贴近原理造成的。实际上的整列：存在着实际的对齐线。比如，图文之间的对位排列。

第50页，共55页，2023年，2月20日，星期五栅格法

当一个现成的格式塔中用到两个或更多的交叉整列时，就会出现一种栅格划分，将版面分为若干块第51页，共55页，2023年，2月20日，星期五归类:当构图中各个视觉单元具有共同的特征时，它们就显示出一种视觉归类的趋向，这种视觉简化法也称为相似归类。⑴大小归类：当单独的视觉单元显得大小相似时，看起来就同属一类。这时，就很容易将它们看作一个较大的视觉群体中的一个组成部分。

⑵形状归类：形状相同或相似的视觉单元往往被看作组。

第52页，共55页，2023年，2月20日，星期五

⑶方向归类：各种各样的线、形或视觉单元的排列式样如果方向相同或趋于一致，那它们就能够呈现出一种类似性。我们就会发现，这些视觉内容往往被看作一个大的整