UI设计中的格式塔原则,优秀设计师必备知识

Recommand
北京/UI设计师/6年前/1193浏览
UI设计中的格式塔原则,优秀设计师必备知识Recommand

格式塔原则对UI设计的作用,成为优秀设计师必备知识

你曾经看着天空注意到特殊形状的云,酷似熟悉的动物或物体?你有没有想过,为什么或如何通过观察蓬松的一团气体来建立这种联系?这完全取决于你的大脑如何运作!


你的大脑总是试图通过比较以前的经验或视觉模式和连接点来了解世界。它有自己的“怪异”方式来感知形状和形式,分组信息,填补空白以画出大局。

了解你的大脑如何运作将有助于你成为一个更聪明的设计师 ; 视觉传达的主操纵者。它可以帮助你确定哪些视觉元素在任何给定情况下最有效,因此你可以使用它们来影响感知,直接注意并导致行为改变。在面向目标,解决问题,直观设计方面特别有用; 用户界面设计。

“伟大的设计师理解心理学在视觉感知中扮演的重要角色。当某人的眼睛符合你的设计创作时会发生什么?他们的思想如何对你的作品分享的信息作出反应?“

- Autodesk品牌内容策略师Laura Busche

现在很清楚,视觉设计和心理学是相互联系的,可以相互影响。格式塔原则可以帮助我们理解和控制这些链接。


格式塔是什么?

格式塔(形式,德语形状)是德国心理学家在20世纪20年代开发的一组视觉感知原则。它建立在“有组织的整体,被认为大于其各部分之和”的理论之上。

“整体不是各部分的总和。”

- Kurt Koffka

格式塔原则试图描述人们在某些条件适用时如何感知视觉元素。它们建立在四个关键想法上:

紧急情况

人们倾向于首先以一般概述的形式识别元素。我们的大脑比一个详细的对象更快地识别出一个简单明确的对象。


物化

人们可以识别物体,即使它们中有部分物体丢失。我们的大脑与我们在记忆中存储的熟悉模式相匹配,并填补了空白。


多稳定性

人们通常会以不止一种方式解释模棱两可的对象。我们的大脑会在寻求确定性的替代方案之间来回反弹。结果,一个视图将变得更占优势,而另一个视图将变得更难以看到。


不变性

人们可以独立于旋转,缩放和平移来识别简单对象。尽管外观不同,我们的大脑可以从不同的角度感知物体。



这是格式塔原则,它可以为今天的UI设计提供信息。

接近

彼此靠近排列的元素被认为与放置得更远的元素相关。这样,不同的元素主要被视为一个组而不是单个元素。


接近原理如何应用于UI设计?

我们可以在UI设计中使用接近原则来分组类似的信息,组织内容和整理布局。正确使用将对视觉传达和用户体验产生积极影响。

正如原则所述,相关的物品应该彼此靠近,而不相关的物品应该保持相距较远。白色空间在这里发挥着至关重要的作用,因为它创造了引导用户眼睛朝向预期方向的对比度。白色空间可以增强视觉层次和信息流,有助于易于阅读和扫描布局。它将帮助用户更快地实现目标并深入研究内容。


从导航,卡片,画廊和横幅到列表,正文和分页,我们几乎可以应用接近原则。

公共区域

与邻近原则类似,放置在同一区域内的元素被视为分组。


公共区域原则如何应用于UI设计?

公共区域原则特别有用。它可以帮助进行信息分组和内容组织,但它也可以实现内容分离或充当焦点。它增强了层次结构,可扫描性并有助于促进信息。

公共区域原则可以将许多不同的元素结合在一起,使它们在更大的组中统一。我们可以通过使用线条,颜色,形状和阴影来实现它。它通常可用于将元素带入前景,指示交互或重要性。


一个好的公共区域示例是卡片UI模式; 一个明确定义的矩形空间,其中不同的信息位表示为一个。横幅和表格也是很好的例子。

相似

共享相似视觉特征的元素被认为与不共享相似特征的元素相关。


相似性原则如何应用于UI设计?

我们倾向于将彼此相似的元素视为分组或模式。我们也可能认为它们的目的是相同的。相似性可以帮助我们组织和分类组中的对象,并将它们与特定的含义或功能相关联。

有不同的方法使元素被认为是相似的,因此是相关的。这些包括颜色,大小,形状,纹理,尺寸和方向的相似性; 他们中的一些人比其他人更具沟通性(例如颜色>大小>形状)。当相似性发生时,可以通过与其他对象不同来强调对象; 这被称为“异常”,可用于创建对比度或视觉重量。它可以吸引用户注意特定内容(焦点),同时协助可扫描性,可发现性和整体流程。


我们可以在导航,链接,按钮,标题,号召性用语等中使用相似性原则。

封闭

一组元素通常被认为是单一可识别的形式或图形。当对象不完整或者未封闭部分对象时,也会发生闭合。


闭合原则如何应用于UI设计?

正如闭合原则所述,当提供适量的信息时,我们的大脑将通过填补空白并创建一个统一的整体来得出结论。通过这种方式,我们可以减少传递信息所需的元素数量,降低复杂性并使设计更具吸引力。关闭可以帮助我们最小化视觉噪音并传达信息,在相当小的空间内强化概念。


我们可以在影像学中使用闭合原理,其中简洁有助于快速,清晰地传达意义。

对称

无论距离如何,对称元素都会被认为属于一体,给我们一种坚固和有序的感觉。


对称原理如何应用于UI设计?

对称元素简单,和谐,视觉上令人愉悦。我们的眼睛寻求这些属性以及秩序和稳定,以了解世界。因此,对称是一种快速有效地传递信息的有用工具。对称感觉很舒服,帮助我们专注于重要的事情。

对称的成分令人满意,但它们也会变得有点沉闷和静止。视觉对称往往更具动态性和趣味性。在对称设计中添加不对称元素有助于在留下印象时吸引注意力; 例如,对任何兴趣点或“行动呼吁”有用的东西。在任何设计中,对称性以及健康的不对称性都很重要。


最好将对称用于投资组合,画廊,产品展示,列表,导航,横幅和任何内容丰富的页面。

延续

排列成直线或柔和曲线的元素被认为与随机排列或粗糙线排列的元素相关。


连续性原则如何应用于UI设计?

连续线后面的元素被视为分组。线段越平滑,我们就越看到统一的形状; 我们的思想更喜欢阻力最小的道路。

连续性帮助我们通过构图来解释方向和运动。它在对齐元素时发生,它可以帮助我们的眼睛顺利地穿过页面,有助于提高易读性。连续性原则加强了对分组信息的感知,创建了秩序并引导用户通过不同的内容细分。连续性的中断可能标志着一个部分的结束,引起人们对新内容的关注。


行和列的线性排列是连续性的良好示例。我们可以在菜单和子菜单,列表,产品安排,轮播,服务或流程/进度显示中使用它们。

共同的命运

向相同方向移动的元素被认为与在不同方向上移动或者根本不移动的元素相关。


共同的命运原则如何应用于UI设计?

无论元素之间有多远,或者它们之间的差异程度如何,如果它们一起移动或变化,它们就会被认为是相关的。即使在暗示移动时,也可以通过其他视觉元素发生这种效果。

当元素同步移动时,共同命运原则更有效; 在同一方向,同时和速度。它可以帮助分组相关信息并将操作与结果相关联。同步运动的中断可以吸引用户的注意力并将其引导到特定元素或特征。它还可以建立不同群体或国家之间的关系。


我们可以在可扩展菜单,手风琴,工具提示,产品滑块,视差滚动和滑动指示器中使用共同的命运原理。


结论

用户界面设计不仅仅是关于漂亮的像素和闪亮的图形。它主要是关于沟通,性能和便利性。格式塔原则始终帮助我们实现这些目标; 为用户创造愉快的体验,并为业务取得巨大成功。




分享最新鲜的设计文章!提供最优质的设计服务!

喜欢可以点点关注哦

19
Report
|
33
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
UI设计文章
UI设计文章
UI设计文章
UI设计文章
作品收藏夹
ui教程
ui教程
ui教程
ui教程
作品收藏夹
UI交互相关
UI交互相关
UI交互相关
UI交互相关
作品收藏夹
文章
文章
文章
文章
作品收藏夹
手机app
手机app
手机app
手机app
作品收藏夹
大家都在看
Log in