如何进行界面排版?当别人问你设计依据的时候你该怎么说?本篇文章带大家了解一下格式塔原理,让你的设计有理有据。
先看以下界面排版对比:
是不是右边界面看起来更舒服?这是为什么呢?可能你会说更有层次感、有对比,但是其中具体的原理是什么呢?
接下来简单的了解一下格式塔原理,如何套用公式来做设计。
简介
格式塔心理学诞生于 1912 年,是由德国心理学家组成的研究小组试图解释人类视觉的工作原理。他们发现人类视觉是整体的:我们的视觉系统自动对视觉输入构建结构,并在神经系统层面上感知形状、图形和物体,而不是只看到互不相连的边、线和区域。「形状」和「图形」在德语中是 Gestalt,因此这些理论也称作视觉感知的格式塔原理。
格式塔的几个基本原则:接近性原则、相似性原则、连续性原则、闭合性原则、主体与背景原则、简单性原则,这些原则对于设计具有一定的指导意义。
接近性原则
接近性原则简单来说就是越是接近的元素,越容易被看作一个整体。
所以当界面进行排版的时候,可以通过不同的间距来区分层级关系,一个模块内元素之间的间距应该更小一点,模块与模块之间的间距应该更大一点,这样界面看起来才会更有条理。
相似性原则
相似性原则简单来说就是,具有相似视觉效果的元素的更容易比看作是一类。
所以具有相同功能、逻辑和层次的元素,在视觉上应该保持一致。就比如下图的所有标题、内容、标签样式的一致的,但是这些元素之间的样式又是不一致的,这样看起来更容易区分不同的信息内容。
连续性原则
视觉倾向于感知连续的形式而不是分散的碎片。
所以在设计中要保持视觉的连续性,元素应该保持统一的对齐方式,例如下图,当文本内容和图片出现两种对齐方式的时候,视觉动线就会出现不连贯的情况。
闭合性原则
视觉会自动将空出、残缺的图形闭合(或脑补)起来,从而将其感知为完整的物体而不是破碎的物体。
所以在设计中,当还有内容需要用户知道的时候应该露出一小部分,让用户联想到剩下的内容。当界面中出现内容展示不下,或者需要用户滑动操作查看更多的时候,应该露出一小部分内容,让用户联想到剩下的内容,从而进行操作。
简单性原则
页面越简单越让人容易获取信息,简单的排版会让人有一种井然有序的感觉。
在设计中页面有时候会追求简单统一,但是有时候也需要打破这种简单,因为简单的有时候同时也会带来枯燥、乏味。所以在统一的排版中再加入不一样的排版,会让页面设计更有节奏感。
界面需要将主体对象与背景区分开来,可以通过大小对比,来突出主体,弱化背景。
简单来说就是,当一个大的模块上出现一个小元素的时候,用户的视觉会更加聚焦于小元素上。所以我们在必要的时候应该弱化背景,更加突出主体内容。
经过一步一步的修改,我们就将一个杂乱无章的页面修改成了一个比较合理的界面。
通过上面的小案例分析,也可以知道每一个原则都不是单独存在的,要融合使用才可以设计出合理的界面,我只是简单的分析了一下每个原则,这些原则都可以举一反三的在设计中体现出来。
以上就是格式塔原理在对于界面排版的启发的简单分析,感谢观看~
原文地址:Leo设研所(公众号)
作者:设研_仓仓君