最专业的八方代购网站源码!

资讯热点
一种有效的设计策略和技术:格式塔原则中的接近原则

发布时间:2022-7-13 分类: 行业资讯

尽管接近原则是使用格式塔原则的一种方式,但它是一种非常简单但非常有效的设计策略和技术,可帮助用户根据人们的认知习惯和心理模式保存大量经验并构建界面。

人脑是一个非常好的数据处理器,它背后的功能非常丰富,直到今天还没有被充分探索过。对于需要设计用户体验的设计人员而言,了解人们的认知能力及其背后的机制对于创建用户友好型产品非常有帮助。

在许多认知方法中,格式塔原则非常关键,它是日常生活和用户体验设计中相当普遍的认知机制。当人们感知复杂的物体时,他们会有意识或无意识地将它们纳入有组织的系统,而不仅仅是物体的集合,这是格式塔原则的基础。格式塔原则适用于不同层面的认知,有些是明确的,有些是隐性的,但最有趣的部分是视觉部分,即设计师用这个原则创造的设计。 。格式塔原则涵盖了许多扩展规则。我们今天要谈的是接近原则。

接近原则

我们经常提到的接近原则指的是彼此接近的事物和元素,并倾向于认为它们是相关的认知倾向。因此,面对数据,我们将数据和不同对象分组并组织成不同的类别。对于设计师来说,这是一个非常有效的想法:如何以大脑吸收和消化数据的自然方式组织信息。 Andy Rutledge以这种方式可视化接近原则:

值得注意的是,通过研究和实验验证,接近原理的接近度比颜色和形状的近似更容易识别。即使是具有完全不同特征的元素,只要它们足够接近,人们就更倾向于认为这些元素是相关的,如下面的情况。

在包含大量不同内容的用户界面中,邻近原则对整体布局设计有很大帮助。正确使用邻近原则使用户更容易访问信息和感知内容。很多时候,用户还没有准备好花时间学习复杂的界面,可以快速感知和识别的信息,以及更好的用户保留。之后,用户可以真正享受代购源码网站或APP带来的便利。这个逻辑很清楚。

一般来说,我们认为接近原则在UI界面中。有两个应用方向:一个应用于元素和内容,如排版和文案,另一个是不同的内容块和控制块。下一个案例将使用之前Tubik团队的设计和产品。

排版和文字

接近原则在排版和文案中被广泛使用,甚至可以说是必须使用的规则。为了确保文本可以快速读取,每行文本的长度,间距,段落的长度,空间距离的控制将对它产生影响,正如读者通常不接受长和长布局。同样,当大多数用户在网页上快速扫描时,他们会快速检查标题,副标题,突出显示内容和关键字。当他们对内容感兴趣时,他们会点击链接查看更多内容。这就是为什么设计师试图选择一种可以快速感知和美观的界面设计的原因。

空白通常被称为负空间,它在布局过程中也起着重要作用。消隐不仅可以增强布局中的呼吸感,还可以用于区分不同的组和块。

对于大型文本内容,设计人员可以通过不同方式处理它。例如,设计人员可以使用空格来区分不同的段落,以便用户在区分段落时更好地理解内容。根据接近原则,封闭内容将表达相似的含义并传达统一的思想,因此通过留空,段落和段落有区别,内容更具结构性。

建筑博客

这是一个建筑博客的界面概念设计。整个界面是根据接近原则构建的,这也使整个设计分层。首先,将不同的文本分组成小块,每个小块呈现不同的信息。其次,每条内容都接近相关图像,即使用户快速浏览,也能理解相关性,这使得理解其含义更加容易。诸如CTA按钮和链接之类的元素与文本元素相对较远,但是包含在相同的内容块中以呈现关系。通过这种布局设计,设计师激活布局内的不同功能区域,使其在结构上平衡和谐。所有文本块都是围绕主题设计的,用户可以一目了然地获取信息。

这种设计方法也可以扩展到目录和列表的设计。因为邻近原则也是组织信息组和块的有效工具。

斜坡代购源码网站

例如,看看Slopes代购源码网站。首页中的几个链接与代购源码网站导航交互相关,它们放在一起,远离其他元素,显然是一个组。从侧面展开的汉堡菜单类似,不同的链接彼此靠近以形成不同的组。根据接近原则,负空间增强了页面的视觉层次。

内容块和控件

邻近原则的使用也可以扩展到在布局中组织的内容块和控件。它们不仅仅是文本,还包括图像,链接,图标,控件和CTA元素,卡片等。设计师可以使用邻近原理来组织与认知系统更密切相关的设计。

珠宝电子商务应用程序

以下面的在线珠宝购物应用程序为例。右侧的屏幕可以显示产品卡,其中包含相关的一般数据,包括颜色,宽度,重量和材料。它可以通过彼此的亲密度和线的分割来容易地区分。清晰的分组,底部的文本内容自然被视为统一的内容。用户可以一目了然地查看哪些是关键数据,哪些是详细说明。

大景观

这个在线杂志的布局也是一个很好的例子,它也是基于接近原则实现清晰的布局。首先,整个站点的布局严格按照网格系统排列,没有可见的线框来区分内容。接近原则允许用户一目了然地区分整个页面的总体布局。顶部的导航链接显然是一个组,左侧的列表项彼此接近,这是一个明显的组,而文本内容和标题占据右侧的主要位置。非常接近,它们构成了页面内容的主体。右上角的搜索和订阅是相对较小的功能,但也因其独特的功能而组合在一起。此策略使整个布局更易于导航,直观且易于导航。

尽管接近原则是使用格式塔原则的一种方式,但它是一种非常简单但非常有效的设计策略和技术,可帮助用户根据人们的认知习惯和心理模式保存大量经验并构建界面。

原作者:Tubik Studio

原始地址:https://uxplanet.org/gestalt-theory-for-ux-design-principle-of-proximity-e56b136d52d1

译者:陈子木

翻译地址:您设置网络

本文由@陈子木发布,每个人都是产品经理。未经作者许可,禁止转载。

该地图来自Pexels,基于CC0协议

« 新鲜出炉!用户体验设计趋势2018年(下) | 互联网品牌运营的规划计划 »