如何通过视觉交流来掌握知觉

您知道吗，您看到云并看到其中的某种动物或人物就发生了吗？您是否曾经想过，为什么当看着卷曲的水蒸气斑点时，我们有这样的关联？这是因为大脑是这样工作的！

我们的大脑不断地试图理解我们周围的世界，分析我们以前的经验并积累视觉模式并建立联系。我们的大脑以某种神秘的方式区分形状，将信息分组并填补空白以形成完整的图片。

了解人脑的工作原理可以帮助您加深设计经验，并逐步学会通过视觉连接来操纵感知。

您将能够确定哪些元素在给定情况下最有效地工作-并以此来控制用户的注意力和行为。

在设计用户界面时，管理注意力的技巧有时是必不可少的：这些界面专注于解决特定问题或实现目标。

一位优秀的设计师了解心理学在视觉感知中的重要性。当观众的目光落在您的设计作品上时，会发生什么？他的大脑对您要传达的信息有何反应？”

-Autodesk品牌内容策略师Laura Boucher

现在，我认为很明显，视觉设计和心理学紧密相关，并且可以相互影响。格式塔原理帮助我们理解和控制这些联系。

格式塔是什么？

格式塔（Gestalt，形式，结构的德语）是德国心理学家在1920年代提出的一组视觉感知原理。格式塔原理基于以下理论：“一个有组织的整体被认为不仅仅是其各个部分的总和”。

“整体不仅仅是其组成部分的总和”

-库尔特·科夫卡（Kurt Koffka）

格式塔原理试图描述人们在特定条件下如何看待视觉元素。这些原则基于四个关键思想：

紧急情况

人们倾向于先识别物体的一般形状，然后才注意细节。我们的大脑比具有很多细节的大脑更快地识别一个简单的，定义明确的对象。

物化

即使部分丢失，我们也能够识别出。我们的大脑将我们所看到的与存储在内存中的模式相匹配，并填补了空白。

多重稳定性

人们可以以不同的方式感知和解释模糊的对象。大脑将在对象含义的可能变体之间跳转。结果，其中一个选项将接管，而其他选项将变得越来越难。

不变性

人类可以识别简单的物体，而不管它们在空间，大小和样式上的位置。我们的大脑可以从不同的角度感知物体-不管它们看起来如何不同。

现在，让我们看看能帮助我们设计现代界面的格式塔原理。

接近

彼此接近的元素比相距较远的元素之间的联系更紧密。因此，我们经常将单个元素视为一个整体，而不是单独地。

如何在UI设计中应用接近原理？

我们可以在UI设计中使用接近原理来对相关信息进行分组，组织内容或组织布局。如果正确使用，接近原理会对视觉传达和用户体验产生积极影响。

接近原理指出互连的对象应彼此靠近放置，而未连接的对象应保持一定距离。在这种情况下，空白扮演着非常重要的角色：它创造出对比度，将用户的视线引向正确的方向。空白大大增强了视觉层次并有助于引导注意力。因此，这种布局更易于阅读和扫描，有助于用户更快地实现其目标，并更深入地了解界面的内容。

在界面中，接近原理几乎可以应用在所有地方：从导航，卡片，画廊和横幅到列表，正文和分页。

一般区域

该原理类似于接近原理：位于同一区域内的元素被视为一个组。

如何将共享区域原则应用于UI设计？

共享区原则在界面设计中特别有用：它有助于对信息进行分组和组织内容，但是还允许您将一个内容组与另一个内容组分开或创建焦点。共享区域增强了层次结构，提高了内容可扫描性，并有助于突出显示所需的信息。

通用范围原则有助于将几个不同的元素组合在一起，这些元素属于较大的一组元素。对于此类分组，可以使用线条，颜色，形状和阴影。按照相同的原则，您可以将一些元素放在首位，强调它们的重要性。

卡是在接口中使用“公共区域”原理的一个很好的例子：卡：定义明确的矩形区域，用于放置相关信息。另一个很好的例子是横幅和表格。

相似

在我们看来，具有相似视觉特征的元素比看起来不同的元素更加紧密。

如何在UI设计中应用相似性原则？

我们倾向于将相似的元素视为一个组或模式。另外，我们假设这些元素具有相同的目的。相似性原理有助于组织和分类组内的对象，并通过含义或功能将它们链接在一起。

有几种使元素看起来相似的方法：颜色，大小，形状，纹理或方向。其中一些方法更有效：例如，颜色比大小更能决定因素-大小比形状更重要。在一组相似的对象中，可以通过将其与其他对象区分开来轻松区分。这称为“异常”，可用于创建对比度或增加视觉重量。这将有助于将用户的注意力吸引到特定元素（焦点）上，而不会影响界面的可扫描性，清晰度和流动性。

您可以在导航，链接，按钮，标题，号召性用语等中使用相似性原理。

隔离

我们经常将一组元素视为一个可识别的对象或形状。当对象不完整或某些部分未相互连接时，“闭合原理”也适用。

如何在用户界面设计中应用闭包原理？

封闭原理说：当大脑积累必要的信息量时，它会立即跳到结论-它填补了空白并创建了物体的整体图像。这样，我们可以使用更少的元素来传达相同的信息-同时使界面更简单，更有趣。封闭可以减少视觉噪音，即使在狭窄的空间内也可以有效传达信息或概念。

闭合原则可用于图像中：简单性可以帮助我们清晰有效地传达含义。

对称

对称元素（即使它们相距很远）通常被认为是相互联系的，并产生了完整和秩序感。

如何将对称性原理应用于UI设计？

对称元素看起来简单，和谐而令人愉悦。为了理解我们周围的世界，我们始终努力保持对称，稳定和秩序。因此，当您需要快速有效地交流信息时，对称性是一个有用的工具。对称营造舒适感，让您专注于真正重要的事情。

对称的合成效果令人满意，但有时看起来过于枯燥和静态。视觉对称往往看起来更加动态和有趣。如果在对称设计中添加一个非对称元素，它将引起用户的注意；例如，在设计号召性用语时可以使用此功能。对称-结合离散的不对称元素-在任何设计中都非常重要。

对称性非常适合投资组合，画廊，产品目录，产品描述，导航，横幅和其他内容丰富的页面。

延续性

在我们看来，以直线或平滑曲线排列的元素比那些随机排列或沿着虚线排列的元素更加相互关联。

如何在用户界面设计中应用延续原则？

沿线定位的元素被视为已分组。线条越平滑，元素越容易形成单一形状：我们的大脑喜欢遵循阻力最小的路径。

延续原理帮助我们传达构图中的方向和运动。这个原则的一个例子是元素的对齐：它可以帮助我们在页面周围平稳地引导观看者的眼睛并使内容更清晰。延续还有助于加强单个对象的分组，将事物按顺序放置在界面中，并将用户的注意力引向必要的部分。当“继续”效果中断时，向用户发出一个逻辑块已结束的信号，是时候注意下一个逻辑块了。

行和列的线性对齐是使用“继续”原理的一个很好的例子。这使您可以调整菜单和子菜单，列表，产品卡，轮播，产品和服务目录。

共同的命运

我们认为，朝着相同方向移动的元素比朝着不同方向移动或保持静止的元素更加相互关联。

如何在UI设计中应用“共享命运”原则？

物体之间的距离有多远或它们有多不同都无关紧要-如果它们一起移动或更改，我们会认为它们是相互关联的。即使没有明显的运动，但只有一丝运动，此效果仍然有效：例如，以视觉方式显示方向。

当元素同步时：在同一方向上以相同的速度同时移动，“共同命运”原理的作用更强。它有助于我们对元素进行分组并将操作与结果相关联。同步运动的中断立即引起用户的注意，并将其引导到特定的元素或功能。这样，您可以链接不同的状态和对象组。

您可以使用“共享命运”来设置下拉菜单，手风琴，工具提示，产品滑块，视差页面和滑动控制元素的样式。

结论

用户界面设计不仅仅是美观的像素和出色的图形。界面中的主要内容是有效的沟通，结果和便利。格式塔原则始终可以帮助我们实现这些目标-同时为用户创造令人愉悦的用户体验，并为企业带来成功。

原文地址：UI设计中的格式塔原理。