平衡构图在设计中的具体应用

  • A+
所属分类:经验思维

本文来源: 庞少棠 (公众号:庞门正道) , 共 2384 字

如果我们把做设计比喻成起房子,房子的户型大概就相当于平面设计中的信息编排,而建筑的外形骨架就相当于是构图。在现实生活中,我们能看到这样四平八稳的建筑:

平衡构图在设计中的具体应用

也可以看到这种奇型怪状的建筑:

平衡构图在设计中的具体应用

这些建筑不管外形如何变化,但是有一条是不会变的,那就是它必须重心平稳。

 

建筑结构需要平稳,设计中的构图也是如此。

构图上的平稳,指的是视觉上的平衡感,也就是我们常说的平衡构图。平衡构图除了带来视觉上的稳定感之外,也更符合大多数人的审美,因为平衡构图体现了大自然的基本规律——和谐。

平衡是一种不多不少,不偏不正的感觉,那么在视觉设计中我们要怎么才能达到这种效果呢?今天的这期教程就来聊聊平衡构图在设计中的具体应用。

平衡构图在设计中的具体应用

在现实生活中,我们想知道两个物理谁轻谁重,那方法是很简单,上天平称一下就能知道结果。

平衡构图在设计中的具体应用

然而我们说的视觉上的平衡,却没法用一个工具来测一下。因为这种平衡完全是一种视觉感受,它未必是面积或者重量上的完全相等 ,只要画面呈现出来的是重心平稳的状态,我们就称之为是平衡的。我们来看看哪些因素会导致视觉上的不平衡。

一、元素的位置分布

下面这个画面,我们很容易就感受到它是不平衡的:

平衡构图在设计中的具体应用

虽然大部分人都能看出来它是不平衡的,但是如果我问,为什么这个画面不平衡,我估计并不是所有人都能答得上来。其实我们只需要找到画面重心的方法,就能知道它为什么不平衡了。

平衡构图在设计中的具体应用

这样我们可以一目了然的看出来,画面的重心太偏上了,所以会产生不平衡的感觉。找到问题,就找到解决方法了,我们只需要将画面的重心往下移,这个画面的构图就平衡了。

平衡构图在设计中的具体应用

往右下角添加了一些元素之后,画面重心就回归到画面的中心,这样整个画面看起来就很平衡。

平衡构图在设计中的具体应用

类似的案例:

平衡构图在设计中的具体应用

二、色彩

颜色也是影响构图平衡的重要因素。

在之前的色彩教程中我们讲过,颜色有重量感和面积感是不一样的,比如明度低的颜色就会显得更重。

平衡构图在设计中的具体应用

不同的重量感,给画面带来的影响就会不一样。

比如这张图,从元素的分布来看,看起来是没有问题的。

平衡构图在设计中的具体应用

不过再分析一下颜色,就会发现画面还是不平衡的。

平衡构图在设计中的具体应用

解决的方法是给画面左下角再增加一些重色,这样就相对平衡了:

平衡构图在设计中的具体应用

除了明度之外,不同的色相的重量感也是不一样的。

平衡构图在设计中的具体应用

下面这张图就是在画面中增加一个比较“重”的颜色,达到让画面的重心更平稳的目的。

平衡构图在设计中的具体应用

好了,知道了哪些因素会影响视觉平衡之后,我们再来看看平衡构图的具体形式。

 

平衡构图在设计中的具体应用

绝对平衡最大特点就是画面上是对称的,在视觉上表现为左右或者上下是完全对称的。

比如说像居中构图:

平衡构图在设计中的具体应用

绝对的平衡可以营造出平稳、严肃、整齐的感觉。

如果你想做出传说中“大气”的感觉,最好的选择也是居中对称。

平衡构图在设计中的具体应用

总之,绝对平衡就是一个字:稳如狗!当然,对称的设计稳是稳了,缺点就是有点刻板,没有活动。如果想做出活泼一点的感觉,你就需要用到相对平衡了。

 

平衡构图在设计中的具体应用

相对平衡一般体现为形式上不对称,但是整体画面的重心是平稳的状态。比如常见的对角线构图、S形构图等都属于相对平衡。

对角线构图:

平衡构图在设计中的具体应用

S形构图:

平衡构图在设计中的具体应用

相对平衡的构图方式具有比较强烈的对比,在视觉上就呈现出动态、灵活和富有活力的感觉。正是因此,相对构图在空间上带来的变化非常丰富。

 

平衡构图在设计中的具体应用

前面讲了这么多道理,有些同学就要站起来了:道理我都懂,就是不知道怎么做!我就知道你们会这么说,接下来就是实操案例。常见的平衡构图方式有以下六种,每种方式我都会通过一个案例来演示。

平衡构图在设计中的具体应用

 

对称构图

前面我们讲了,对称构图通过相似性体现平衡,适合稳重、大气的氛围。因此,用在男性、商业、政企等类别的题材都很合适。

对称构图的创建相对容易,用具有对称形式的素材,或者创建对称式的排版即可,例如下面这张男装海报。

平衡构图在设计中的具体应用

确定好了对称的形式之后,文字的排版也相对容易,严格遵守对称的规则就行,整个版式看上去工整端庄,很符合男装的气质。

高清大图走一波:

平衡构图在设计中的具体应用

 

对角线构图

对角线构图是将主要的内容放置在版面的对角线方向,这样可以避免居中排版的呆板,给主体留出更大的展示空间。

由于对角线构图是斜着的,所以天生就具有动感,适合用在活沷、动感的设计主题上。比如下面这张运动鞋的海报。

平衡构图在设计中的具体应用

将倾斜的鞋子与草书的字体结合在一起,很好的展现出了运动的气势。

当然,对角线构图并不意味着弱侧的两个角就不能放东西,为了整个版式更平衡,我们可以在弱侧填充一些次要的文案信息。

高清大图走一波:

平衡构图在设计中的具体应用

 

S形构图

在S型构图中,线条起始点或转折点一般是用户容易关注的地方,因为一般将主体内容放置在这些地方。S形的构图灵活、有趣,能很好的引导用户的视线。

S型构图适合轻松、趣味性的主题,例如美食

平衡构图在设计中的具体应用

我在S型的起始点和转折点上放置了主体物,然后在其它空间里见缝插针的放入文案信息,很轻松的就完成了整个海报。

高清大图走一波:

平衡构图在设计中的具体应用

 

中心构图

中心构图是我们最常见的构图方式之一,一般是将画面最重要的内容放在版心。需要注意的是,我们要保证放在最中间的主体在视觉上有足够的出彩,有细节,这样才能牢牢抓住用户的眼光。

例如这张耳机的海报,质感特别棒:

平衡构图在设计中的具体应用

围绕耳机的中心我做了一圈放射的效果,像是有声音喷射出来一样,这样可以强化中心构图的形式感。

高清大图走一波:

平衡构图在设计中的具体应用

 

左右构图

左右的二分构图,这在我们做广告中很常用,一般是由于文字和图案没法有机结合。这种构图方式需要注意的点是文案的对齐原则。

例如下面这张海报:

平衡构图在设计中的具体应用

我尽量使文案整体对齐,然后在局部细节上有一些小的变化,这样不会过于呆板。

高清大图走一波:

平衡构图在设计中的具体应用

 

满版构图

满版构图是一种整体平衡,是指将图片和文案充满整个版面,这种形式的视觉传达直观而强烈。当然,这种构图方式容易显得混乱,因此需要保持素材风格的一致性。

例如下面这张海报中的茶叶素材,我让它们都保持了统一的圆形:

平衡构图在设计中的具体应用

除了素材风格需要一致,在规整中也需要营造出变化,这样才不会让整个版式显得笨重。

高清大图走一波:

平衡构图在设计中的具体应用

 

好了,这期的内容就到这。

最后我们来总结下这期教程的内容,关于平衡构图我们讲了以下内容:

1、影响画面平衡的元素有哪些。

2、两种平衡方式:绝对平衡和相对平衡。

3、平衡构图的6种形式。



发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: