设计原则:视觉知觉与格式塔原则

用户头像
杭州/学生/5年前/789浏览
设计原则:视觉知觉与格式塔原则

这篇文章是关于设计原则的新系列的一部分,可以作为经验丰富的设计师和供业界新来者参考。

希望这里涵盖的内容不是很明显,也不是很清楚,但是时不时地快速复习一下是很棒的,不是吗?-Ed。 1910年,心理学家   马克斯·韦尔西默尔有一种洞察力 当他看到在一个铁路交叉路口,一连串的灯光在断断续续地闪烁着。这类似于围绕着电影院的灯光闪过和关闭。


1910年,心理学家   马克斯·韦尔西默尔有一种洞察力 当他看到在一个铁路交叉路口,一连串的灯光在断断续续地闪烁着。这类似于围绕着电影院的灯光闪过和关闭。

在观察者看来,似乎有一盏灯在广场周围移动,从一个灯泡移动到另一个灯泡,而在现实中,它是一系列灯泡的开启和关闭,而灯并不会全部移动。

undefined


这一观察导致了一套描述性原则,描述了我们如何在视觉上感知物体。这些原则几乎是我们作为设计师所做的每一件事的核心。

再读 关于SmashingMag:


这是一系列关于设计原则的文章的开始。从这些开始   格式塔原则 ,因为 我们遵循的许多设计原则源于格式塔理论。 。在这篇文章中,我将向你们介绍一些理论,并给出格式塔原则的一些基本定义。

本系列的未来文章将考虑设计的各个方面,如空间、平衡和视觉层次。在接下来的文章中,我将指出哪些格式塔原则影响正在讨论的设计方面,我将提供更多的实际用途和如何在Web设计中使用格式塔原则的例子。

格式塔理论的核心思想

“所有的一切都不是各部分的总和。”--库尔特·科夫卡(KurtKoffka)

上面的引语是格式塔语。当人类看到一组物体时,我们在看到单个物体之前就会感知到它们的整体。我们认为整体不仅仅是各个部分的总和,即使这些部分是完全独立的实体,我们也会将它们作为一个整体进行分组。有几个   格式塔背后的关键思想   格式塔疗法 .

出现(整体在各部分之前被识别)

出现是由简单规则形成复杂模式的过程。当我们试图识别一个物体时,我们首先要找出它的轮廓。然后,我们将此大纲模式与我们已经知道的形状和对象匹配起来,以找到匹配的对象。只有当整体通过这种轮廓模式匹配出现后,我们才开始识别构成整体的部分。

在设计时,要记住,人们首先要根据元素的一般形式来识别它们。一个简单的、定义良好的对象比一个很难识别轮廓的详细对象交流得更快。

具体化(我们的头脑填补了空白)

具体化是知觉的一个方面,其中所感知的对象比实际存在的物体包含更多的空间信息。当我们试图将我们所看到的匹配到我们存储在内存中的熟悉的模式时,并不总是完全匹配。相反,我们找到了一场近距离的比赛,然后填补了我们认为应该看到的空白。

具体化意味着,我们不需要提出完整的大纲,以便观众看到它。只要我们提供足够多的大纲以允许足够接近的模式匹配,我们就可以省略大纲的部分内容。在闭包原则下,你可以看到这方面的一些例子。

多元稳定(头脑寻求避免不确定性)

多稳定性是指模糊的知觉经验在不同的解释之间不稳定地来回移动的倾向。有些物体可以用一种以上的方式感知。图/地部分下面的一个例子就是你以前可能见过的一个例子。这张照片可以看作是侧面的两张脸,也可以是花瓶。

你不能同时看到两个。相反,你在这两个稳定的替代方案之间来回弹跳。一个将倾向于你的主导知觉,你走的时间越长,你就越不能开始看到另一个,就越难看到另一个知觉。

从设计的角度看,如果你想改变别人的看法,不要一次就改变它。想办法让他们看到另一种选择。然后努力强化这一替代观点,同时削弱原有的观点。

不变性(我们擅长识别异同)

不变性是一种感知特性,在这种特性中,简单的物体被识别,而不依赖于其旋转、平移和尺度。由于我们经常从不同的角度遇到物体,所以尽管它们的外观不同,我们还是能够识别它们。

想象一下,如果你只认出一个你认识的人,如果他们站在你面前,面对着你,但一旦他们转过身来,你就认不出他们了。尽管不同的视觉视角,我们仍然可以识别人。

你可以在下面的原则中看到这些想法的作用。主要的想法是   格式塔原则是关于知觉的 以及物体在视觉上传达的内容。这些原则是我们工作的视觉语言的核心。

格式塔原理

大多数原则相对容易理解。他们中的许多人都有一个共同的主题。

“在其他条件相同的情况下,与X相关的元素往往被知觉地组合成高阶单元。”-斯蒂芬·帕尔默(StephenPalmer)。


下面的许多原则将遵循这一模式。这些原则要么定义了X,要么定义了被感知到的更高层次。

PR GNANZ定律(好身材,简约法则)

人们会认为和解释模糊或复杂的图像是最简单的形式。

这是格式塔的基本原则。我们更喜欢简单、清晰、有序的东西。从本能上看,这些东西更安全。他们花了我们更少的时间来处理和呈现不那么危险的惊喜。


undefined
Pr gnanz法(好身材,简约法)。


当面对复杂的形状时,我们倾向于将它们重组成更简单的组件或更简单的整体。你更有可能看到上面由简单的圆圈、正方形和三角形组成的左边图像,就像你在右边看到的那样,而不是整个形状的复杂和模棱两可的形状。

在这种情况下,看到三个不同的对象比看到一个复杂的对象更简单。在其他情况下,查看单个对象更简单,这将我们带到…

封闭

“当看到复杂的元素排列时,我们倾向于寻找单一的、可识别的模式。”

与Pr gnanz一样,闭幕式追求简单。闭包与我们在上面的Pr gnanz图像中看到的截然相反,即三个物体比一个物体简单。使用闭包,我们反而将部分组合成一个更简单的整体。我们的眼睛填写缺失的信息,形成完整的图形。


undefined
结束。


在上面左边的图片中,你应该看到一个白色的三角形,尽管这个图像实际上是由三个黑色的人形组成的。在右边的图片中,你可以看到一只熊猫,尽管这个数字是几个随机形状。看到三角形和熊猫比试图弄清楚每个部分更简单。

闭合可以被认为是将元素粘合在一起的胶水。这是关于人类寻找和发现模式的倾向。

关闭的关键是提供足够的信息,这样眼睛就可以填充其余的信息。如果缺少太多,元素将被视为单独的部分,而不是一个整体。如果提供了太多的信息,就没有必要关闭。

对称性与有序性

“人们往往认为物体是围绕其中心形成的对称形状。”

对称性给了我们一种稳定和有序的感觉,我们倾向于寻求这种感觉。把秩序强加于混乱是我们的天性。这个原则导致我们想要平衡的构图,虽然我们的作品不需要完全对称才能达到平衡。


undefined
对称性和秩序。


在上面的图片中,您应该看到三对开口和结束括号。我们将在这篇文章后面讲到的邻近原则,可能会建议我们应该看看其他的东西。这表明对称优先于邻近。

由于我们的眼睛很快就会发现对称性和有序性,这些原则可以用来快速有效地交流信息。

数字/地面

“元素被视为图形(焦点中的元素)或背景(图形所依赖的背景)。”

图形/背景是指正元素与负空间之间的关系。我们的想法是,眼睛会将整个图像从背景中分离出来,以便了解所看到的是什么。这是人们在看任何作文时首先要做的事情之一。


undefined
数字和地面。


图形/地面关系可以是稳定的,也可以是不稳定的,这取决于确定哪一个是哪一个是多么容易。关系不稳定的典型例子是上面的左图像。你可以看到一个花瓶或两张脸,这取决于你是否认为黑色是图形,白色是地面,反之亦然。你可以很容易地在这两种感觉之间来回反弹,这表明了这种不稳定的关系。

关系越稳定,我们就越能引导观众关注我们想让他们看到的东西。两个相关的原则可以帮助我们:

  • 面积

    。两个重叠对象中较小的被视为图形。更大的被视为地面。您可以在上面的正确图像中看到这一点。较小的形状是不分颜色的图形。
  • 凸性

    。凸型而不是凹型往往被视为数字。


一致连通性

“视觉连接的元素被认为比没有关联的元素更相关。”

在下面的图像中,线连接两对元素。这种联系使我们认识到,所连接的元素在某种程度上是相互关联的。


undefined
一致连通性


在所有暗示物体是相关的原则中,统一的联系是最强的。在上面的图像中,即使我们看到了两个正方形和两个圆圈,我们也看到了更紧密的关系,因为它们在视觉上是相连的。

请注意,线条不需要触摸连接所要感知的元素。

共同区域

“如果元素位于同一封闭区域内,它们就被视为一个组的一部分。”

显示元素之间联系的另一种方法是以某种方式将它们括起来。里面的一切都被认为是相关的。围护室外的一切都是分开的。下面的图片中的圆圈都是相同的,但是我们看到了两个不同的组,在每一个圈套中的圆圈在某种程度上是相关的。


undefined
共同区域。


显示公共区域的典型方法是在相关元素周围画一个框,就像我前面所做的那样。将元素放置在与其周围环境不同的背景颜色上也会有效。

近距离

“与相距更远的物体相比,人们认为更接近的对象之间的关系更密切。”

邻近与普通区域相似,但使用空间作为外壳。当元素彼此靠近时,它们被看作是组的一部分,而不是单独的元素。当组中的元素与组外的任何元素更接近时,尤其如此。


undefined
接近。

这些物体除了在太空中被聚在一起之外,不需要在任何其他方面都是相似的,这样才能被看作是有接近关系。

延续

“排列在一条线或一条曲线上的元素被认为比不在这条线或曲线上的元素更相关。”

沿着一条河,一条小径或者一条篱笆线是本能的。一旦你朝某个特定的方向看或移动,你就会继续朝这个方向看或移动,直到你看到有意义的东西,或者你确定没有什么重要的东西可以看到。


undefined
继续。

对这一原则的另一种解释是,我们将继续我们对形状的感知,超越它们的终点。在上面的图像中,我们看到一条线和一条曲线相交,而不是在一个点上相交的四个不同的线和曲线段。

共同命运(同时代)

“向同一方向移动的元素被认为比静止的或向不同方向移动的元素更相关。”

不管元素放置的距离有多远,或者它们看起来有多大的不同,如果它们被看作是一起移动或变化的,它们就会被认为是相互关联的。

这些元素不需要为了共同命运的存在而移动。更重要的是,他们被视为有共同的目的地。例如,如果四个人聚集在一起,但两个人朝右走,他们将被视为有共同的命运。即使只有两个人 在同样的方向上,他们将被视为有着共同的命运。


undefined
共同命运(同时代)

在上面的图像中,箭头足以表示元素有共同的命运。虽然移动或改变是不必要的,但它们仍然比箭头之类的事物更能说明共同的命运,或朝着仅仅意味着移动的同一方向看。

平行性

“相互平行的元素被认为比彼此不平行的元素更相关。”

这一原则与上述共同命运原则相似。线通常被解释为指向或向某个方向移动。平行线被视为指向或移动在同一方向,因此是相关的。


undefined
并行性。

应该指出的是,对于并行性的感知,线条也可以是曲线或形状,但对于后者,形状应该有点类似于线,以使它们看起来平行。

相似性

“具有相似特征的元素被认为比不具有这些特征的元素更相关。”

任何数量的特征都可以是相似的:颜色、形状、大小、纹理等。当观看者看到这些相似的特征时,他们会认为这些元素由于共同的特征而相互关联。

在下面的图片中,由于颜色上的相似性,红色圆圈被视为与其他红色圆圈和黑色圆圈相关。红色和黑色的圆圈被认为是不同的,尽管它们都是圆圈。


undefined
相似性。

一个明显的地方,找到相似的在线是在颜色的链接。通常,内容中的链接将采用相同的样式,通常是蓝色和下划线。这让观众知道不同的文本片段是相关的。一旦一个被发现是一个链接,它就会传达其他的也是链接。

联络点

具有兴趣、重点或差异的元素将吸引并吸引观众的注意力。

这一原则表明,我们的注意力将被吸引到对比,以及在某种程度上与其他元素不同的元素上。在下面的图片中,你的眼睛应该被画在正方形上。它的形状和颜色不同于其他元素。我也给了它一个阴影,以进一步强调它。



undefined
联络点。

协调中心的原则很可能是因为我们需要迅速识别未知的人,以提醒我们注意潜在的危险。

相似性和焦点的原理是相互联系的,如果没有其他要素之间的相似性,就不可能看到焦点。

过去的经验

“人们往往根据观察者过去的经验来感知要素。”

过去的经验也许是最弱的格式塔原则。与其他任何一项原则一起,另一项原则将凌驾于过去的经验原则之上。

过去的经验对个人来说是独一无二的,所以很难对它的感知方式做出假设。然而,我们大家都有共同的经验。例如,许多色彩的意义来自于过去的经验。


undefined
过去的经历。

在我们的一生中都看到了交通灯,我们期望红色代表停止,绿色意味着前进。由于三种常见的颜色,您可能会看到上面的图像是其侧面的交通灯。这是过去在工作中的经验。

我们的许多共同经历也往往是文化的。颜色再一次提供了例子。在一些国家,白人被视为纯洁和无辜,而黑色被视为邪恶和死亡。在其他国家,这些解释则相反。当经验通常被分享时,惯例就会出现,尽管同样重要的是要记住,我们并不都分享相同的经验。

格式塔概述

格式塔原则是重要的理解。他们坐在我们作为设计师所做的一切的基础上。它们描述了每个人视觉上如何感知物体。

上述原则应该相对容易理解。对他们中的大多数人来说,定义和图像可能都是你理解这个原则所需要的。同时,理解这些原则的基本思想并不等于理解它们如何影响设计。

在接下来的几周里,我们将更多地关注格式塔如何影响设计。我们将看到对称性如何帮助我们平衡构图,以及如何将焦点和相似性结合在一起,使我们能够在设计中创建一个视觉层次结构。

关注我,更多干货陆续更新中......




1
举报
|
5
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
平面花卉图案扁平简约无缝拼接插画
城市园林平面布局航拍
金色颗粒质地的平面
金色颗粒质地的平面
中国传统纹样创新图案设计
玄关入门地毯印花图案红地毯
城市园林平面布局航拍
金色颗粒质地的平面
平面风格黄绿色系花朵装饰
海底世界插画
平面人物插画
古风平面仕女与瓷器
空的平台平面和自然景观
金色颗粒质地的平面
城市园林平面布局航拍
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
平面插画设计女孩喝咖啡
金色颗粒质地的平面
金色颗粒质地的平面
平面男孩喝咖啡插画设计
平面书法字手写
牛奶乳液层次平面平铺平面
牛奶乳液层次梯田平铺平面
空的平台平面和自然景观
倒计时,海报,平面
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册