什么是格式塔原则,以及如何应用这些原则

什么是格式塔原则,以及如何应用这些原则
Rick Davis

在用户体验和交互设计领域最有影响力的心理学理论之一是格式塔理论。 该理论由德国心理学家创立,"格式塔 "一词是指 形式 形状 顾名思义,格式塔原则背后的理念是,人类将一组物体视为模式,而不是单个物体。

有很多关于格式塔原则的文章,但没有那么多的文章帮助你了解如何在你作为UX/UI设计师的工作中应用这些原则。 这篇文章将给你一些想法,如何使用格式塔原则来创造更好的UX和UI设计,帮助人们以更少的努力实现他们的目标。

相似性法则

相似性原则指出,当物体在物理上相似时,我们倾向于 归为一组 并假定他们有 相同的功能 例如,在下面的图片中,由于其颜色不同,很容易将包含酒红色圆圈的线条与图片的其他部分区分开来。

相似性原则的一个例子。 作者的照片。

在用户体验和用户界面设计中使用相似性

See_also: 古老的:用古老的英语字体进行设计

让我们想象一下,你的公司开发了一个名为 "Il Mio Chef "的应用程序,被美国和加拿大的意大利食品爱好者所使用(我们将在本文的其余部分使用它)。 你的用户体验研究员最近交给你的一份报告指出,当谈到订购意大利食品时,用户主要关心哪家餐厅离他们最近。 毕竟,我们都希望有我们的趁着面条或比萨饼还新鲜热乎的时候送过来,我们会不会?

为了便于帮助我们的应用程序用户了解哪些餐厅离他们最近,我们可以利用相似性原则,在用户界面中突出这些餐厅。 在下面的图片中,你可以看到用黄色突出这些选项(在右边),从视觉上强调了最近的餐厅和较远的餐厅之间的区别,从而产生了很大的不同。 这就是你如何可以利用相似性原则来帮助你的用户快速找到他们所寻找的东西。

See_also: 迪士尼的简史

使用格式塔的相似性原则。 图片由作者提供。

邻近法则

临近原则指出,相互靠近的物体 似乎更有关系 例如,第一张图片和第二张图片中的圆圈数量相同。 然而,在第二张图片中,某些柱子相互之间更接近,给人的印象是有三个不同的组,而不是一个大组。

靠近--例子1--一个大团体。 图片由作者提供。

靠近--例子2--三个不同的群体。 图片由作者提供。

在用户体验和用户界面设计中使用接近性

让我们举一个信息可视化领域的例子。

这次,让我们想象一下,你是一位高管,想看看你的应用程序 "Il Mio Chef "的表现。 你想看看衡量财务业绩、用户参与度和满意度的KPI。 起初,你的信息可视化专家创建了下面这个仪表盘,让你和所有其他高管迷失在数字中,问了更多问题。 一个月后,你们中的许多人就完全停止使用这个仪表板。

KPI仪表板 - Il Mio Chef. 图片由作者提供。

在这一点上,你回到你的信息可视化专家那里,要求她通过重新设计仪表盘,使人们更容易理解大局。 在这种情况下,就近原则派上了用场,你可以看到下面的新设计。 它包含三个按KPI类型划分的小组,它帮助每个人理解应用程序在财务方面的表现如何将对象分组并在分组之间使用更多的空白,可以帮助你的用户更快地消化信息。

在仪表盘设计中使用格式塔的接近原则。 图片由作者提供。

连续性法则

连续性原则指出,一旦眼睛开始跟随一个物体,它就会继续沿着这个方向 "运动",直到遇到另一个物体。 这种运动帮助我们把这个物体看作是我们寻找信息必须经过的同一路径的一部分。 下面的图片显示了我们如何利用连续性原则来创造这种视觉模式,引导眼睛朝向一个特定的方向。

连续性原则的一个例子。 图片由作者提供。

在用户体验和用户界面设计中使用连续性

你的用户体验研究员提交了一份新的报告,显示用户使用 "Il Mio Chef "应用程序的主要动机是美食探索,因为它允许他们每周进入新的意大利美食餐厅。 你看了下图(左侧)中显示人们在当前的用户界面设计下刷过多少次选项的指标,发现他们从未在上面刷过两次以上平均而言,看看他们有哪些选择。

使用连续性原则(下图右侧),你的UX设计师帮助将这个数字增加到平均10次刷卡。 这是怎么发生的呢? 通过隐藏部分图片并强调你需要向左或向右刷卡才能看到里面的内容,你的用户的眼睛被引导去创造 "刷卡 "动作,并更有动力去探索更多的餐厅和这是早期的设计根本没有激励你去做的事情,即使你已经有内在的动机去做了。

在UX/UI设计中使用格式塔的连续性原则。 图片由作者提供。

总结一下 在你的UX和UI设计中使用本文介绍的格式塔原则,可以帮助你的用户更快地找到信息并更好地消化它。 此外,它可以通过激励他们采取他们最喜欢的行动来提高他们对你产品的满意度。

封面包括Miklos Philips的艺术作品,在Vectornator中编辑。




Rick Davis
Rick Davis
Rick Davis is a seasoned graphic designer and visual artist with over 10 years of experience in the industry. He has worked with a variety of clients, from small startups to large corporations, helping them achieve their design goals and elevate their brand through effective and impactful visuals. A graduate of the School of Visual Arts in New York City, Rick is passionate about exploring new design trends and technologies, and constantly pushing the boundaries of what's possible in the field. He has a deep expertise in graphic design software, and is always eager to share his knowledge and insights with others.In addition to his work as a designer, Rick is also a committed blogger, and is dedicated to covering the latest trends and developments in the world of graphic design software. He believes that sharing information and ideas is key to fostering a strong and vibrant design community, and is always eager to connect with other designers and creatives online.Whether he's designing a new logo for a client, experimenting with the latest tools and techniques in his studio, or writing informative and engaging blog posts, Rick is always committed to delivering the best possible work and helping others achieve their design goals.