格式塔原理案例应用，请看这里？

沟通在用户界面和用户体验设计中都扮演着核心角色。了解用户如何看待和理解您的工作是关键。格式塔原理可以帮助您做到这一点。

格式塔原则由格式塔心理学家提出，描述了我们如何解释和处理周围的环境。它们指出，我们的大脑有一种倾向，即把元素进行分组和组织，并以可预见的方式进行。我们的思维方式可以在格式塔原则中得到总结。

在本文中，我将向您介绍5种格式塔原理，以及它们如何有助于用户友好的设计。

格式塔原理简史

在1920年代，德国心理学家Max Wertheimer，Kurt Koffka和Wolfgang Kohler研究了人类的感知和混沌。他们致力于理解我们的思维是如何运作的，如何理解我们混乱的环境。

通过观察，Wertheimer，Koffka，Kohler从理论上讲，我们倾向于对元素进行分组，识别图案并简化复杂的图像。但我们并不是随便这样做的-我们的努力往往属于某些原则。他们称这些原则为格式塔原则。格式塔原则自提出以来，就被所有学科的设计者所采用，UI和UX也不例外。

5种格式塔原则

如果您在这里，您很有可能是在技术领域发展。无论您是一个有抱负的UX设计师还是一个崭露头角的UI专业人员，格式塔原理都可以帮助您了解最终用户将如何理解和浏览您的工作。

现在让我们详细地探讨一下这些原则。

1.邻近

邻近原则指出，当元素彼此接近时，我们倾向于把它们视为一个群体。为了更好地理解它，请看下面的Mattias Johansson编写的很酷的结帐表单。

资料来源：Dribbble

在其中，我们看到4个主要的元素组，在下面进行了标记和编号。

这些群体不是坐在盒子里，也没有明确的边界。然而，我们将它们视为独立的内容集群。我们这样做是因为每个部分中的元素彼此相邻。

如果你仔细观察，你会注意到每个组中都有子组。在组3中，每个输入字段和标签被视为一个单独的组。在第4组中，每个列表项被视为另一个列表项。这就是行动中的接近原则。

2.相似性

将一袋M＆M巧克力豆扔到桌子上，您的大脑就会立刻开始根据颜色对它们进行分组。红色将是一组，绿色将是另一组，黄色将是第三组。我们倾向于将看起来彼此相似的元素进行分组。

在下面的Sherzod Mirzaakhmedov拍摄的Dribbble照片中，大小被用来表达关系。具有相同特征的剧院和电影设置在相同大小的图块上。通过快速浏览页面，我们可以确定哪些剧院和电影属于同一组。内容丰富且具有视觉吸引力！

3.连续性

是否曾经注意到您的眼睛喜欢沿着线条行进，跟随并移动？我们的大脑倾向于遵循彼此一致的路径和元素组合，这就是连续性原则。

我们可以使用线条来捕获和引导用户使用界面中的重要元素。Devin Jacoviello创造性地使用了一系列平台，并引导用户了解Timeline在其目标网页上的设计理念。  

4.封闭

如果有机会，我们的大脑将选择简单。由于整体要比多个部分更容易处理，因此我们将填补空白或将点连接起来以完成隐含的形状或图像。

加载程序是当今用户界面中的常见元素。每当产品需要多一点时间来完成任务（例如刷新或处理付款）时，加载程序都会让我们知道该产品仍在后台运行。

下面，Khrystyna演示了她的加载器的关闭，动画里的线从来没有真正接触过，但我们看到了一个圆。

5.连通性

在五种格式塔原则中，可以说联系最容易掌握。连通性指出，当元素相互连接时，我们倾向于对它们进行分组。而已！

如今，许多应用程序都有车载功能。当你打开一个新应用程序时，这些屏幕是你最先看到的。通常，它们会以令人惊叹的动画和图形为特色，并与你分享新应用程序的最佳部分。

我们在下面分享了Paperpillar的流程图。在其中，可爱的夫妻生活在一个粉红色的泡泡中。它包含周围的字符和元素，它将角色和元素置于其周围，并在视觉上将它们分组。

格式塔原则：交给您！

一旦您对它们有了扎实的了解，就很容易在UI和UX中随处看到格式塔原理。下次当您弹出打开自己喜欢的应用程序或发现自己喜欢访问网站时，请问自己：格式塔原理是否适用于此？它们是单独工作还是组合使用？重点分析您遇到的每个出色应用程序并从中汲取灵感。

译者：木也子

原文链接：https://careerfoundry.com/en/blog/ui-design/what-are-gestalt-principles/#2-similarity