格式塔知觉原则-3:接近性,同一连贯性,和良好延续性
现在看的东西之所以对你有意义,除了是熟悉书面语言之外,主要是因为我在使用——正如你感知的——三个重要的格式塔原则。这一段的结构取决于它对邻近性、同一连贯性和良好延续性原则的坚持和一致。如果没有这三个因素,我将无法通过这种媒介(书面/打字)向你清晰地传达我的想法,而你所看到的内容也跟语言几乎不搭边。
段落不是任意的构造,也不是可选的发明。是书面沟通的需要;否则,交际性写作就会沦为单词,或是难以控制的、大量的文本。如下图所示,显示了没有引用上述格式塔原则的本文的第一段:
我想,如果我放弃了接近性、同一连贯性和良好延续性原则,而使用这种形式,你是不可能分辨出我的想法。
我们生活中经常运用和依赖这三个原则,包括有形的和概念性的经验。事实上,如果不这样做,我们真的会迷失方向。尽管我们都对它们有直觉的理解和依赖,但对于设计师来说,细致且实际的理解这三个原理是很有帮助的。
接近性 Proximity
没有比这更简单的了,folks:互相接近的事物被认为比相隔较远的事物具有更强的相关性。这一原则不依赖于任何无关的结构,它是影响我们感知及理解基础的首要原则之一。我们都能直观地理解表明关联性最简单的方式就是控制接近度。但我们可能无法凭直觉理解接近性原则的强大。
在下面的例子中,接近性清楚地表明了关联性和相对关联性:
在下一个例子中,将另一种格式塔原理添加到混合(相似性)中,但我们对接近性的感知压倒了它。我们可能在其他方面会根据两种不同的颜色将这些元素关联起来,但在这里接近性取得了胜利。
如上图所示,我们感知的基本机制几乎总是相互竞争。 作为设计师,了解这些机制的相对优势非常重要,可以使你能够在给定的情况下选择使用恰当的机制。 只有一种感知原则比接近性更强大,接下来我们将深入探讨这一原理。
同一连贯性Uniform Connectedness
同一连通性原则是格式塔原则中关联性最强的原则。它指的是通过统一的视觉特征连接的元素被认为比未连接的元素具有更强的相关性。与接近性原则一样,同一连通性使我们感知群体或组块,而不是不相关的个体事物。
实际上,同一连通性非常简单:在一组元素周围画一个方框,就表明它们是相关的。 或者,可以从一个元素到下一个元素绘制连接线(或箭头或其他有形的连接符号),来达到相同的效果。 例如:
下图说明了同一连贯性在组织复杂的界面时是如何发挥作用的:
Okay,这是一个糟糕的界面,但比其他情况要好。在这个例子(上图)中,如果不是因为框式分组提供了清晰的上下文,人们会发现747客机的仪表盘更加混乱。某些控件组周围的边框表示它们的上下文关联性,使功能和用途更容易被看作是少量的组块而不是大量的单个元素。
在网页设计中,通常采用同一连贯性来显示上下文。标签导航就是这个原则的一个典型例子。当你有两个邻近的视觉上不同的元素时(导航链接和页面副本),显示相关上下文的最简单方法是将不同的元素围起来,如下所示:
有人可能会认为标签导航之所以最有效,是因为我们熟悉归档文件夹的物理和概念观念,但事实是更基本的。文件夹的工作原理是同一连贯性,而不是反过来。
下面这个示例,展示了连接线的作用…以及不使用连接线时遇到的问题:
这张照片(上图)没什么意义。缺少使用同一连贯性的基本元素。Let's 解决这个问题:
在这里(上图),我们有清晰的上下文,将图中女人与我们现在认为她说的话联系起来。 说话气泡不是基于图形或文化惯例才起作用,而是它符合同一连贯性。 但是,你可能会注意到,虽然气泡中使用箭头/线段将女人与她的话连接起来,但男人的想法气泡却有些不同。 想法泡泡仍然有效,但是出于不同的原因……是基于不同的原则,我们接下来将进行研究。
良好延续性 Good Continuation
在本文的开头,我提到由于接近性、一致连接性和另一个格式塔原则,才使得第一段落能够准确有效地传达我的想法。这里的另一个原则就是良好连续性,它指的是排列在一条直线或曲线上的元素被认为比不在直线或曲线上的元素具有更强的相关性。这一原则可以在上图中清楚地看到,男人和想法泡泡通过它们之间的小泡泡(就像面包屑一样)以轻微弧度排列连接在一起。
本段中的单词在一条直线上(或一系列直线)有助于我们理解它们是相互关联(并且这些单词利用接近性组合在一起也证明了这一点...而且该段落周围的空白区域描绘了一个“框”)。 显然,单词的线性排列是一种强大的机制,事实证明所有书面语言都采用了良好连续性的标准原则,即使不是全部都在同一方位或方向。
上面的每个图像中,各显示组件通过它们描述的一条直线或位于一条连续的曲线清楚地表明了它们的相关性(并且不在曲线上的信息与在曲线上的信息不那么相关!)。因此很容易想到或感知由相应分组描述的上下文。
在设计网页时,设计师通常会采用促进良好延续性的机制:网格。网格在布局有序化方面最为实用,在表明上下文方面也很有用。例如,下面的示例展示了水平线性配置如何促进保留上下文:
上面的示例中,每个组合分类标题下都显示了几个缩略图。阵列在分类下沿水平线一致排列有助于弄清楚哪些缩略图属于哪个类别。
良好连续性的线性排列也可以是垂直的。例如:
在上图中,尽管内容在视觉上并不一致,但清晰的垂直网格凸显出了网页组织。版面下部的内容是按类别排列,即使没有可见的结构,每部分内容都是有明确的定义,且很容易与其相应的类别关联。所有这些都是基于对良好延续性的应用和感知得以实现。
总结Conclusion
这些原则是格式塔原则中最基本的原则。它们引用了我们都能直观理解的想法,因此你应该可以毫无困难地将这些原则自动直观地融入设计工作中。无论采用什么方法来实现设计元素之间的区分和关联,都应将格式塔原则作为基础机制。
到现在为止,你已经意识到不同的原则通常会产生相同的结果,但每种原则都有其独特的特点、背景和优势。练习有效地应用和利用这些原则; 使用尽可能少的量。一个能行的时候不要用三个。这样,你的设计就可以保持优雅和隐形感。而且设计应该总是优雅而无形的。有效的应用基础原则总是优于繁重的文体技巧。因此,我希望你能超越本文和之前介绍的内容,继续研究格式塔原则,并找到在工作中应用它们的方法。