20世纪初,格式塔心理学家制定了一套原则,旨在描述人们如何视觉感知和组织世界。这些原则通常被称为格式塔定律或格式塔原则。一些最流行的原则包括接近,相似性,常见的地区,及结束。作为设计师,我们可以应用这些原则来创建可用的接口。

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

即使我们丢失了信息,我们也倾向于通过填补空白来了解我们的环境,从而看到一个完整的对象。这种识别是自动进行的。

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

应用

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

公司标志

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

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

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

界面图标

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

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

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

虽然使用闭包原则可能会简化图标的视觉复杂性,但您必须仍然测试用户是否理解图标所代表的内容用清晰的标签增加图标. 如果用户不理解图标的含义,那么它是极简主义还是美学上令人愉悦并不重要。

将闭包原则应用于信号附加内容

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

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

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

另一方面,如果页面对用户来说是完整的,我们就会遇到所谓的完备性错觉. 应用闭包原则来防止完整性错觉意味着分割页面元素在褶皱因此,它们看起来不完整,并鼓励交互(滚动或滑动)。这项技术适用于具有可预测视口大小的上下文,但在存在各种可能的窗口大小时,实现起来要困难得多。

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

由于褶皱上方的信息看起来是完整的,因此顶部空间面临着完整的错觉
顶空面临着完整的错觉,因为褶皱上面的信息看起来是完整的。

确保分段的元素与整体进行通信

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

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

当我们从界面中删除页面元素和内容时,我们需要提供足够的上下文来传达更多的内容。订餐服务HelloFresh使用关闭原则向其用户发出传送带信号。然而,分割的元素很小,很容易丢失。

HelloFresh表示,通过切断一个旋转木马项目,可以获得额外的内容。然而,由于提供的段相对较小,因此设计很麻烦。

相反,目标应用程序成功地应用了闭包原则来指示其他页面元素。该设计提供了3个按钮选项购买你的商店; 第三种选择被切断了。第三个元素的大小约为其他两个元素的40%,并提供了足够的内容来传递信息。

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

结论

当呈现不完整的对象和信息时,人类有填补空白的倾向。作为设计师,我们可以应用闭包原则来简化视觉元素并传达(并鼓励与)附加信息。

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