格式塔 ’格式塔‘视觉原理的运用

限时干货下载:回复“信息”获取机器视觉教程、行业报告等资源。百度磁盘群分享链接更新时间:2017-11-22。请在文末留言，不要在后台。您也可以在后台菜单“资源搜索”中搜索更多您想要的网络磁盘资源！

拓展视野！

格式塔心理学是认知心理学中的一个重要理论，对视觉设计有很大的影响。了解大众视觉认知的工作原理，不仅可以设计出更符合用户认知的界面，还可以让每一个元素、色彩、布局都有严格的理论基础支撑。

格式塔是什么？

格式塔心理学诞生于1912年。它是一个由德国心理学家组成的研究小组，试图解释人类视觉的工作原理。他们观察了许多重要的视觉现象，并对它们进行了分类。最基本的发现之一就是人类的视觉是整体性的:我们的视觉系统自动构建视觉输入的结构，在神经系统层面感知形状、图形和物体，而不仅仅是看到断开的边缘、线条和区域。“形”和“形”在德语中是格式塔，所以这些理论也被称为视知觉的格式塔原理。

学习和理解格式塔原理可能需要很长时间。作为交互设计师和界面设计师，只要理解了这些原理的含义和用法，就可以指导和支持自己的设计。

格式塔理论明确指出，眼脑功能是一个不断组织、简化、统一的过程，正是通过这个过程产生了一个易于理解、协调的整体。由此产生了格式塔的一些基本原则:

格式塔原理——图形与背景、接近、相似、封闭、连续、简单、平衡。

图形和背景原理

-感知帮助我们将图形从背景中分离出来。人物和背景对比越大，人物轮廓越明显，越容易被发现。这个原理指出，我们在感知事物时，总是自动将视觉区域分为主体和背景。我们可以利用这个原理来拉伸整个设计层次，从而突出我们希望用户看到的东西。比如手机应用中常用的灯箱，通过变暗的方式将当前内容变成背景，然后弹出灯箱来转移用户的视觉焦点。

邻近原则

-距离相似的零件往往形成一个整体。这是最简单也是最常用的原理。

如上图，左图是一组大小和间距相同的圆。我们只需改变一些圆之间的距离，就可以很容易地看到四列直立的点。

app应用

图1:左侧设置区域，右侧确定区域。图2:功能相似的按钮组合在一起。都是为了方便用户。相反，如果同一个群体的控制被放置得太远，或者如果横向和纵向的方法是错误的，或者如果没有使用区域分界线，人们很难察觉到它们与你预期的一样相关。软件将变得难以学习和使用

邻近原则是支持我们组织和设计无组织元素的最基本原则，从排版、网页，到各种软件和程序，甚至是我们生活中的家具摆放和房间布置，贯穿于我们生活的方方面面。

相似原则

-如果其他因素相同，那么相似的对象似乎属于一个组

对于同样的两对矩阵圆，第二个矩阵只改变了两行圆的颜色，我们的点马上就会在视觉上水平排列。颜色的相似性会强烈地引导我们的视觉，促使我们改变这些点的排列方向。

应用:表单列表，由于水平间距大，视觉认知很容易垂直阅读，我们期望用户水平阅读来获取信息，所以添加灰色条后，我们的视觉认知很容易水平阅读。

闭合原理

——互相属于，形成封闭实体的部分，趋向于形成整体。

人们倾向于补充缺陷的轮廓，使其成为一个完全封闭的整体

如上左图，没有三角形，也没有圆形，只是我们的心智模型习惯于填充缺失的信息，创造熟悉的形状和图形。在设计中，使用不完整的图形来使观众靠近，可以吸引用户的兴趣和注意力。最著名的应用是苹果的logo，一口咬掉的缝隙引起了人们的好奇和怀疑，给了人们极大的想象力空。交互中亲密度的扩展也可以理解为完整状态的认知倾向，比如“操作闭环”，应用于流程设计，比如添加购物车后的购物车反馈，删除后的效果等等。

连续性原则

——在知觉过程中，人们往往使知觉对象的直线继续成为直线，而使曲线继续成为曲线。所有具有连续性或共同运动方向的物体都容易被看作一个整体。

传说:感知会削弱这些划分带来的“块”，同时还能实现“直线、圆、曲线”。

箭头，半遮挡，模拟现实的叠加都是通过视觉的连续性来应用的。三种方法之间没有优劣之分，只是根据当前用户的使用场景或者产品的用途来选择合适的方法。

简单原则

-当我们的眼睛观看时，眼睛和大脑从一开始就没有区分图像的每个组成部分。

相反，这些部分结合在一起，使它成为一个更容易理解的整体。"

眼睛和大脑总是在组织和检索之间，简单的原理也可以解释为“与过去学过的规律相同、相似的物体更容易识别”。认知难度在“圆≈正方形≤星<多边形”左右，图形越简单，认知难度越低。

平衡原理

-感知倾向于在视觉组合中寻求秩序或平衡。

左图是一个杠杆上的两个球，两个质地相同的球，大球被小球向上倾斜。是不是感觉很奇怪，因为我们会认为两个颜色和质地都一样的球有必然的重量

大球的质量会更大，但大的会被小的向上倾斜，这不可避免地与我们用户的认知模式不一致。但是，如图2所示，我们会将大球的颜色变浅，由小球向上倾斜，这样会使整体更加合理。这就是视觉权重或视觉流，根据视觉元素的不同权重，创造视觉平衡；它还可以根据“不平衡”和视觉权重来引导用户的视觉流量。

总结

以上是格式塔学习后的思考总结。在现实世界的视觉场景中，各种格式塔原理不是孤立的，而是协同工作的。在工作中，每一个原则都被用来考虑各种设计元素之间的关系，从而减少工作中的主观假设，使设计方案更加可靠。

来源:简书