UI设计技巧:如何格式塔原理对界面排版

Post 9 of 956

如何格式塔原理对界面排版?排版在设计领域占有非常重要的位置,它不止在平面设计中出现,在网页设计UI设计、运营设计等也会发现它的身影。下面,香港网页集团将分享一些关于UI设计的排版法则,希望各位能藉此提升作品的品质和精致度。

如何格式塔原理对界面排版?

格式塔原理是人类一种识别(模式识别)的倾向性,即人类会将某些视觉中出现的物体进行归类,而不是将他们看成零散的独立对象。

格式塔原理的设计原则大致可分为以下几点:

邻近性原则:相互靠近的物体会被认为它们的关联性更紧密些,而距离较远的物体则会被规划为不同组别。

UI设计技巧:如何格式塔原理对界面排版

UI设计技巧

邻近性原则在UI设计排版中应用非常广泛,主要是透过该原则,调整不同元素间的距离或用分割线等,区分彼此之间的关系,从而使界面层级更加清晰,视觉效果更加好。

相似性原则:有共同视觉元素的物体,看起来更有关联性,因此我们习惯将两个看起来相似的对象视为一组,并将它们的含义与功能联系一起。

UI设计技巧:如何格式塔原理对界面排版

UI设计技巧

在UI设计中,相似性原则通常会和邻近性原则一起运用,拉近关联性较强的元素间关系,并使用统一视觉样式,来表达它们具有相似的含义和功能性。

封闭性原则:人在观看时,大脑一开始并不会区分各个单一的组成部分,而是将各个部分组合起来,使它成为更容易理解的“整体”。

UI设计技巧:如何格式塔原理对界面排版

UI设计技巧

该原则一般适用于图形用户界面的图标设计或UI设计中。

连续性原则:人的视觉具备一种运动的惯性,会追随一个方向的颜色,以便将元素链接一起成为一个整体。

UI设计技巧:如何格式塔原理对界面排版

UI设计技巧

连续性原则主要应用APP的UI设计中,例如电商类UI设计中Banner区域中的滑动交互模块、滑动组件以及进度条展示。也就是说,连续性原则主要适用于导航栏中的连续性设计、卡片模块中的连续性设计、模块的连续性设计。

主题和背景:我们的大脑会将视觉区域分为主体和背景两个部分,从而加深对重要信息和次要信息的感知,例如:

◆ 我们一般会将大场景视为背景,而位于大场景中间的元素,视线焦点所在的地方视为主体。

◇ 而在同一平面中,我们大多会将位于视觉第一层级的物体视为主题,而最后一个层级则大多会视为背景。

UI设计技巧:如何格式塔原理对界面排版

UI设计技巧

根据这一原则,我们就可以在进行UI设计时,突出主体弱化背景,从而抓住用户的注意力,让用户优先界面中的重要元素,例如重要信息的弹窗提示、界面的Banner信息等。

合理运用格式塔原则,能有效针对UI设计的信息视觉层级进行布局、组织、简化和协调统一,从而设计出易于用户操作,提高使用愉悦感的用户界面。

This article was written by admin

MENU
網頁設計公司