格式塔原理-1

格式塔远原理定义&承认度:

格式塔原理是人类一种视觉识别(模式识别)的倾向性,即人类会将某些视觉中出现的物体进行归类,而不是将他们看成零散的独立对象。此原理目前还没有神经科学级别的解释,只能说是一种经验论断,不过已经被公认为是正确的。

格式塔原理五大准则:

格式塔原理-1

(一)接近原则

接近原则就是指距离相近的各部分趋于组成整体,强调位置

接近原则在设计中作用:应用接近法则可以达到减少用户界面上视觉凌乱感

具体应用实例:

格式塔原理-1
⬆️(1)上图里面大标题间大距离和边框内容的距离一个窄一个宽。让人在视觉上呈现层次感,给人一种标题和标题、内容与内容之间的接近的感觉,凸显其接近性。(2)边框里面的内容,将用户的大概简介和头像归位一个大类,其次的具体信息的间距被压缩,形成一个“小组合”。给人视觉上的主次感。符合接近原则

格式塔原理-1
⬆️上图的三行白色小字与“N”的距离很小,形成了接近性的视觉效果。给人一种解释说明的作用的效果,第一眼看过去,给人眼留下了“是一个大类”的印象。

小结:在设计中,利用接近原则,信息组之间用不同间距大小留白空间区分,页面元素会更简洁,阅读信息时干扰也少,相互关联的信息也更为接近

(二)相似原则

定义:相似原则指的是在某一方面相似的各部分趋于组成整体,强调内容。

而接近强调位置。人们通常把那些具有明显共同特性(如形状、运动、方向、颜色等)的事物组合在一起。

实例:
格式塔原理-1
⬆️(1)上图左边的信息框,列举了5类电影的大类,同样是类别,符合相似性原则。(2)每个电影图片下面的文字,保持固定的距离,形成一个视觉的长方形,里面包含了电影的各种信息,符合相似性原则

(三)封闭原则

封闭原则指的是彼此相属、构成封闭实体的各部分趋于组成整体。

形成原因:因为我们的视觉系统强烈倾向于看到物体,以至于它能将一个空白区解析成一个物体。
格式塔原理-1
⬆️上图普通作品集的排列方式让人自动脑补出
边缘界面的形状
,满足封闭原则

(四)连续原则

连续原则指的是凡具有连续性或共同运动方向的部分容易被看成一个整体。

格式塔原理-1
⬆️上图体现了视线连续原则。图中猫的眼睛盯着猫粮,人的视线自然也就跟着移动至下方,符合连续原则。巧妙!利用了猫的视线焦点来吸引了用户,就算用户第一视觉落脚点是在人物身上,但随着视线的转移,用户会自然而然地根据人物的视线方向看去,然后左侧的文字就成为了有力的第二视觉落脚点。从而,整个页面中,很巧妙地将猫与文字结合在一起。而不会觉得左侧的猫是一个元素,上下面的文字又是另外的一个元素

小结:视觉倾向于感知连续的形式,以便把元素联接在一起而不是离散的碎片。

(五)简单原则

简单原则就是具有对称、规则、平滑的简单图形特征的各部分趋于组成整体。

格式塔原理-1
⬆️上图利用简单原理的构图法则。此中最常见的三角形构图,均衡构图,对阵构图,向心式构图(圆形)、对角线,X型,构图等,其目的都是为了在复杂的信息环境中,构建更易懂的整体

总结:

总结:格式塔原理需要灵活运用,合理的搭配组合才是好设计的必备法门。

设计时,顺序可以按照:

1.相似原则——将信息分类

2.简单原则——将信息大体结构趋势划分

3.接近原则——划分信息的内部结构

4.连续、封闭原则——进行视觉上的提升