在20世纪早期,格式塔心理学家发展了一套原则,旨在描述人们如何以视觉方式感知和组织世界。这些原则通常被称为格式塔法则或格式塔原则。一些最流行的原则包括接近相似常见的地区和关闭。作为设计师,我们可以应用这些原则来创建可用的界面。

定义:闭包的原则当外部刺激与物体部分匹配时,人们会填补空白来感知完整的物体。

即使当我们缺少信息时,我们也倾向于通过填补空白来看到一个完整的物体来理解我们的环境。这种识别是自动发生的。

圆圈形状在视觉上带有缺失的部分,但通常被认为是完整的形状
不完整的物体,如开的圆和正方形,被认为是闭合的形状,正如闭合原理所描述的那样。

应用程序

闭合原理描述了我们将分割的视觉元素视为完整或完整的物体的倾向,即使是在信息缺失的情况下。这一原则经常与徽标设计联系在一起,但它也会影响与之相关的其他视觉设计决策图标以及各种页面元素。

公司标志

这一原则通常在标识设计中得到贯彻。例如,公共广播公司(PBS)和美国职业棒球大联盟(Major League Baseball)的标志设计都采用了闭合的原则。

在这些例子中,我们的大脑会填补空白来感知完整的形状。所描述的形状和物体是可识别的(分别是面孔和棒球运动员),尽管每一个都可以用更大的视觉复杂性来描述,闭合原则的应用创造了简单但有趣的设计。

公共广播公司(PBS)的标志采用了封闭的原则,传达了3个头部(正空间2个,负空间1个)。
公共广播公司(PBS)的标志采用了封闭的原则,传达了3个头部(正空间2个,负空间1个)。
美国职业棒球大联盟(MLB)的标志表明棒球运动员准备挥棒迎接即将到来的球。
美国职业棒球大联盟(Major League Baseball)的标志设计采用了封闭性原则。该设计表明棒球运动员准备挥棒击球。

界面图标

大多数用户体验从业者对我们公司的标识设计没有太多的控制权。然而,图标是闭合原则的另一种载体。

例如,谷歌Slides将闭包原则应用于它的一个图标。图标通过极简主义的视觉设计传达功能。

这个图标描绘了一个覆盖在一个物体上的圆圈,我们的大脑认为它是一个正方形。尽管形状不完整,我们可以很容易地填补空白。
谷歌幻灯片的形状图标使用闭合原理。这个图标描绘了一个覆盖在一个物体上的圆圈,我们的大脑认为它是一个正方形。尽管形状不完整,我们可以很容易地填补空白。

虽然使用闭包原则可以简化图标的视觉复杂性,但您必须仍然测试用户是否理解图标所代表的含义用清晰的标签增加图标.如果用户不理解图标的含义,那么它是否极简主义或美观也无关紧要。

对信号附加内容应用封闭性原则

设计师可以使用封闭性原则1)表明额外内容的存在,2)鼓励与所述内容的互动。

许多旋转木马当在旋转木马中只显示物品的部分时,设计就利用了闭合原理。尽管用户可能无法猜测部分显示的商品的确切细节,但不完整的商品会向他们发出信号,在垂直折线之外还有更多的商品,他们应该滑动鼠标才能看到这些商品。

Lucid的细分对象表明,在垂直折线之外存在额外的内容,并邀请用户通过水平滑动来发现它。
Lucid的细分对象表明,在垂直折线之外存在额外的内容,并邀请用户通过水平滑动来发现它。

另一方面,如果页面对用户来说是完整的,我们就会遇到所谓的完整性的错觉.应用闭包原则来防止完整性的假象意味着对页面元素进行分段在褶皱这样它们就会显得不完整,并鼓励互动(滚动或滑动)。这种技术在具有可预测的视口大小的上下文中工作得很好,但在可能的窗口大小范围很大的情况下,实现起来就困难得多。

例如,睡眠在Headspace,一款冥想应用程序中,页面显示完整,尽管在页面下方还有其他一些冥想产品。这种设计可以通过显示分段的元素来改进(比如后续元素的一半)最近看到所有按钮),以沟通附加内容如下。

顶空面临着完整的错觉,因为褶皱上面的信息看起来是完整的
顶空面临着完整的错觉,因为褶皱上面的信息看起来是完整的。

确保分段元素传达整体

并不是所有结束原则的应用都是有效的。当删除内容和页面元素时,要考虑屏幕上有多少元素,是否足够传达价值和功能。提供的信息太少会让用户难以填写。

2个带虚线轮廓的圆圈。一个形状有更多的虚线,使它更容易识别为一个圆,相比之下,第二个图形有更少的线。
这两张图哪个更容易理解?我们大多数人可能会说,在左边的图表中更容易看到完整的圆。

当我们从界面中删除页面元素和内容时,我们需要提供足够的上下文来传达更多的内容。HelloFresh是一种餐饮订阅服务,它使用结束的原则向用户发送一个旋转木马。然而,分段的元素很小,很容易被忽略。

HelloFresh通过切断一个传送带条目来传递额外的内容。然而,设计是麻烦的,因为提供的部分相对较小。

相比之下,Target应用成功地应用了闭包原则来表示额外的页面元素。设计中有3个按钮选项你的商店购物;第三个选择被切断了。第三个元素的大小大约是其他两个元素的40%,并提供了足够的内容来交流信息。

Target应用成功地将“关闭”原则应用到一组商店购物选项中的第三个按钮上。
Target应用成功地将“关闭”原则应用到一组商店购物选项中的第三个按钮上。

结论

当面对不完整的物体和信息时,人类倾向于填补空白。作为设计师,我们可以运用封闭性原则来简化视觉元素并传达(并鼓励与之互动)额外的信息。

在我们的培训课程中了解更多关于视觉感知和其他影响设计的心理学原理人类思维和可用性