用户感知不同几何形状及其属性的方式会对您的构图产生深远的影响。哪些形状最受关注?为什么有些设计——就像一些气味一样——让用户感到不舒服?是什么让用户将一些元素组合在一起而不是其他元素?
了解不同形状的感知方式以及它们如何影响用户行为对于设计有效的构图至关重要。在创建 UI 设计时,请注意形状、颜色和分组等内容。
元素形状
元素的形状是我们首先注意到的事情之一。我们周围随处可见形状,无论是自然物体还是人造物体,都有各种不同的尺寸和配置。形状一目了然,特别是在设计中,用户通常可以仅通过形状立即识别常见组件。

活跃形状
活跃的形状是那些吸引并保持我们注意力的形状。具有圆形边缘的形状,例如圆形或许多有机和抽象的形状,被用户认为更活跃。那些有直线和直角的,比如正方形和长方形,比较被动。

被动形状
被动形状与主动形状相反——它们潜伏在背景中,远离聚光灯。大多数几何形状都是被动的。与圆形或有机形状相比,正方形的吸引力要小得多。他们对周围的环境感到深深的扎根——想想移动一个方形的、有角的物体比移动一个圆形的物体要困难得多。正方形产生稳定和坚定的印象。

稳定的形状
潜意识里,我们将设计元素与现实世界的物体进行比较。稳定的形状是我们认为基础良好且难以推翻的形状。三角形是一种通用的形状——它可以是稳定的也可以是不稳定的,这取决于它所指向的方向。一个向上的三角形看起来坚固且平衡——很难翻倒——类似于物理世界中的金字塔。

不稳定的形状
不稳定的形状看起来像是要翻倒了。它们会给用户带来不安,甚至不舒服的感觉。向下的三角形就是这样一个例子。在现实世界中,很难平衡这种形状以使其保持直立。菱形或正方形旋转以站立在一个角上也是如此。

有机形状
有机形状类似于您在自然界中发现的形状——树叶、云朵、花朵等等。它们是不规则的,通常是不对称的。根据它们的使用方式,有机形状可能比大多数几何形状更活跃,因为它们具有流畅的线条,或者它们可以融入周围环境。

分组
我们的大脑有一个感知阈值——它不能同时感知超过 7 个元素。当有更多时,我们会自动尝试对大小、形状或颜色相似的元素进行组织和分组。如果有太多不同的元素,那么构图就会显得支离破碎和不完整。这就是为什么在创建合成时考虑元素的分组方式很重要的原因。

按大小分组
大小相似的物体被认为是相互关联的——它们形成了一个群体。比组中的元素更大或更小的元素将分开,这可以为您带来优势。但是,如果您希望某些元素被认为是相关的,请确保它们具有相似的大小。

按形状分组
形状可以帮助区分大小相似的对象组。例如,在包含圆形和正方形的构图中,用户会将圆形视为一组,而将正方形视为另一组。

按颜色分组
我们将相同颜色的元素视为属于一起。例如,如果将 5 只白狗和 1 只白猫排成一列,乍一看,大多数人会看到 6 只白狗。那就是力量颜色可以具有过度感知。明智地使用颜色将元素组合在一起,即使它们具有不同的形状或大小。

按邻近度分组
对对象进行分组的一种有效方法是将它们彼此靠近。就像进入夜总会的排长队一样,位置紧密的元素通常被视为一个元素,即使它们的大小、形状和颜色不同。

按空间方向分组
面向相同方向的对象自然被认为是相关的。就像音乐会上面对舞台的人群一样,他们作为一个整体出现。相比之下,面向不同方向的物体——想象一个繁忙的公园,人们面朝各个方向——看起来并不统一。

按运动方向分组
与随机移动的元素相比,沿同一方向移动的元素看起来更一致且相关性更密切。想想德国高速公路的交通看起来比印度或东南亚的混乱交通更有条理。
本文内容为转载
网友评论