合理的运用设计原则,更有助于设计师创建出实用、美观的界面以吸引用户。格式塔心理学原则对于顶级设计师和设计新手小白都有非常重要的作用。篇文章将会结合Pixso资源社区中的设计案例,为你深度解析什么是格式塔设计原则让你对格式塔原则有很深层次的认识,并且能够使用格式塔原则做出更好的设计!

1.  什么是格式塔

格式塔是一个心理学概念,于 1912 年左右兴起。格式塔设计原则以格式塔心理学为基础,对于设计师来说,在设计中运用格式塔心理学原则是非常重要的。它能够有效的创造视觉吸引力,并且能够通过简化信息引导用户。格式塔设计原则借助用户的心理,进行信息元素的排列组合,以求达到更好的效果呈现。它还有效证明了用户可以通过识别图像的模式进行标记元素,将心理学运用到设计中,对于用户体验有很好的帮助。

格式塔心理学

加密货币app概念设计 - 免费下载

2.  格式塔心理学主要原则

在设计中,格式塔心理学原则无处不在。无论是信息图表、界面展示,还是标识、宣传册,都能发现格式塔设计原则的影子。在设计中,格式塔原则能够帮助用户感知潜在的信息并自动补充,通过影响用户的感知,引导用户进行操作。

接下来,将会结合Pixso资源社区中的超多设计案例深度分析什么是格式塔设计原则,帮助设计师更好的理解每一项原则。

2.1 相似性

相似性格式塔心理学原则指的是当元素的视觉属性相似的时候,用户会主动将这些元素视为统一模式。换而言之,视觉属性不同的元素意味着它们代表着不同的类型。这些相似的视觉元素不仅能使视觉效果更加和谐,而且能够更好的引导用户处理信息。

在界面设计中,如果使用各种视觉属性完全不同的元素,将会对用户的理解和操作造成混乱和困惑。

格式塔心理学

买房APP设计工具包-免费下载

这款买房APP设计工具包中的按钮设计就运用了格式塔心理学原则中的相似性原则。该案例中按钮具有相同的颜色和圆角,为用户创建了清晰地视觉层次结构,能够有效帮助用户理解界面元素。

2.2 连续性

格式塔连续性的格式塔心理学原则意味着用户会潜意识中将相互连接的元素看作一个连续的模块。在设计中使用连续性原理,有助于通过视觉线索引导用户浏览界面,创造连续、丝滑的用户体验。设计师通常会通过使用一致的视觉元素,增强界面的连续性。

格式塔心理学

线框流程图-免费使用

这套线框流程图的规划就运用了连续性的格式塔心理学原则,通过一致的虚线、箭头和线框等视觉元素,引导用户浏览流程。连续性原则有助于为用户创建无缝的视觉体验,帮助用户更好的理解信息之间的关系。

2.3邻近性

对于设计师而言,格式塔心理学原则的邻近原则就是将相关的元素分组在一起,这些元素将会被看作一个整体。这样可以有助于设计师创造出更有逻辑性和组织性的设计,方便设计师表达层级关系,构建更清晰的界面层次。

格式塔心理学

音乐播放器APP设计素材-免费领取

该案例中的列表信息运用了邻近的格式塔心理学原则,将图片与信息两个不同类别的模块区分开,而信息区域的内容距离较近。就近原则的本质就是将相关元素放在邻近的区域,帮助用户轻松快速定位目标。

2.4 对称性和秩序性

对称和秩序格式塔心理学原则的使用,能够使设计的视觉效果更平衡,整体布局更有结构性。另外,在设计中使用对称和秩序原则能够更整齐合理的规划设计元素的布局,确保界面清晰明确,增次结构分明。

格式塔心理学

阅读类APP-免费使用

该设计素材中的卡片式布局就合理的运用了格式塔心理学原则中的对称和秩序原则,合理明确的布局,不仅使界面更加整齐明了,而且功能划分明确,有助于用户进行界面操作。

2.5 过去经验

过去经验的格式塔心理学原则强调用户对视觉信息的感知和理解会受到以往认知的影响。设计师们可以利用这一原则,结合用户的以往认知,创建更符合用户认知的设计。并且,使用过去经验原则能够使用户对设计产生熟悉感,从而更容易吸引用户。

格式塔心理学

Fathom设计系统图标库-免费下载

例如,这款图标库中的“搜索”图标在界面设计中是最常见的图标之一。在其他网站或应用程序中经常会见到“搜索”图标,因此,用户对于这种图标已经熟识了,并且对这种图标的含义已经有了认知。在设计中使用用户熟悉的设计元素,能够为用户创造更好的体验。

2.6多稳定性

多稳定性指的是图形与背景的格式塔心理学原则,用户对于图形和周围环境的处理方式遵循多稳定性原则。在设计中可以通过颜色、形状和大小等视觉元素处理图形和背景的关系,从而为用户创建逻辑关系更合理明确的界面,有效对用户进行引导。

格式塔心理学

Tailwind管理仪表板-免费领取

这套管理仪表板中的导航面板通过图形与背景的颜色和形状对比,能够有效引导用户定位目标,使用户在界面中能够轻松导航。另外,这种原则的使用还使图形和背景形成了强烈的对比,从而使主题更容易突出。

3.  写在最后

以上是设计中经常会使用到的格式塔心理学原则,理解并合理使用格式塔心理学原则,对于提高设计的可用性和吸引用户都有很大的帮助,还可以帮助你成为一名更好的设计师。另外,上述案例均来自Pixso资源社区。这里是设计师的天堂,在这里的海量设计资源直接拖拽即可使用,并且支持免费编辑复用。点击即可免费注册Pixso账号,快来试试吧。

格式塔心理学