新一期的教程又来了~
-------
如果我们把做设计比喻成起房子,房子的户型大概就相当于平面设计中的信息编排,而建筑的外形骨架就相当于是构图。
在现实生活中,我们能看到这样四平八稳的建筑:
也可以看到这种奇型怪状的建筑:

这些建筑不管外形如何变化,但是有一条是不会变的,那就是它必须重心平稳。
重心不稳的话,就算是老司机也难免会翻车:
建筑结构需要平稳,设计中的构图也是如此。
构图上的平稳,指的是视觉上的平衡感,也就是我们常说的平衡构图。
平衡构图除了带来视觉上的稳定感之外,也更符合大多数人的审美,因为平衡构图体现了大自然的基本规律——和谐。
平衡是一种不多不少,不偏不正的感觉,那么在视觉设计中我们要怎么才能达到这种效果呢?
今天的这期教程就来聊聊平衡构图在设计中的具体应用。
在现实生活中,我们想知道两个物理谁轻谁重,那方法是很简单,上天平称一下就能知道结果。
然而我们说的视觉上的平衡,却没法用一个工具来测一下。
因为这种平衡完全是一种视觉感受,它未必是面积或者重量上的完全相等 ,只要画面呈现出来的是重心平稳的状态,我们就称之为是平衡的。
我们来看看哪些因素会导致视觉上的不平衡。
一、元素的位置分布
下面这个画面,我们很容易就感受到它是不平衡的:
虽然大部分人都能看出来它是不平衡的,但是如果我问,为什么这个画面不平衡,我估计并不是所有人都能答得上来。
其实我们只需要找到画面重心的方法,就能知道它为什么不平衡了。
这样我们可以一目了然的看出来,画面的重心太偏上了,所以会产生不平衡的感觉。
找到问题,就找到解决方法了,我们只需要将画面的重心往下移,这个画面的构图就平衡了。
往右下角添加了一些元素之后,画面重心就回归到画面的中心,这样整个画面看起来就很平衡。
类似的案例:
二、色彩
颜色也是影响构图平衡的重要因素。
在之前的色彩教程中我们讲过,颜色有重量感和面积感是不一样的,比如明度低的颜色就会显得更重:
不同的重量感,给画面带来的影响就会不一样。
比如这张图,从元素的分布来看,看起来是没有问题的。
不过再分析一下颜色,就会发现画面还是不平衡的。
解决的方法是给画面左下角再增加一些重色,这样就相对平衡了:
除了明度之外,不同的色相的重量感也是不一样的:
下面这张图就是在画面中增加一个比较“重”的颜色,达到让画面的重心更平稳的目的:
好了,知道了哪些因素会影响视觉平衡之后,我们再来看看平衡构图的具体形式。
(不会平衡的后果)
绝对平衡最大特点就是画面上是对称的,在视觉上表现为左右或者上下是完全对称的。
比如说像居中构图:
绝对的平衡可以营造出平稳、严肃、整齐的感觉。
如果你想做出传说中“大气”的感觉,最好的选择也是居中对称:
总之,绝对平衡就是一个字:稳如狗!
当然,对称的设计稳是稳了,缺点就是有点刻板,没有活动。
如果想做出活泼一点的感觉,你就需要用到相对平衡了。
相对平衡一般体现为形式上不对称,但是整体画面的重心是平稳的状态。
比如常见的对角线构图、S形构图等都属于相对平衡。

对角线构图:
S形构图:
相对平衡的构图方式具有比较强烈的对比,在视觉上就呈现出动态、灵活和富有活力的感觉。
正是因此,相对构图在空间上带来的变化非常丰富。
不要围观,画面不平衡很容易倒的!
前面讲了这么多道理,有些同学就要站起来了:道理我都懂,就是不知道怎么做!

我就知道你们会这么说,接下来就是实操案例。
常见的平衡构图方式有以下六种,每种方式我都会通过一个案例来演示:
对称构图
前面我们讲了,对称构图通过相似性体现平衡,适合稳重、大气的氛围。因此,用在男性、商业、政企等类别的题材都很合适。
对称构图的创建相对容易,用具有对称形式的素材,或者创建对称式的排版即可,例如下面这张男装海报:
确定好了对称的形式之后,文字的排版也相对容易,严格遵守对称的规则就行,整个版式看上去工整端庄,很符合男装的气质。

高清大图走一波:
会平衡术,哪怕是条单身狗,都会格外耀眼!
对角线构图
对角线构图是将主要的内容放置在版面的对角线方向,这样可以避免居中排版的呆板,给主体留出更大的展示空间。
由于对角线构图是斜着的,所以天生就具有动感,适合用在活沷、动感的设计主题上。比如下面这张运动鞋的海报:
将倾斜的鞋子与草书的字体结合在一起,很好的展现出了运动的气势。

当然,对角线构图并不意味着弱侧的两个角就不能放东西,为了整个版式更平衡,我们可以在弱侧填充一些次要的文案信息。
高清大图走一波:
S形构图
在S型构图中,线条起始点或转折点一般是用户容易关注的地方,因为一般将主体内容放置在这些地方。S形的构图灵活、有趣,能很好的引导用户的视线。
S型构图适合轻松、趣味性的主题,例如美食:
我在S型的起始点和转折点上放置了主体物,然后在其它空间里见缝插针的放入文案信息,很轻松的就完成了整个海报。

高清大图走一波:
哎,先别吃,听我把课上完!
继续下一个知识点!
中心构图
中心构图是我们最常见的构图方式之一,一般是将画面最重要的内容放在版心。需要注意的是,我们要保证放在最中间的主体在视觉上有足够的出彩,有细节,这样才能牢牢抓住用户的眼光。
例如这张耳机的海报,质感特别棒:
围绕耳机的中心我做了一圈放射的效果,像是有声音喷射出来一样,这样可以强化中心构图的形式感。

高清大图走一波:
左右构图
左右的二分构图,这在我们做广告中很常用,一般是由于文字和图案没法有机结合。
这种构图方式需要注意的点是文案的对齐原则。
例如下面这张海报:
我尽量使文案整体对齐,然后在局部细节上有一些小的变化,这样不会过于呆板。
高清大图走一波:
(别走啊!我还没讲完呢!)
还有最后一个!
满版构图
满版构图是一种整体平衡,是指将图片和文案充满整个版面,这种形式的视觉传达直观而强烈。
当然,这种构图方式容易显得混乱,因此需要保持素材风格的一致性。
例如下面这张海报中的茶叶素材,我让它们都保持了统一的圆形:
除了素材风格需要一致,在规整中也需要营造出变化,这样才不会让整个版式显得笨重。

高清大图走一波:
好了,这期的内容就到这。
最后我们来总结下这期教程的内容,关于平衡构图我们讲了以下内容:
1、影响画面平衡的元素有哪些。
2、两种平衡方式:绝对平衡和相对平衡。
3、平衡构图的6种形式。
看完教程有没有想立即动手做练习?
OK,题目来了。
----------------------------------
找一张素材,自拟文案,按照前面6种平衡构图的形式出不同的设计稿2-6张。
尺寸:
宽度 1000px,高度不限。
格式:
提交作品的时候,需要把你的文件命名修改为:
你的名字-你的QQ-练习作品,如:阿门-QQ12345678-练习作品.jpg
不要ai或者cdr等格式,也不要压缩包
邮件标题:
20190515-你的名字-QQ-练习作品
我会选择3位同学送出珍藏版小鳄鱼钥匙扣各一个,不值什么钱,仅仅是纪念你曾经努力的意义,再下一期教程出来的时候公布优秀结果,投稿邮箱:
-----------------------------------------------
又到了公布上一期作业和获奖名单了!
鸣炮!!!
上期一共收到91份作品,大家辛苦了:)
全部作品截图:
很多同学都做得非常不错,下面是三位获得优秀作品奖的同学:
01号作品
陆晓桢
原图的排版比较局促,太正的构图也不够运动,修改后的稿子排版更舒展,更有运动气息!
02号作品
阿才
这位同学将上期教程讲到的设计方法运用得恰到好处,改完后的广告画面饱满,风格清新。
03号作品
泡面
原图的直线条有点割裂画面,压在人物身上的文案识别性也有问题。改后的稿子主题更清晰,圆形元素的加入也增添了一点俏皮可爱!
以上三位送出奖品小鳄鱼各一个!
-----------------------
好了,
学到干货的同学请大方地点击一下喜欢作者!!:)
这样下一期干货来得更快!
(更多干货教程,回复:色彩教程)
越努力,越幸运。
这里是庞门正道。
继续阅读
阅读原文