无法在这个位置找到: head2.htm
当前位置: 建站首页 > 新闻 > 产业新闻 >

在WEB/UI的互动设计方案中应用文件格式塔心理状态学基础理论

时间:2021-03-01 10:49来源:未知 作者:jianzhan 点击:
短视頻,自新闻媒体,达人种草1站服务UI或UX剖析要求关键是以人机交互技术页面为主,而这个要求不仅是1些设计方案、视觉效果应用体验,在这里体验之中,大家可适度应用1些心理状

在WEB/UI的互动设计方案中应用文件格式塔心理状态学基础理论


短视頻,自新闻媒体,达人种草1站服务

UI或UX剖析要求关键是以人机交互技术页面为主,而这个要求不仅是1些设计方案、视觉效果应用体验,在这里体验之中,大家可适度应用1些心理状态学,例如文件格式塔基础理论便是1个很好的剖析法。

 

文件格式塔学派是心理状态学关键派系之1,盛行于20新世纪初的德国,又称为完形心理状态学。由马科斯 韦特墨(1880⑴943)、沃尔夫冈 苛勒(1887⑴967)和科特 考夫卡(1886⑴941)3位德国心理状态学家在科学研究似动状况的基本上开创。文件格式塔是德文Gestalt的译音,意即 方式、样子、方式 等,意思是指 动态性的总体(dynamic wholes) 。(摘自wikipedia)

基础理论的创办人与处理的难题:

 

Wolgang K hler:

Why do we see some things as foreground and others as background?

为何大家在收看事情的情况下会把1一部分作为市场前景,其余一部分作为情况?

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致性?

文件格式塔心理状态学派断言:人们在收看时,眼脑其实不是在1刚开始就区别1个形象的各个单1的构成一部分,而是将各个一部分组成起来,使之变成1个更容易于了解的统1体。另外,她们坚持不懈觉得,在1个文件格式塔(即1个单1视场,或单1的参考系)内,双眼的工作能力只能接纳极少数几个不有关联的总体企业。这类工作能力的强弱取决于这些总体企业的不一样与类似,和它们之间的有关部位。假如1个文件格式塔中包括了太多的互不有关的企业,眼脑就会尝试将其简化,把各个企业加以组成,使之变成1个直觉上易于解决的总体。假如办不到这1点,总体形象将再次展现为无序情况或错乱,从而没法被正确定知,简易地说,便是看不懂或没法接纳。文件格式塔基础理论确立地提出:眼脑功效是1个持续机构、简化、统1的全过程,更是根据这1全过程,才造成出易于了解、融洽的总体。那大家怎样组成解决事情,以听从文件格式塔的结果呢?创办人们提出了5项规律:

文件格式塔基础理论的5规律

1. 贴近(Proximity)

2. 类似(Similarity)

3. 封闭式(Closure)

4. 持续(Continuity)

5. 简易(Simplicity)

1. 贴近规律(Proximity)

「贴近规律」间距相仿的各处分趋于构成总体,强调部位。以下图右侧,因为內容太过贴近,因此在视觉效果上会被客户误判为1个总体,但假如像下图左侧有效分配构造层级的呈现,內容就会清楚许多。

 

以下图左侧,会有10条竖线,但你是否当做仅有5组线条?因此,假如你想完成总体,最简易的方法便是应用「贴近规律」。

 

 

4列3行构造

2. 类似规律(Similarity)

类似是否感觉和「贴近规律」1样?但她们的确是不一样的两个定义。「类似规律」在某1层面类似的各处分趋于构成总体,强调內容。而贴近强调部位。

人们一般把那些显著具备相互特点(如样子、健身运动、方位、色调等)的事情组成在1起。请看下图,你会如何分辨下面竖线之间的关联呢?她们仿佛是塞进去的1样,为何大家会有这样的觉得呢?由于从色调上大家早已把她们做为独立的总体,跟白色线条区别起来。大家换1个角度来思索,黄色线条与白色线条部位上是贴近的,也是类似的,可是根据色调转变很清晰的区别了不一样的內容,并且大家很非常容易关心黄色线条。因而,类似中的逆向逻辑思维是获得聚焦点的好方式。这类方式在导航栏和强调信息内容一部分特性的设计方案上拥有普遍地运用。

 

由于有了黄色线区别起来,因此大家会分辨有2组线

以下图右侧,地球标志和横线改了色调和尺寸,它变得更为突显,但却和周围2个不类似,导致是2种元素。这类状况下,应当像左侧1样,确保元素的统1性。

 

3. 封闭式规律(Closure)

「封闭式规律」相互相属、组成封闭式实体线的各处分趋于构成总体。

可是有1个十分趣味的状况值得大家去观查和思索,便是不闭合情况下也会完成统1的总体,更准确的说,这类状况是1种不彻底的关掉。这些图型与设计方案给人以简易,轻轻松松、随意的觉得。因此,彻底的闭合是沒有必要的。

 

闭合理合法则的另外一个实际意义,以下图左侧,当遇到1个元素缺乏或断掉时,会找寻1个不断、光滑的款式,换句话说,大家会尝试、有目的的去弥补空白。

 

4. 持续规律(Continuity)

「持续规律」凡具备持续性或相互健身运动方位的一部分非常容易被当做1个总体。

持续了解起来是很简易的,但持续却处理了十分繁杂的难题。根据寻找十分细微的共性将两个不一样的环联接成1个总体。以下图中的字母H和叶子,这彻底是两个不一样的图型。但即便这样還是能够根据横线和叶脉这个十分细微的共性联接成1个总体。

 

以下图,大家会看到是两个重合圆,这两个圆是由持续的小圆构成,从视觉效果上大家不容易分辨为3种不一样的圆,就像1和2之间的相交3,视觉效果上它是不存在的,除非你去突显它。

 

以下图,下面灰色小点是持续的,从视觉效果上,大家会觉得是1个总体,根据翠绿色点动态性全自动切换,能够提醒访客这个画面是能够切换的。

 

5. 简易(Simplicity)

「简易规律」具备对称性、标准、光滑的简易图型特点的各处分趋于构成总体。

大家1直追求完美简易的设计方案,可这个简易其实不非常容易完成,许多人都在简易难题上做了很多的科学研究与实践活动。《简易规律 The laws of simplicity》是豆瓣里强烈推荐人气很高的1本书,强烈推荐给大伙儿看。

 

简化的做法1般是:删掉、资产重组、舍弃、掩藏。1些简化设计方案的事例:

Demo 1: 报表简化:去掉、掩藏

 

Demo 2: LOGO简化:去掉、资产重组。

 

Demo 3: 网页页面菜单简化:掩藏。


(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信

在线咨询
联系电话

400-888-8866