提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
在工作中,我们或多或少都会遇到这样的问题,在处理需求功能时,面对复杂的信息框架要去做排布,而在界面信息排布中,可能会让界面信息层级模糊不清,甚至元素混乱,无法让用户感受到功能传达的优先级,不能更好的优化用户体验。
针对这样的问题,其实我们可以应用格式塔原理来解决。很多小伙伴一定对格式塔原理并不模式,甚至在工作中已经能潜移默化的使用,但是对其中的概念和应用场景没有一个系统的学习和分析,因此本文是想做一个总结和巩固,让大家对格式塔原理的应用更加清晰。
格式塔原理来源于心理学,作为心理学术语的格式塔具有两种含义:一指事物的一般属性,即形式;二指事物的个别实体,即分离的整体,形式仅为其属性之一。也就是说,“假使有一种经验的现象,它的每一成分都牵连到其他成分;而且每一成分之所以有其特性,即因为它和其他部分具有关系,这种现象便称为格式塔。”。也就是我们的大脑会将肉眼看到的东西进行一个整体或部分的分组归类,这种现象就是基于格式塔的六个原则一个命运:
亲密原则
当画面中的元素较为接近时,我们会自动把它们定义为一个整体,而元素相距较远时,就会自动定义为两组,不为一整体,因此强调的是位置关系。
间距空间较小的内容用户会自动把它们视为一个整体,模块的间距更大,也就直接把模块区域区分开来了。这个界面在信息功能传达上,我们可以很清晰的感知到模块的划分:导航栏、话题榜文字标题、人气榜图文样式。很好的利用空间间距清晰的划分开模块。但是也要注意,适当的模块划分和适当的模块整合,过多的模块分割也会让页面显得零散且信息结构混乱。
相似原则
当界面有多种元素存在一起的时候,人眼会自动给相似的元素做归类分组,从形状、大小及颜色做判断,而颜色的区分是最明显的。
所以在界面设计过程中,我们可以把同一信息层级下的同类元素应用相似原则去做设计,而遇到需要突出的信息,则可以考虑用形状或者颜色来设计区分。
在这个界面中,当前选中的分类状态就和其他分类去做了颜色的区分,清楚告知用户选中状态的差异性。在编辑功能上去做了形态和颜色的突出,希望用户感知功能的差别,对界面功能信息能有更清晰的认知。
连续原则
按一定规则连续排列的同种元素被感知为整体则视为连续原则。人们在视觉的感知上会追随一种连续性,在视觉感受上是各个元素串联起来。人们对连续性的感知会优先于相似性。
视觉呈现上,多个点会连成线,多条线会组成面。这个原则在设计中被广泛应用。界面的功能设计中,利用横向可滑动查看多张卡片的设计方式呈现功能,这种连续的多个相同元素的出现,能让用户清楚感知到有延伸的内容可以通过滑动操作来查看。
封闭原则
人们通常在视觉上会把一个没有闭合的图形看做一个完整的图形,这叫做封闭原理,它是对简单原理的跟随。人们会趋向于把一些未闭合的形态作闭合理解,勾勒其完整形态。
好比人尽皆知的apple公司logo,就是应用了封闭原则,咬了一口的苹果还是能让人马上联想到是苹果的形态。
对称原则
对称是指物体或图象对某一点、直线或平面而言,在大小、形状和排列上相互对应。一般对称给人的感觉是平衡、和谐。更多的是应用在平面设计中,应用时为了避免单调,有时还会做不完全对称处理。
主体/背景原则
我们在进行视觉感知的时候,人眼的视觉画面会主动进行主体物和背景的成像效果,在设计的应用中,也通常会有主体和背景的区别,并且在多个画面元素重叠的情况下,会把最顶部的元素视为主题,其他视为背景。
在交互的弹窗设计中,弹窗即为主体物,蒙层遮罩以下的元素都是背景。
共同命运
共同命运主要指的是运动的元素。如同banner广告位,自动播放滚动的运营图片就可以称之为是共同命运的一组元素。
相信通过一一举例说明,会加深小伙伴对格式塔原理的理解,针对每个原理所举的例子也能更好的帮助大家去理解相关原理知识。在更加了解格式塔原理的基础下,我们更应该举一反三,把这些理论和方法应用到设计中去,用更加科学和严谨的方式做设计。
Powered by Froala Editor
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册