提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
如何成为视觉交流的主要操纵者?
你曾经看着天空注意到特殊形状的云,酷似熟悉的动物或物体?你有没有想过,为什么或者如何通过观察蓬松的一团气来制造这种关联?这都是因为你的大脑工作原理!
你的大脑总是试图通过比较以前的经验或视觉模式和连接点来理解世界。它有自己的“奇怪”的方式来感知形状和形式,分组信息,填补空白,绘制大局。
了解你的大脑如何工作将有助于你成为一个更聪明的设计师 ; 视觉传达的主要操纵者。它可以帮助您确定哪些视觉元素在任何特定情况下都是最有效的,因此您可以使用它们来影响知觉,引导注意力并引起行为改变。当涉及到面向目标,解决问题,直观的设计时,这些特别有用; 用户界面设计。
“伟大的设计师理解心理学在视觉感知中扮演的重要角色。当别人的眼睛满足你的设计创作时会发生什么?他们的想法如何对你作品分享的信息作出反应?“
- Autodesk品牌内容策划师Laura Busche
现在很清楚,视觉设计和心理学是相互联系的,可以相互影响。格式塔原则可以帮助我们理解和控制这些联系。
What is Gestalt?
什么是格式塔?
格式塔(德式造型)是德国心理学家在20世纪20年代开发的一组视觉感知原理。它建立在“有组织的整体,被认为大于其各部分之和”的理论之上。
“整体不是部分的总和。”
- Kurt Koffka
格式塔原则试图描述当某些条件适用时人们如何看待视觉元素。它们建立在四个关键点上:
Emergence
紧急情况
人们倾向于首先以一般概述的形式确定元素。我们的大脑比一个详细的大脑更快识别一个简单的,明确定义的对象。
Reification
物化
即使有部分人失踪,人们也可以识别物体。我们的大脑与存储在我们记忆中的熟悉模式相匹配,并填补了空白。
Multi-Stability
多稳定性
人们通常会以不止一种方式解释模棱两可的对象。我们的大脑会在寻求确定性的选择之间来回反弹。结果,一种观点会变得更加占优势,而另一种则会变得更难看。
Invariance
不变性
人们可以独立识别简单物体的旋转,缩放和翻译。尽管它们的外观不同,但我们的大脑可以从不同的角度感知物体。
这是可以通知今天的UI设计的格式塔原理。
Proximity
接近
排列在一起的元素被认为比那些排列得更远的元素更相关。这样,不同的元素主要被视为一个群体而不是单独的元素。
How does the Proximity principle apply to UI design?
Proximity原理如何适用于UI设计?
我们可以在UI设计中使用Proximity原则来分组类似信息,组织内容和整理布局。它的正确使用将对视觉通信和用户体验产生积极影响。
正如原则所述,相关的项目应该彼此靠近,而不相关的项目应该保持更远的距离。白色空间在这里起着至关重要的作用,因为它会在预期的方向上创造出引导用户眼睛的对比。白色空间可以增强视觉层次和信息流,有助于轻松阅读和扫描布局。它将帮助用户更快实现目标并深入研究内容。
从导航,卡片,画廊和横幅到列表,正文文本和分页,
我们都可以应用Proximity原则。
Common Region
共同区域
与邻近原则类似,放置在同一区域内的元素被视为分组。
How does the Common Region principle apply to UI design?
共同区域原则如何适用于UI设计?
共同区域原则特别有用。
它可以帮助信息分组和内容组织,但它也可以实现内容分离或充当联络点。它提升了层次结构,可扫描性并协助推广信息。
共同区域的原则可以将许多不同的因素结合在一起,使它们在较大的群体中统一。
我们可以使用线条,颜色,形状和阴影来实现它。它通常可以用来将元素带入前台,表明相互作用或重要性。
一个良好的共同区域的例子是卡的UI模式; 一个精确定义的矩形空间,不同位信息呈现为一个。横幅和表格也是很好的例子。
Similarity
相似
共享相似视觉特征的元素被认为比那些不具有相似特征的元素更相关。
How does the Similarity principle apply to UI design?
相似性原则如何适用于UI设计?
我们倾向于将每个其他元素视为分组或模式。我们也可能会认为他们服务于相同的目的。相似性可以帮助我们组织和分类组内的对象,并将它们与特定的意义或功能联系起来。
有不同的方式让元素被认为是相似的,因此是相关的。这些包括颜色,尺寸,形状,纹理,尺寸和方向的相似性; 其中一些比其他人更具交流性(例如色彩>大小>形状)。当相似性发生时,一个物体可以通过与其他物体不同而被强调; 这被称为'异常',可用于创建对比度或视觉重量。它可以吸引用户的注意力到一个特定的内容(焦点),同时协助扫描性,可发现性和整体流程。
我们可以在导航,链接,按钮,标题,呼叫动作等等中使用相似性原则。
Closure
关闭
一组元素通常被认为是一种可识别的形式或数字。当一个对象不完整或者其中的一部分没有被封闭时,闭合也会发生。
How does the Closure principle apply to UI design?
闭合原则如何适用于UI设计?
正如闭包原则所述,当提供了适量的信息时,我们的大脑将通过填补空白并创建一个统一的整体来跳到结论。通过这种方式,我们可以减少传递信息所需的元素数量,从而降低复杂性并使设计更具吸引力。关闭可以帮助我们最大限度地减少视觉噪音并传达信息,在相当小的空间内强化一个概念。
我们可以在图像学中使用闭合原理,其中简单有助于快速而清晰地传达意义。
Symmetry
对称
无论距离如何,对称元素都倾向于被认为是归属在一起,给我们一种稳固和有序的感觉。
How does the symmetry principle apply in UI design?
对称原则在UI设计中如何应用?
对称元素简单,和谐,视觉愉悦。我们的眼睛寻求那些属性以及秩序和稳定性,以理解世界。因此,Symmetry是快速有效地传达信息的有用工具。Symmetry感觉很舒服,帮助我们专注于重要的事情。
对称组合令人满意,但它们也可能会变得有点沉闷和静止。视觉对称往往更加动态和有趣。在不对称的设计中加入不对称的元素可以在制作印象时吸引注意力; 例如,对于任何兴趣点或“号召行动”都有用。对称性以及健康的不对称性在任何设计中都很重要。
使用Symmetry作为投资组合,画廊,产品展示,列表,导航,横幅和任何内容繁多的页面都很好。
Continuation
延续
排列成一条线或一条柔和曲线的元素被认为比那些随机排列或排成一条粗线条的元素更相关。
How does the Continuity principle apply in UI design?
连续性原则在UI设计中如何应用?
沿着连续线的元素被视为分组。线段越光滑,我们越能将它们视为统一的形状; 我们的头脑更喜欢阻力最小的路径。
连续性帮助我们通过作文解读方向和动作。它在对齐元素时发生,它可以帮助我们的眼睛在页面中平滑移动,并且有助于清晰易读。连续性原则增强了对分组信息的感知,创建订单并指导用户完成不同的内容分段。连续性的中断可能表明某个部分的结束会引起人们对新内容的注意。
行和列的线性排列是连续性的好例子。我们可以在菜单和子菜单,列表,产品安排,轮播,服务或过程/进度显示中使用它们。
Common Fate
共同的命运
朝向相同方向的元素被认为比那些朝不同方向移动或者根本不移动的元素更相关。
How does the Common Fate principle apply in UI design?
共同命运原则在UI设计中如何应用?
无论元素有多远或者它们可能出现的差异多少,如果它们一起移动或变化,它们被认为是相关的。即使在暗示移动时,也可以通过其他视觉元素来实现这种效果。
当元素移动同步时,共同命运原则更有效; 在同一个方向,同一时间和速度。它可以帮助将相关信息分组并将结果与行为联系起来。同步运动的中断可以吸引用户的注意力并将其引导至特定的元素或特征。它还可以建立不同群体或州之间的关系。
我们可以在可扩展菜单,手风琴,工具提示,产品滑块,视差滚动和滑动指示器中使用Common Fate原则。
Conclusion
结论
用户界面设计不仅仅是漂亮的像素和闪亮的图形。
主要是关于沟通,表现和便利。
格式塔原则总是能够帮助我们实现这些目标; 为用户创造愉快的体验,并为业务取得巨大成功。
如果你喜欢这篇文章或者觉得它有用,可以点赞并分享,以便更多人可以从中受益。❤
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册