在WEB/UI的交互设计中运用格式塔心理学理论
2017-09-05 16:09:56 来源:易采站长用户投稿 作者:设计达人
UI或UX阐发需供次要是以人机交互界里为主,而那个需供不只仅是一些设想、视觉利用体验,正在那里体验傍边,我们可恰当使用一些心思教,好比格局塔实际便是一个很好的阐发法。

格局塔教派是心思教主要门户之一,鼓起于20世纪初的德国,又称为完形心思教。由马科斯·韦特朱(1880-1943)、沃我妇冈·苛勒(1887-1967)战科特·考妇卡(1886-1941)三位德国心思教家正在研讨似动征象的根底上创建。格局塔是德文Gestalt的译音,意即“形式、外形、情势”等,意义是指“静态的团体(dynamic wholes)”。(戴自wikipedia)
实际的开创人取处理的成绩:

Wolgang Köhler:
Why do we see some things as foreground and others as background?
为何我们正在不雅看事物的时分会把一部门当作远景,其他部门当作布景?
Kurt Koffka:
How is it possible that we can distinguish shapes?
为何我们能辨别外形?
Max Wertheimer:
What’s a good shape?
甚么外形是好的?
All:
How do we see consistency of things?
我们如何对待事物的分歧性?
格局塔心思教派断行:人们正在不雅看时,眼脑其实不是正在一开端便辨别一个形象的各个单一的构成部门,而是将各个部门组开起去,使之成为一个更容易于了解的同一体。别的,他们对峙以为,正在一个格局塔(即一个单一视场,或单一的参照系)内,眼睛的才能只能承受少数几个没有相干联的团体单元。那种才能的强强与决于那些团体单元的差别取类似,和它们之间的相干地位。假如一个格局塔中包罗了太多的互没有相干的单元,眼脑便会试图将其简化,把各个单元减以组开,使之成为一个知觉上易于处置的团体。假如办没有到那一面,团体形象将持续显现为无序形态或紊乱,从而没法被准确认知,简朴天道,便是看没有懂或没法承受。格局塔实际明白天提出:眼脑做用是一个不竭构造、简化、同一的历程,恰是经由过程那一历程,才发生出易于了解、和谐的团体。那我们怎样组开处置事物,以从命格局塔的结论呢?开创人们提出了五项法例:
格局塔实际的五法例
1. 靠近(Proximity)
2. 类似(Similarity)
3. 封锁(Closure)
4. 持续(Continuity)
5. 简朴(Simplicity)
1. 靠近法例(Proximity)
「靠近法例」间隔附近的各部门趋于构成团体,夸大地位。以下图左边,因为内容过分靠近,以是正在视觉上会被用户误判为一个团体,但假如像下图右边开理摆设构造条理的展示,内容便会明晰许多。

以下图右边,会有10条横线,但您是否是算作只要5组线条?以是,假如您念真现团体,最简朴的方法便是利用「靠近法例」。


4列3止构造
2. 类似法例(Similarity)
类似是否是以为战「靠近法例」一样?但他们的确是差别的两个观点。「类似法例」正在某一圆里类似的各部门趋于构成团体,夸大内容。而靠近夸大地位。
人们凡是把那些较着具有配合特征(如外形、活动、标的目的、色彩等)的事物组开正在一同。请看下图,您会如何判定上面横线之间的干系呢?他们仿佛是塞出来的一样,为何我们会有那样的觉得呢?果为从色彩上我们曾经把他们做为零丁的团体,跟红色线条辨别开去。我们换一个角度去考虑,黄色线条取红色线条地位上是靠近的,也是类似的,可是经由过程色彩变革很分明的辨别了差别的内容,并且我们很简单存眷黄色线条。因而,类似中的顺背思想是获得核心的好办法。那种办法正在导航战夸大疑息部门属性的设想上有着普遍天使用。

果为有了黄色线辨别开去,以是我们会判定有2组线
以下图左边,天球图标战横线改了色彩战巨细,它变得愈加凸起,但却战中间2个没有类似,形成是2种元素。那种状况下,该当像右边一样,包管元素的同一性。

3. 封锁法例(Closure)
「封锁法例」相互相属、组成封锁真体的各部门趋于构成团体。
可是有一个十分风趣的征象值得我们来不雅察战考虑,便是没有闭应时候也会真现同一的团体,更切当的道,那种征象是一种没有完整的封闭。那些图形取设想给人以简朴,沉紧、自在的觉得。以是,完整的闭开是出有须要的。

闭开法例的另外一个意义,以下图右边,当逢到一个元素短少或断开时,会寻觅一个连续、光滑的款式,换句话道,我们会试图、无意识的来挖补空缺。

4. 持续法例(Continuity)
「持续法例」凡是具有持续性或配合活动标的目的的部门简单被算作一个团体。
持续了解起去是很简朴的,但持续却处理了十分庞大的成绩。经由过程找到十分细小的共性将两个差别的环毗连成一个团体。以下图中的字母H战叶子,那完整是两个差别的图形。但即便那样借是能够经由过程横线战叶脉那个十分细小的共性毗连成一个团体。

以下图,我们会看到是两个堆叠圆,那两个圆是由持续的小圆构成,从视觉上我们没有会判定为三种差别的圆,便像1战2之间的交散3,视觉上它是没有存正在的,除非您来凸起它。

以下图,上面灰色小面是持续的,从视觉上,我们会以为是一个团体,经由过程绿色面静态主动切换,能够提醒访客那个绘里是能够切换的。

5. 简朴(Simplicity)
「简朴法例」具有对称、划定规矩、光滑的简朴图形特性的各部门趋于构成团体。
我们不断逃供简朴的设想,可那个简朴其实不简单真现,许多人皆正在简朴成绩上做了年夜量的研讨取理论。《简朴法例 The laws of simplicity》是豆瓣里保举人气很下的一本书,保举给各人看。

简化的做法普通是:删除、重组、抛却、躲藏。一些简化设想的例子:
Demo 1: 表格简化:来失落、躲藏

Demo 2: LOGO简化:来失落、重组。

Demo 3: 网页菜单简化:躲藏。












闽公网安备 35020302000061号