使用平衡设计来达成网页设计中的满意度

设计中的平衡是指设计双方之间视觉视觉分量的分配,以创建统一性,充实性和满意度。

进行网页设计时,首先要问自己的是:我的设计是否引人注目?我的客户会感到舒适吗?重要的是要有一个功能良好的设计,而且外观上也要吸引人。这就是为什么我们使用诸如平衡之类的基本设计原理。

在物理世界中,平衡很容易理解。如果某些东西失衡,它将趋于跌落。 视觉平衡和物理平衡一样有用。我们的大脑偏爱平衡,并在潜意识水平上意识到这一点。

另一方面,混乱和无法识别的事物使我们感到紧张,这不可避免地导致转化率降低。此外,在没有视觉平衡的情况下,观看者可能无法在视觉重量较小的区域看到或花费时间。这些领域的信息很容易被忽视。如果这很重要怎么办?

在本文中,您可以学习基本的平衡原理以及如何在您的Web设计中实现它们。

平衡类型

尝试平衡布局时,需要注意一些事项。设计元素(例如对象,颜色,纹理,空白空间和其他元素)必须在您的页面上井井有条,才能形成平衡的构图。您可以通过以下四种类型的平衡来实现此目标:

  • 对称
  • 不对称
  • 径向平衡
  • 晶体学天平(或镶嵌天平)

了解这些类型以及它们与设计的关系可以帮助您成为一名更好的网页设计师。

对称

对称意味着轴的一侧上的所有内容都与另一侧相同。结果,视觉重量被均匀地分布,它使构图看起来稳定并创建有序的外观。自然对称可以是垂直的也可以是水平的,它也可以同时具有多个轴。

通常,阅读对称性时首先想到的是人脸。另一个流行的例子是蝴蝶翅膀上的图案。我们看到的对称越多,对我们来说就越有吸引力。

研究表明,人类和动物已经通过进化形成了对对称性的偏好,“与人类婴儿的合作表明,儿童在四个月大时就开始表现出对垂直对称的偏爱,而在十二个月大时就已经确立了偏爱。”

对称性对于那些显示比较或突出公司业务两个重点领域的设计非常有效。例如,在下面的网站中,Adham Dannaway强调他是零件设计师和零件编码员。

网页设计中对称的主要缺点是,它可能被认为很无聊且过时。但是,如果做得好,它可以具有古典,精致的外观。例如,图形设计师经常使用纯对称的喜帖和名片。

对称的另一个优点是很容易在网页上建立。

不对称

平衡不仅意味着使所有元素对称分布。即使缺乏对称性,您也可以保持平衡。

不对称的平衡,有时被称为非正式的,是由相互矛盾的要素并置而产生的。例如,您可以在页面上分布几个小元素,以平衡大元素。您还可以将较小的元素放置在远离合成中心的位置。总而言之,这些不对称设计是平衡的,但并非完全相同。

通常看起来比对称更醒目。设计师倾向于在更现代,更有活力的设计中使用它。它还可以使您的页面更具动感。SaaS网站通常使用不对称性来传递关键产品消息。例如,下面的Hubspot在一侧放置了更强烈的元素,即他们的销售主张和号召性用语,而另一半则具有更细微的视觉图形。

不对称经常在大量空白中游刃有余。正如亚历克斯·怀特(Alex W. White)在他的书中所描述的那样:

“一个对称需要各种元素尺寸和仔细的空白空间分配。”

在同一本书中,怀特还指出:

“不对称的设计唤起了现代主义,充满活力和活力的感觉。”

径向平衡

如果不想平衡轴两侧的构图,则还可以选择围绕单个中心点的径向平衡。它将使您的页面具有统一感和动感。

在大多数情况下,设计人员会在中心建立径向平衡,但这不是必需的。

要创建径向平衡,您需要建立一个焦点并平衡围绕它的其余构图。您可以通过将对象,颜色或纹理放置在距中心等距的位置,或者以螺旋状将其组织到中心或远离中心的方式来实现。中心点将吸引最多的注意力,因此通常,Web设计师将其保留给CTA或其他重要的可点击对象。

定价页面通常使用径向余额来突出显示一种定价模型。Web设计人员通常使用大小或颜色对比来确定中心点。它完全类似于希克定律,该定律指出“做出决定所花费的时间与我们拥有的可能选择成正比。”

在下面的示例中,Whatagraph正是这样做的。他们通过将低对比度和高价值计划围绕在中间值计划中来使用颜色对比度。

通过使用径向平衡和对比,Whatagraph可以巧妙地建议哪种计划最有可能为您带来最佳效果。

晶体学(马赛克)天平

我们列表中的最后一个是晶体学天平,也称为镶嵌天平。这可能是组织起来最困难的一个。

晶体学的平衡有时看起来像是杂乱无章的,因为乍一看它缺乏视觉层次。但是,如果操作正确,此类型将给您的客户留下深刻的印象。想想杰克逊·波洛克(Jackson Pollock)的画作。

Pinterest的布局是镶嵌平衡的一个示例。尽管由于缺乏对齐而感到有些混乱,但清晰的五列结构将其组织起来。至少在视觉上令人愉悦。元素之间的设置边距也有助于某种顺序。

通常,这种类型的平衡没有任何规则,设计人员通常会避免使用。像下面的示例一样,过度操作和使网页混乱是非常容易的。

是的,这是一个真实有效的网站。天呐。

结论

均衡的布局是您网页开发的重要组成部分。如果您的页面具有逻辑上的统一感,那么它将易于导航并且使用舒适。您的设计还将对稳定性和复杂性有一个总体印象。

您可以通过经典或形式上的对称性,或现代和非正式的不对称性来实现。您还可以使用径向平衡,这将使您的页面具有动感,或者最终使用镶嵌平衡创建有组织的混乱。

遵循这些简单的策略,您一定会吸引潜在客户的注意力并增加转化次数。

注:本文翻译引用自国外