将产品的可识别性和功能性放在首位,注意用户在观察过程中的视知觉感受

yabo88亚博体育app下载地址吧
发表于2019-04-30 15:07:14归属于教育论文本文已影响我要投稿手机版

摘要:目的扁平化设计是当前移动端与PC端UI的主流视觉风格与设计理念。在保证设计风格的同时,扁平化设计更加强调用户使用产品的交互性与易用性。本文结合用户对图形视知觉的感知规律,探索格式塔心理学中的视知觉原理在扁平化设计中的应用。方法以格式塔心理学的理论为指导,通过对人感知心理的分析以及人对物象的视知觉感知规律,指出在视知觉过程中的扁平化设计风格与用户心理活动之间的关系,结合扁平化设计风格的案例及图表分析,探究扁平化设计风格与用户心理的格式塔对应规律。结论基于格式塔心理学视知觉原理,验证扁平化设计风格是符合用户心理的设计风格,得出扁平化设计风格的设计思路与设计方法,为产品界面设计提供了理论上的参考。

关键词:格式塔心理学;视知觉原理;扁平化设计;用户心理

在界面设计流行“扁平化”风格之前,设计师的重点一直都在产品的交互易用性与可用性上。“扁平化”其实是设计目标的总概念[1]。它不仅是一种风格,而且是一种理念,强调内容、功能与用户间交互的直接性[2]。这种交互体验来源于人对事物的视知觉经验感受,并产生反射性心理作用。研究“扁平化”设计与人视知觉交互的契合点,对界面的造型设计及交互设计具有参考性意义。

1研究背景概述

1.1格式塔心理学视知觉原理概述

格式塔心理学家指出,视知觉具有思维的一切本领。视觉活动完全是一种积极活动,不仅具有选择性,还有完形性、持久性,能够将对象简化、组合、抽象、分离,视觉在认识事物上具有特殊的思维倾向[3]。格式塔心理学所研究的出发点是基于人心理上的“形”,任何“形”都是知觉自行组织建构的结果,并不是依附客观事物存在的。每一个自然人对“形”都有自己的组织能力,并且依照知觉组织的建构规律对事物进行观察。格式塔心理学家总结出其原则包括视知觉的完形原则、类似原则、恒常原则等[4]。

1.2扁平化设计与格式塔视知觉的联系

格式塔心理学提出的视知觉原理为扁平化设计风格与用户交互心理提供了一个理论框架,并为设计师提供了一个新的观察角度和设计认知[5]。分析视知觉感受与扁平化设计之间的关系及规律,可以使设计更加贴合人的观察习惯,从而带来更优化的交互效果。

2格式塔心理学视知觉原理在扁平化中的应用研究

2.1完形原则在扁平化设计中的应用

当某一客观事物被人的感官感知时,心理上会出现对应的格式塔模型,当格式塔模型与客观事物处于不一致的状态时,格式塔会出现“缺陷”,此时心理上就会主观地去弥补这种“缺陷”,使格式塔达到一种完形状态,格式塔完形原则图示见图1。图1是阐述完形原则的经典图示,其之所以会被看出隐含的三角形,是因为人的视知觉具有外推和弥补空缺的完形性[6]。由此对应在界面设计中,人在接受视知觉信息的传递后,会运用格式塔完形心理,主观地对图形进行补全式联想,这是符合人心理活动的一种思维方式。扁平化设计中的格式塔完形心理推导见图2。扁平化设计风格中的样式主要由图形、色块、微肌理等元素构成,组成的图形或控件多以符号化及图形化为主。通过对界面的观察后,人的视知觉会自然地分析图形传递的信息,并在图形的基础上进行联想。在这一过程中,基于格式塔完形心理,人会自动读取和补全形状中的隐喻信息。如果产品的功能与人心中所补全的格式塔心理相匹配,则功能会与用户心理产生微妙的默契,从而实现界面功能上的交互。格式塔完形心理分析见图3。图3选择较有代表性的扁平化元素,如扁平图形控件、色块图标、微材质图标。不同类型的扁平化图形传递给用户的视知觉感受有所不同,而图像能够清晰地表达产品的核心功能,其原理正是由于格式塔完形心理对界面元素的隐喻内涵进行了补全。此外,完整的格式塔形态会传递给人安稳、和谐的感受,同时也会使用户感到平凡、没有特点。相反,当格式塔形态处于不完整状态时更能够引起用户的注意。此前流行的拟物化图标及控件,在人的视知觉经验下显得没有新意并缺乏创造力,这是因为其传递出的格式塔趋于完整形态,没有触发用户心理的外推行为。人在观察扁平化设计时,视知觉自动补全格式塔形态的心理活动恰恰会引发用户的新奇感和刺激感。

2.2简洁原则在扁平化中的应用

格式塔心理学认为知觉是整体、抽象的过程,在保证图形完整结构的同时,对图形进行“简化”,这种简化来自人对特征的识别与对经验的认知,人眼倾向于将所有观察到的刺激样式看成简单的形式[7]。当用户在观察复杂的界面时,视知觉会自动简化界面中出现的图形,并在图形中寻找功能信息。扁平化设计风格正是应用视知觉的观察规律,将现有的认知经验中的事物进行简化处理,将复杂的事物或功能进行简化、分解、抽离,找出符合视知觉经验的特征部分。这些具有代表性的特征能让人识别出想描述的事物,也能传递更生动的形象,从而让传递的功能信息变得更加直观、简洁,具有趣味性。格式塔简洁原则的分析见图4。

2.3视错觉原理在扁平化中的应用

视错觉是人眼判断观察到的形态与心理架构的形态间存在差异形成的一种感受,这种感受来自于知觉的恒常性。人总是根据印象、经验、预期去感知事物,视知觉会记录生活中事物的大小、状态、颜色等,将它们综合起来形成知觉上的印象,当某一对象的变形在知觉范围内印象不变,则知觉状态处于恒常状态[8]。拟物化设计的知觉信息传达在知觉的恒常性界限之内,相机图标采用了不同的写实形式,但都传递给用户照相功能的知觉印象。苹果IOS7系统的扁平化设计刚一出现并未被外界接受,正是因为其设计风格突破了用户视知觉印象中的恒常性。对用户的视知觉而言,恒常性会使触发心理的敏感度和兴奋度降低。扁平化设计基于这一点突破了拟物化带给用户视知觉的恒常性,采用了另一种造型语言,在图形、颜色、形态上进行了改变,给用户带来了打破视知觉恒常性的视错感受,因此,引起了用户感官上的兴奋,使设计具有了丰富的视觉效果。图标的恒常性分析见图5。设计师在进行扁平化风格的界面设计时,需要先了解用户心理的“恒常性”,以此为基础对用户心中的认知元素进行分解和提取,在保证用户心理的格式塔不变形的情况下进行。

2.4图底关系原理在扁平化中的应用

格式塔图底关系原理强调人的知觉会将意识活动集中于某一点,该点在人视知觉的感受中最为清晰,而其余部分则会显得相对模糊。这些都由视知觉的选择性决定,用户对于界面图与底的认识很大程度上受到周围环境的影响[9]。依照理论基础,界面中相对规则、对称的形容易被视为图,反之则易被视为底;小面积、高明度的色彩易被视为图,大面积、低明度的易被视为底。扁平化设计中,使用简单的图形和大面积的背景,去掉多余的修饰元素,采用对比与强调,将内容更突出或者更淡化。设计以信息的视觉交互为主,强调对大面积色彩的使用,通常使用户遵循格式塔心理默认的“元素之间过多空白是不需要过多关注的背景”,将注意力放在扁平化图形上,从而提高用户与界面交互点的准确性,使界面变得简单、易懂。

2.5异质同构原理在扁平化中的应用

格式塔心理学提到心理与物理是同生的。人的心中有个“力”,如果物理中“力”在形态上与人心理的“力”相似,物理事物就会带给人情感,这种现象被称为“异质同构”[10]。例如,音乐里降调的声音、即将落山的残日等事物与人在忧伤时的“力”的形态相同,它们给人一种悲伤感。在界面设计中,单一、固化的视觉设计造型已经使用户视知觉产生了惯性,这样的设计往往不能抓住用户的心。扁平化风格的设计打破了事物的固有造型,用简洁的图形来表达,能在短时间内得到交互者的关注,并快速传递信息,引发用户对设计的回味与思考。其次,扁平化设计的异质同构是用最简洁的形式来表达丰富的内涵与功能,通过扁平图形色彩和符号化设计来迎合用户心理中的“力”,实现与用户心理上的交互。

3结语

格式塔心理学体现出用户的视知觉是如何被优化和感知事物的。视知觉系统主观地将感受到的信息进行优化并记录事物。文中提到的5种应用在扁平化设计中并非单独存在的。它们是相互影响和支撑的。用户对产品界面进行观察会发现扁平化设计可能同时涉及多个格式塔原理。对原理的应用方法应是以1种原理为基础,进行扁平化的基础图形设计,再叠加其它的原理,从而升级视知觉的体验。例如,使用“图底关系原理”可以充分提高用户在视觉交互时对扁平化图形内容读取的准确性,在此基础上采用“完形原则”使其增加视觉上的新奇感。此外,在应用格式塔原理的过程中,需要综合考虑界面的功能属性,将产品的可识别性和功能性放在首位,注意用户在观察过程中的视知觉感受,避免盲目堆砌格式塔原理。参考相关的格式塔视知觉原理可以使界面更具吸引力,满足用户的感官需求,最终给用户提供优质的交互体验。用户对互联网产品界面设计的需求已经从单纯地追求产品功能的交互层面,上升到对产品整体的视知觉感受。这样的审美趋势将引导设计师挖掘用户与界面之间更深层次的联系,客观地融合心理学方面的知识与理论,更好地提升设计的内在价值。

返回教育论文列表