如何成为视觉传达的大师级操纵者？
UI设计中的格式塔原则。
如何成为视觉传达的大师级操纵者。
H你有没有看过天空，注意到一朵形状不寻常的云，类似于熟悉的动物或物体？你有没有想过，为什么或如何通过观察一团蓬松的气体来建立这种联想？这一切都是因为你的大脑是如何工作的！
你的大脑总是试图通过比较以前的经历或视觉模式并连接这些点来理解世界。它有自己的“怪异”方式感知形状和形式，对信息进行分组，填补空白以绘制大局。
了解你的大脑是如何工作的，这将有助于你成为一个更聪明的设计师;视觉传达的主要操纵者。它可以帮助您确定在任何给定情况下哪些视觉元素最有效，因此您可以使用它们来影响感知，引导注意力并引起行为改变。当涉及到目标导向，解决问题，直观的设计时，特别有用的东西;用户界面设计。
“伟大的设计师了解心理学在视觉感知中发挥的强大作用。当某人的眼睛遇到你的设计作品时会发生什么？他们的思想对你的作品所分享的信息有何反应？
— Laura Busche，Autodesk 品牌内容策略师
现在很明显，视觉设计和心理学是相互联系的，可以相互影响。格式塔原则可以帮助我们理解和控制这些链接。
什么是格式塔？
格式塔（德语中的形式，形状）是德国心理学家在20世纪20年代开发的一组视觉感知原则。它建立在“一个有组织的整体，被认为大于其各部分的总和”的理论之上。
“整体不是各部分的总和。
— 库尔特·科夫卡
格式塔原则试图描述当某些条件适用时人们如何感知视觉元素。它们建立在四个关键思想之上：
出现
人们倾向于首先以一般的概述形式识别元素。我们的大脑识别一个简单，定义明确的物体比一个详细的物体更快。
物化
人们可以识别物体，即使它们的某些部分丢失了。我们的大脑将我们所看到的与存储在我们记忆中的熟悉模式相匹配，并填补了空白。
多重稳定性
人们经常会以多种方式解释模棱两可的对象。我们的大脑将在寻求确定性的替代方案之间来回反弹。结果，一种观点将变得更加占主导地位，而另一种观点将更难看到。
不变性
人们可以独立于其旋转，缩放和平移来识别简单物体。我们的大脑可以从不同的角度感知物体，尽管它们的外观不同。
以下是格式塔原则，可以为当今的UI设计提供信息。
接近
彼此排列得很近的元素被认为比那些相距更远的元素更相关。通过这种方式，不同的元素主要被视为一个群体，而不是单个元素。
邻近性原则如何应用于 UI 设计？
我们可以在UI设计中使用邻近原则对类似信息进行分组，组织内容和整理布局。正确使用它将对视觉传达和用户体验产生积极影响。
正如原则所述，相关的项目应彼此靠近，而不相关的项目应保持更远的距离。空白在这里起着至关重要的作用，因为它创造了对比，引导用户的眼睛朝着预期的方向前进。空白可以增强视觉层次结构和信息流，有助于易于阅读和扫描的布局。它将帮助用户更快地实现目标并深入研究内容。
我们几乎可以在任何地方应用邻近性原则，从导航，卡片，画廊和横幅到列表，正文文本和分页。
公共区域
与邻近原则类似，放置在同一区域中的元素被视为分组。
公共区域原则如何应用于 UI 设计？
共同区域原则特别有用。它可以帮助信息分组和内容组织，但它也可以实现内容分离或充当焦点。它提高了层次结构，可扫描性并有助于促进信息。
共同区域原则可以将许多不同的元素结合在一起，使它们在更大的群体中保持统一。我们可以通过使用线条，颜色，形状和阴影来实现它。它通常可用于将元素置于前台，指示交互或重要性。
一个很好的公共区域示例是卡片UI模式;一个定义明确的矩形空间，其中不同的信息位呈现为一个整体。横幅和表格也是很好的例子。
相似
具有相似视觉特征的元素被认为比不具有相似特征的元素更相关。
相似性原则如何应用于UI设计？
我们倾向于将彼此相似的元素视为分组或模式。我们也可能认为它们具有相同的目的。相似性可以帮助我们对群体中的对象进行组织和分类，并将它们与特定的含义或功能联系起来。
有不同的方法可以使元素被认为是相似的，因此是相关的。这些包括颜色，大小，形状，纹理，尺寸和方向的相似性;其中一些比其他的更具交流性（例如颜色>尺寸>形状）。当相似性发生时，一个对象可以通过与其他对象不同而得到强调;这被称为“异常”，可用于创建对比度或视觉权重。它可以将用户的注意力吸引到特定的内容（焦点），同时协助可扫描性，可发现性和整体流程。
我们可以在导航，链接，按钮，标题，号召性用语等中使用相似性原则。
关闭
一组元素通常被认为是单个可识别的形式或图形。当对象不完整或部分对象未封闭时，也会发生闭包。
闭包原则如何应用于UI设计？
正如闭包原理所述，当呈现适量的信息时，我们的大脑将通过填补空白并创建一个统一的整体来得出结论。通过这种方式，我们可以减少传达信息所需的元素数量，降低复杂性并使设计更具吸引力。闭合可以帮助我们最大限度地减少视觉噪音并传达信息，在一个非常小的空间内加强一个概念。
我们可以在图像学中使用闭包原则，其中简单性有助于快速，清晰地传达意义。
对称
无论距离多远，对称元素都倾向于被视为属于一起，给我们一种坚固和秩序的感觉。
对称原则如何应用于UI设计？
对称的元素简单，和谐，视觉上令人愉悦。我们的眼睛寻求这些属性以及秩序和稳定，以理解世界。因此，对称性是快速有效地传达信息的有用工具。对称性让我们感觉很舒服，可以帮助我们专注于重要的事情。
对称的构图令人满意，但它们也会变得有点沉闷和静态。视觉对称往往更具动态性和趣味性。在其他对称设计中添加不对称元素有助于在给人留下印象的同时吸引注意力;例如，对于任何兴趣点或号召性用语都很有用。对称性以及健康的不对称性在任何设计中都很重要。
最好将 Symmetry 用于投资组合、图库、产品展示、列表、导航、横幅和任何内容繁重的页面。
延续
排列在一条线或一条柔和曲线中的元素被认为比那些随机排列或以粗糙线排列的元素更相关。
连续性原则如何应用于 UI 设计？
连续线后面的元素被视为分组。线段越平滑，我们就越能看到它们作为一个统一的形状;我们的头脑更喜欢阻力最小的路径。
连续性帮助我们通过构图来解释方向和运动。它发生在对齐元素时，它可以帮助我们的眼睛在页面中平稳移动，有助于提高可读性。连续性原则加强了对分组信息的感知，创造了秩序并引导用户通过不同的内容片段。连续性的中断可能预示着一个部分的结束，将注意力吸引到一个新的内容上。
行和列的线性排列是连续性的很好的例子。我们可以在菜单和子菜单，列表，产品安排，轮播，服务或流程/进度显示中使用它们。
共同的命运
向同一方向移动的元素被认为比向不同方向移动的元素更相关，或者根本不移动。
共同命运原则如何应用于UI设计？
无论这些元素相距多远，或者它们看起来有多不同，如果它们一起移动或变化，它们就会被认为是相关的。即使其他视觉元素暗示了运动，也可以发生这种效果。
当元素同步移动时，共同命运原则更有效;在相同的方向，相同的时间和速度。它可以帮助对相关信息进行分组，并将操作与结果联系起来。同步运动的中断可以吸引用户的注意力，并将其引导到特定的元素或功能上。它还可以建立不同组或状态之间的关系。
我们可以在可扩展的菜单，手风琴，工具提示，产品滑块，视差滚动和滑动指示器中使用共同命运原则。
结论
用户界面设计并不全是关于漂亮的像素和闪闪发光的图形。它主要是关于沟通，性能和便利性。格式塔原则始终是最新的，帮助我们实现这些目标;为用户创造愉快的体验，为企业带来巨大的成功。
留言