了解设计组合的基本原则可以帮助您解决设计问题,无论您是想帮助用户完成任务、购买产品还是两者兼而有之。
设计的组成方式对用户感知它的方式有很大的影响。不同类型的作品对观看作品的人可能会产生截然不同的影响,无论是正面的还是负面的。

设计构图
设计构图,简单来说,是指元素在页面上的放置方式。成功的构图意味着以一种不仅看起来不错而且符合其目的的方式来安排您的设计。为此,请遵循设计构图的原则:和谐、视觉层次、平衡、规模、重复、对比、强调和统一等。
许多设计原则都基于格式塔感知理论。

几何中心
每个形状都有一个几何中心。对于基本形状(如矩形、椭圆形和正方形),它是对称轴相交的点。对于具有无限个对称轴的圆,中心是与所有边缘点等距的点。将重要元素放在几何中心是最简单的,虽然不是最有想象力的组合。它给人一种稳定、静止、不变的感觉。

构图中心
您设计的几何中心将始终在同一个位置。但是,构图中心的位置取决于您的设计的组织方式。它可以是一个点、几个点或沿其放置元素的一条线。

视觉中心
如果你让某人指向一个形状的中心,他们通常会指向一个略高于几何中心的点。由于我们将重点放在构图或元素的顶部,我们认为视觉中心略高于实际中心。
在设计中,这意味着如果我们将元素放置在几何中心,它们实际上会显得不平衡并且略微太低。将元素放置在视觉中心可以使您的设计看起来更加平衡和谐。
围绕视觉中心而不是几何中心平衡元素会吸引更多注意力到您的主题上。

主导元素
在许多构图中,一个元素会通过大小、形状、颜色、纹理或空间的某种组合来支配其他元素。这个主导元素具有更多的视觉重量,并首先受到关注。将其视为您的设计的切入点或您正在讲述的故事的起点。
在设计构图时,请确保最重要的元素占主导地位。目标是让它们在周围元素中脱颖而出并吸引用户的注意力。
主导元素应该强调最关键的信息,因为它可能是用户会看到的唯一内容。

对称
视觉元素的感知权重称为其视觉权重。在所有方面具有相同视觉重量的构图被认为是对称的。对称平衡给人一种正式而优雅的感觉,但也是可预测的,有时也很无聊。

不对称
当构图的每一侧的视觉重量不相等时,就会出现不对称。例如,我们可以通过在另一侧添加几个次要元素来平衡一侧的主导元素。不对称平衡更加动感和令人兴奋,因为它提供了更多的变化,感觉现代和充满活力。
不对称平衡更难实现,所以要花时间练习这项技能。

封闭式构图
当所有元素一起工作以创建一个框架时,就会发生封闭的合成。通常,我们会将主要元素放置在构图中间附近或重叠的位置,而作为互补特征的次要元素会关闭框架。

开放式构图
开放的构图鼓励眼睛从一个区域移动到下一个区域。他们创造了一种运动的感觉,毫不奇怪,一种开放的感觉。开放构图中的元素不会形成框架,给人的印象是构图超出了边缘。
尝试封闭式和开放式构图,看看什么最适合不同的情况。

静态构图
静态构图看起来有序、平衡且几何稳定。组成中心通常与几何中心或对称轴之一重合。静态构图通常是封闭的,具有柔和的色彩和色调对比,并使用以 90 度角交叉的水平和垂直直线。

动态构图
动态的构图让人感觉充满活力和令人兴奋——有一种运动、活动甚至冲突的错觉。为了达到这种效果,请使用开放式构图、不同角度的交叉对角线、强烈的色彩对比以及明暗色调。不规则之处引起了我们的注意,并邀请我们进一步检查构图。

平衡的构图
当所有元素一起工作时,就会出现平衡的构图——设计既稳定又美观。虽然有些元素可能更突出,但没有一个元素能将我们的注意力从整体的构图上移开。反过来,在不平衡的构图中,个别元素主导了整体,导致紧张和不安。
如有疑问,请坚持平衡的构图。
本文内容为转载
网友评论