「格式塔」一词并没有确切的翻译,因此我们采取了它的德文音译(Gestalt),也有将其译成「完形」也便是完形生理学。完形生理学和格式塔生理学只是不同译法的差异而已。
什么是格式塔事理 (Gestalt)格式塔生理学出身于 1912 年,是由德国生理学家组成的研究小组试图阐明人类视觉的事情事理。他们不雅观察了许多主要的视觉征象并对它们编定了目录。个中最根本的创造是人类视觉是整体的:我们的视觉系统自动对视觉输入构建构造,并在神经系统层面上感知形状、图形和物体,而不是只看到互不相连的边、线和区域。「形状」和「图形」在德语中是 Gestalt,因此这些理论也称作视觉感知的格式塔事理。
格式塔创始人总结的七个基本原则:
靠近性原则相似性原则连续性原则闭合性原则大略对称性原则主体与背景原则共同命运原则1. 靠近性原则在上图的两个图形组合中,我们可以看出「A」中的圆角矩形给我们的视觉效果因此横向的「行」为单位进行组合,而「B」中更像因此「列」为单位进行组合。因「A」每两个圆角矩形之间的间距横向 20px 大于竖向30px,而「B」与之相反以是会产生这样的视觉效果。间隔近的关联亲密,间隔远的就各自独立分组这便是格式塔理论中的靠近性原则。
在视觉效果上,图上单独的特色已经不是特殊明显了,更换而来的是靠近组合形成了层次分明的整体。
我们在做版式设计时会把图文信息以不同形状、大小、颜色分组排列,在视觉上营造视觉层次,便于用户阅读。如上图元素以组的形式分布在海报中的各个位置,形身分歧大小的视觉层次,让我们能够依次看到紧张信息、次要信息、赞助信息等内容。
上图微信的创造页面中,把功能分组用户,硬性分割每组是一个整体。而 App store 中的「探索更多」和「为你推举」和下方内容间隔更近,在中间没有明确分割线的情形下进行软性分割,用户也会知道他们和下方内容是一个整体。
2. 相似性原则
人们在不雅观察事物的过程中常常会将附近或者相似的东西自动的合并在一起,如上图中我们会在视觉中默认分为「灰-粉-灰」三部分。人们在感知事物过程中会形成的生理模型,相似的物体默认归属于一组,这便是格式塔的相似性原则。
上图中的邮件界面便是格式塔相似性原则的表示。我们在浏览的过程中,会从生理上默认把纵向的邮件图标、发件人、邮箱标题等自动归为一类。
因拥有共同的视觉元素具有联系性,上图因此「图片+标题+作者」为一个模块,从而在视觉上我们把界面分成一个个组类。
3. 连续性原则
因人眼的视觉会倾向连续的形式,使阅读上更具有连贯性,在不雅观察事物的过程中会情不自禁地形成一种视觉延续的感想熏染,这便是格式塔的连续性原则。
上图中 IBM 的 logo,我们之以是能看出来是 IBM,便是由于我们在视觉上看到的不是离散的线条,而是连续的图形。
「上图」便是我们在阅读过程中形成的视觉延续的表示,有横向或纵向的阅读模式。因此,在设计中有效的对齐可以减弱用户的视觉疲倦感,不冲破视觉的连续性。
4. 闭合性原则
闭合性与连续性比较相似。真实的图形是非闭合的,但在视觉上我们会自动把空缺填满形成封闭的空间,这便是格式塔的闭合性原则。
图中 IBM 的 logo,我们的视觉会将非闭合事物进行闭合处理。
「上图」中我们的视觉系统自动的考试测验将洞开的图形封闭起来,从而将其感知为完全的物体而不是分散的碎片。
5. 简化对称性原则
在不雅观察事物过程中,我们第一印象更方向于大略而且对称的图形,这便是格式塔的简化对称性原则。
「上图」中是属于人类视觉的自然感知,①属于一种视觉履历第一韶光感知,而②和③属于视觉的强烈感知,是通过剖析和解析。
「上图」便是格式塔的简化对称性的表示,用户在浏览的的过程中有效减轻了阅读压力。
6. 主体与背景原则
当小图形重叠大图形之上,我们的视觉会方向于将小图形归为主体,大色块为背景,这便是格式塔中的主体与背景原则。如「下图」。
「上图」便是利用了主体与背景的事理,表示了图形之间的共生关系,凸显主体与背景。
7. 共同命运原则
共同命运是为运动物体的表示,与靠近性事理和相似性事理相像,都与我们的视觉系统会有着给工具进行分组来感知事物的方向干系,但是一起运动的物体会被感知为属于同一组或是彼此干系这样的一种视觉征象,这便是格式塔中的共同命运原则。
「上图」选中的图形 02、07、08、12、13、14、21、22,我们在处理的过程当中,会默认把它们归为一类。
「上图」格式塔理论中共同命运涉及到运动的物体,iPhone 中删除运用时候,左上角都有一个删除的标记,在处理的过程中,要么删除,要么保留,这便是共同命运原则。
总结格式塔原则的表示在设计中比比皆是,我们只有更好的利用视觉空间设计作品,减少设计的繁芜性,只管即便保持格式塔原则的完全,用户才能更好更随意马虎地理解利用我们的产品。