赞助商
立即赞助

用超多世界名画和实战案例,帮你学会平面构图

平面设计3年前 (2021)发布 流光
3.5K 0 0

不知大家有没有遇到过这情况?你在个空白版时候,脑子里也是片空白,这说明你缺乏构图意识。其我们在排版之前,关元素的摆放位置需要有一个大致的构想,个构想就是构图,它相当是版式的雏形,有个雏形之,我们才能开始下一步的细化,只有充分理构图的意义与用,排版时才能做到心中有数。

今天这篇文章我们将会以绘画作品为切入,带大家认识与理解构图。为什么是绘画作品呢?首先,历史上那些有名绘画作品大家多少都会有定熟悉度,其,从这些经典绘画作品我们也能发现,许多经典构图形,从至今我们都在使用,所以我们今天内容也要从这些经典构图开始。

用超多世界名画和实战案例,帮你学会平面构图

我们在看些优秀绘画作品时,虽然法理解画家意图是什么,是却能感受到其美感。而美又是个常主观东西,个美理解都不样,如某幅绘画作品你带来了「美」感受,不知大家有没有想过这是为什么?

用超多世界名画和实战案例,帮你学会平面构图

或许有会说:是为画家技艺高,他画好。是这个答案是过于笼统,「技艺高」是高在哪里呢?要想知其奥秘,我们需要了解下,作画基本原则是什么。

用超多世界名画和实战案例,帮你学会平面构图

画家在作画时,会运用「视觉语言」与「美感法则」来进创作。

用超多世界名画和实战案例,帮你学会平面构图

拿「视觉语言」来说,俗讲它是画所含东西,比如:色、物体、影、空等等。

用超多世界名画和实战案例,帮你学会平面构图

而「美感法则」是画家在创作时,所要用到些美学比例和比。

用超多世界名画和实战案例,帮你学会平面构图

画家为了表现作品主题思想与美感,会在定空内,有意识地安排与物体位关系,把多个局部形象组合成个艺术体,这个过程是构图过程。

用超多世界名画和实战案例,帮你学会平面构图

绘画作品所以能带来美感受,原在于画家会过「构图」手段,将「视觉语言」与「美感法则」和谐地揉合在起。

用超多世界名画和实战案例,帮你学会平面构图

它们三者关系是:在构图大框架下,合理安排视觉元素与美感法则来表作品创作意图。

用超多世界名画和实战案例,帮你学会平面构图

与「构图」类似有另个词叫做「构成」,那「构图」与「构成」有什么关系呢?从本质上来说,它们存在共,是,又不完全相。首先我们用组图形来演示下什么是「构成」。

用超多世界名画和实战案例,帮你学会平面构图

我们可以看到图有三组图形,组含三个正形元素,他们排列各不相,我们把这元素排列叫做「构成」。

那么是「构图」呢?首先「构图」与「构成」的共同之处在于它们都在元素的位置,但同之处在于,「构图」需要在一个确定的空间之。

用超多世界名画和实战案例,帮你学会平面构图

就是说,在一个限定的空间元素的位置,就是构图的过程。而「构成」则没有这个限制,这是他们的第一个区别。

用超多世界名画和实战案例,帮你学会平面构图

第二个区别在于,「构成」作既可是立体的可是平面,在平设计基础课,括了平构成与立体构成。构图作品能是平,我们拿个房子平图举例子。

用超多世界名画和实战案例,帮你学会平面构图

在这张平图已经安排好了房子内部所有结构与家具位。绘制这张平图过程是「构图」过程,它是在平上进。

用超多世界名画和实战案例,帮你学会平面构图

等到施工结束后我们所看到成品却是立体构成。研究「构成」是在探索可能性,它可以运用在很多地,既可以是平也可以是立体。而「构图」则是在个已经限定好平空内安排元素位。

那说绘画作,画在作画之前,一定先要有一个确定尺寸和形状的画布,因此在绘画作中我们讨论的是构图。接来我们来讲一,在绘画作中见的构图形式都有哪些,及我们要如何在设计作中。面,我们一起来看一个案例。

用超多世界名画和实战案例,帮你学会平面构图

这一幅是梵的作——《歇医生像》。乍一看发现画面只有一个人物,并且几乎占满了整个版面,似乎看了么构图形式,但是通过分析歇医生的体态姿势及视线的方向,我们可推断,这幅画了对角线构图。

用超多世界名画和实战案例,帮你学会平面构图

如果梵的《歇医生像》需要推测的话,那这一幅彼得·保罗·鲁本斯的《耶稣十字架》就很明显了,一个典的对角结构。

用超多世界名画和实战案例,帮你学会平面构图

米开朗基罗的《创亚当》则更经典,是了对角线构图,亚当在左角,上帝在右上角。

用超多世界名画和实战案例,帮你学会平面构图

为么这些画会择对角线构图呢?因为对角线是一根非特殊的斜线,同时它是一根最稳定的斜线,许多画在画素描时都是从对角线开始的。讲到这或许会有人太明白,对角线作为一根倾斜的线条,为么是稳定的呢?面我们来分析一原因。

用超多世界名画和实战案例,帮你学会平面构图

在一个矩形画面上挑两个相邻的角,并在它们之间绘制一根线,这根线就是对角线,它将画面一分为二。

用超多世界名画和实战案例,帮你学会平面构图

这两空间的面积是一模一样的,因此在重量上来说画面依旧是平衡的,并会因为对角线的现而打破平衡感。

用超多世界名画和实战案例,帮你学会平面构图

虽然说,对角线是最稳定的一根斜线,但是应当依然会使画面失衡。如我们为了设置对角构图,而在违背的情况随意改变元素的视角,就是说为了对角而对角。

用超多世界名画和实战案例,帮你学会平面构图

举个例子,这是一个正视角的姿猫咪,通过改变角达到对角构图后,我们会发现照片给人的感觉很舒,缺稳定感。因为这种角的姿是违背地心引的状态。

用超多世界名画和实战案例,帮你学会平面构图

再来看这只猫咪,它的姿势是侧躺的,正视角可解为侧躺在地上,倾斜后可解为侧躺在一个靠垫上,画面依旧是稳定的。只要旋转后视角依然合,就会给人失衡的感觉。

用超多世界名画和实战案例,帮你学会平面构图

还有一种见的情况是,当照片中有明显的地平线或水平面时,套对角线构图,这会使得画面的倾斜感过强,导致受众在观看画面时产生适。除非你就是想表现某种特殊的视角,从而制强烈的视觉冲击。

用超多世界名画和实战案例,帮你学会平面构图

如这张照片就是一个很好的例子,人物前方的地平线是倾斜的,人物是倾斜的。整个画面会给人稳定的感觉,但是这个视角是平时见的,配合画面的容,形成了很强的视觉张。

用超多世界名画和实战案例,帮你学会平面构图

用超多世界名画和实战案例,帮你学会平面构图

这汇聚趋势具体是如何体现呢?我们过张海报来解释这个过程。版左上与右下处都有元素,而在线所经过位,也是版焦处放了标题信息。受众在观看这个版时,视线会被牢牢锁定在这三个上,从左上到右下,再从右下回到左上。

用超多世界名画和实战案例,帮你学会平面构图

线构图不能引导视线,版元素较少时,我们也可以考虑使用线构图,它可以版带来相较饱满视觉感受。

用超多世界名画和实战案例,帮你学会平面构图

为线是个矩形版最长线,它能够带领受众常自然看完个画。

用超多世界名画和实战案例,帮你学会平面构图

由于我们阅读是从左至右,所以我们在做线构图时,可以优先考虑从左上开始延伸至右下。为这样更符合正常阅读习惯。然反过来从右上至左下也完全可以,它们生效都是样。

用超多世界名画和实战案例,帮你学会平面构图

关于线构图知识讲完了,接下来做个案例大家演示下,这是要用到文案信息与图片素材。

用超多世界名画和实战案例,帮你学会平面构图

先将网格绘制出来,然后在版左上与右下分放张图片。

用超多世界名画和实战案例,帮你学会平面构图

为我们要做个左上到右下结构,为了使这个结构更加明确,我们把右下图片进个翻转,这样两张图片主体物完全形成了关系。

用超多世界名画和实战案例,帮你学会平面构图

接着,我们参考前分析过那张海报,将标题信息放在线所经过焦位上,目也是为了突出标题,强化印象。

用超多世界名画和实战案例,帮你学会平面构图

左上与右下位都放了信息,现在版,最大负空位在左下处,将剩余文信息,以最简单编排在这块区域供阅读。

用超多世界名画和实战案例,帮你学会平面构图

最后,把书脊编排出来这个案例完成了。

用超多世界名画和实战案例,帮你学会平面构图

用超多世界名画和实战案例,帮你学会平面构图

对常见的对角构图形式,我给大家总结三种,一种:就是大家现在所看的,将文字编排在对角处的表现形式,属文字对角。

用超多世界名画和实战案例,帮你学会平面构图

二种:将图素材编排在对角处的表现形式,属主对角。之前给大家演示的案例就是种形式的。

用超多世界名画和实战案例,帮你学会平面构图

三种,将图素材与文字信息编排在对角处的表现形式,属主与文字对角。

用超多世界名画和实战案例,帮你学会平面构图

说完对角构图,我们来看看彼得·罗·鲁斯的幅品——《劫夺吕西普的女儿》,用什么构图呢?

首先,来分析下画物动作,画有5个与2匹,他们动作幅度都很大,有转身、有弯腰、有倾,这意味着画家在创作时,首先要解决是平衡问题。仔细观察画我们会发现,画所有元素都在相互支撑着形成了交势,而这形用构图来描述话,则属于「交构图」。交我们都知,需要两根线才能生交。

用超多世界名画和实战案例,帮你学会平面构图

在这幅画第根线在被抢夺女性身上,她身体姿势呈现是个右上到左下线感觉,而另根线则在左上与右下处两个物动势与视线关系,可以连接出根线,形成交势。

用超多世界名画和实战案例,帮你学会平面构图

彼·保罗·鲁本《圣乔治屠龙》也运用了相构图。回过头来想想,为什么交构图可以画带来稳定感觉呢?

用超多世界名画和实战案例,帮你学会平面构图

前也说过了,线是最稳定根线,那么两跟线互相交汇在起时,画会变更加稳定。像两根支架样,画四个都被支撑起来了。

用超多世界名画和实战案例,帮你学会平面构图

交构图带来稳定感时,也会在版心创造个视觉焦,显然在这个焦上放元素有利于把受众视线从四引心,从而起到突出主体作用。

用超多世界名画和实战案例,帮你学会平面构图

回过头再观看这幅画时,大致也能明白画家意图了,运用交构图不为了使版变更加稳定,有突出主体意思。为作品名称叫做《劫夺吕西普女儿》,在这幅画最吸引眼球吕西普女儿,被安排在了线交焦位上。

用超多世界名画和实战案例,帮你学会平面构图

想要形成交构图必须要有两根线,不过大家有没有想过,交除了线交形成个「x」形构图,有「十」形交构图。

用超多世界名画和实战案例,帮你学会平面构图

塞尚《洗浴者》运用是交构图「十」形。画物是根垂竖线,而后场景构成了个平线,个画感觉常稳定,并线条垂与平也画带来了些上比。看到这肯定有会想,「x」形交和「十」形交应该怎么选择呢?

用超多世界名画和实战案例,帮你学会平面构图

过这两幅作品比我们可以看出,「X」形交由于线存在,动感更强,而「十」形交感觉会更加稳些。所以在选择上,我们可以根据自己想要呈现感觉来判断。

用超多世界名画和实战案例,帮你学会平面构图

下来实演示下,交构图应用。这是要用到文案信息与图片素材。

用超多世界名画和实战案例,帮你学会平面构图

先将标题编排出来,文色挑选个与版底色接近颜色,为不是为了要突出它,所以可以忽略识性问题,仅充底纹使用。

用超多世界名画和实战案例,帮你学会平面构图

然后在按照版心大小出个椭圆形蒙版,为了便大家观看,我将蒙版范围用橙色表示将文嵌入蒙版。

用超多世界名画和实战案例,帮你学会平面构图

出于美感考虑,在不影响体效情况下可以将这部分文擦拭出来。

用超多世界名画和实战案例,帮你学会平面构图

然后我把蒙版颜色去掉充底纹元素刻画完成了。

用超多世界名画和实战案例,帮你学会平面构图

接着在版左上与右下处编排标题与卖信息。

用超多世界名画和实战案例,帮你学会平面构图

再将剩余文信息编排进版负空。

用超多世界名画和实战案例,帮你学会平面构图

最后在交线相交位放图片素材,到此版搭完成了。

用超多世界名画和实战案例,帮你学会平面构图

为版有个有色系,其他都是黑白灰,为了避免图片素材显过于突兀,可以挑选几组信息换上相似色来减少违和感。

用超多世界名画和实战案例,帮你学会平面构图

在这里我选择将标题与卖信息换上色做进步强调,最后将书脊编排出来,这个交构图案例完成了。

用超多世界名画和实战案例,帮你学会平面构图

这里交形我选择了「x」形,看到这或许有会生不解,为前分析过「x」形动感强有活力,「十」形则相要稳些,根据这个画质来说似乎选择「十」形更合适?

这种想法是合的,因为这个画面的气质确实可表达成稳重和冷淡的感觉,就是谓的性冷淡格。

用超多世界名画和实战案例,帮你学会平面构图

我之择交叉构图是因为本中我标记蓝色的这句话,它我感受到了温。因此我希望这个版面够跃一些,才会人产生距离感。这一分就是属于设计者独有的感性分。

用超多世界名画和实战案例,帮你学会平面构图

这个距离感照片来解释的话就像这样,同一个人在使半身照与全身照时,给人的感觉是一样的。因为照片中的人会给你带来同的距离感受,如半身照给人的感觉就是,这个人离你很再上他的笑容,你自然会感受到那份亲和,而全身照相对的会严肃一些。

用超多世界名画和实战案例,帮你学会平面构图

在这个案例当中,「x」形构图可作半身照,「十」字形构图可作全身照,为了给受众带来距离感,我择使了「x」形构图。

用超多世界名画和实战案例,帮你学会平面构图

用超多世界名画和实战案例,帮你学会平面构图

前也分析过了,交构图第个优是能版带来稳定感。

用超多世界名画和实战案例,帮你学会平面构图

而交构图第个优是,要在交焦上放元素,能起到突出与强调作用。

用超多世界名画和实战案例,帮你学会平面构图

在使用交构图时,如物发生了倾话那与构图样,倾后物不能带来违和感,定要自然。

用超多世界名画和实战案例,帮你学会平面构图

分析了那么多国大师作品,现在来幅国内。由知名艺术家陈丹青所创作《康巴子》,从这幅画绘制根垂虚线,将画分为话我们可以看出,这幅画左右结构基本都是致。而这左右基本致形属于称形,画家所使用正是「称」构图。

于「对称式」构图,我们订阅号之前的一篇章已经介绍过了,里面有非整的分析与演示,感兴趣的可看看:

我们这一次就重复讲解了,直接进入一种构图形式。

用超多世界名画和实战案例,帮你学会平面构图

我想问问大在看这幅画时,视线是否会慢慢的汇聚在这个女孩身上,如果你有这个感觉的话那画的目的就达到了。这幅画自自然义格画华金·索罗拉之手。可你会好奇,画是了么样的构图方式来达到目的的呢?

用超多世界名画和实战案例,帮你学会平面构图

注意看这幅画的透视感觉,大分的透视线最终都会指向这个女孩,这是我们的视线会汇聚在她身上的原因。

用超多世界名画和实战案例,帮你学会平面构图

如果说,对于上一幅画有的人还觉得指向性够明显的话,那么莫奈的《湖边》就非直白了,画面中大分的元素全都指向了中心。在构图当中将这个手法称之为「向心式」构图。

用超多世界名画和实战案例,帮你学会平面构图

「向心式构图」的表现手法为:体位于中心位置,周的元素向中心集中起到聚集的作,这一特点很好的将画面或是版面当中的体给突显来。

除了「向心式」构图外,它有相似作用的「放射形」构图,也能起突出主体的作用。

用超多世界名画和实战案例,帮你学会平面构图

比如梵高的《食土豆者》就使用了「放射形」构图,放射线从吊灯向四周发散开来。

用超多世界名画和实战案例,帮你学会平面构图

如果说「向心式构图」是从四周向中心收缩的话,那「放射式构图」就是从中心向四周发散的。它的共同点是:都能起突出主体的作用,别就在于一个向内收一个向外放。

如果牢牢抓住受众的眼球,可以使用「向式」构图,如果突出主体的同时又兼顾到其他元素的话,则可以使用「射形」构图。

用超多世界名画和实战案例,帮你学会平面构图

如果落实到实际的平面设作品中,「向式」「射式」构图简单的表手法就,利用线条创造视觉动势,从起到汇聚或发散的作用。

用超多世界名画和实战案例,帮你学会平面构图

除了单纯的使用线条外,依靠主体的布局引导受众的视线则巧妙的手法。不过出这种感觉,难度系数还比较高的,条件的设公司可以请摄影师拍出的感觉,会合的设师也可以自己动手合一出。

用超多世界名画和实战案例,帮你学会平面构图

用超多世界名画和实战案例,帮你学会平面构图

比如曼尼亚的《婚礼堂》顶画,就是一个典型的包围式构图。当在观这幅作品,既可以成有内收的觉,也可以成有外放的觉。那体是内收还是外放完全要受众是怎知的。

用超多世界名画和实战案例,帮你学会平面构图

下面就用包围结构来做一个案例,给大家实际的演示一下。这是要用的文案息图片素材。

用超多世界名画和实战案例,帮你学会平面构图

因为构图已经定好了是一个包围结构,所以第一步要做的就是在版面的上下左右都置入文字息,将包围的布局做出来。

用超多世界名画和实战案例,帮你学会平面构图

然后在版面上方的留填充文字息封顶,在将剩余的息编排在版面下方的留,这包围构图的框架就搭建完成了。

用超多世界名画和实战案例,帮你学会平面构图

紧着,在包围的中心置入图片素材,这版面算是编排完成了,剩下要做的就是烘托氛围。

用超多世界名画和实战案例,帮你学会平面构图

先将底色换成黑色,再更换文字的色彩,恢复识别性。因为这是一本已经出版过的书了,所以书封整体配色也是还了稿的配色。

用超多世界名画和实战案例,帮你学会平面构图

最后再将书脊给编排出来,这个案例就完成了。

用超多世界名画和实战案例,帮你学会平面构图

用超多世界名画和实战案例,帮你学会平面构图

在上一个案例中,给大演示的属于包围结构中的一种,字包围图片或是图形元素。

用超多世界名画和实战案例,帮你学会平面构图

另一种则是图片或是图形元素包围字的形式。前一种适合图片数量的时候使,而这种则需要图片数量足够多才实现。

用超多世界名画和实战案例,帮你学会平面构图

如果一张图片都没有的话,可使字包围字的形式

用超多世界名画和实战案例,帮你学会平面构图

知道大有没有听过「九宫格构图」,这个构图方式较特殊,为么说特殊呢?因为与说它是构图方式,倒如说是一个辅助工具。

用超多世界名画和实战案例,帮你学会平面构图

这幅由国知名画「王式廓」创作的《血衣》,的就是「九宫格构图」。经过对之前那些绘画作的分析,我相信大已经看来了,这幅画同时还是一个「向心式构图」。

用超多世界名画和实战案例,帮你学会平面构图

因为画中的人目光都看向了一处,这无疑会起到引导的作,将受众的视线汇聚在一个点上。在解释这幅画是如何「九宫格构图」前,先跟大说说么是「九空格构图」。

用超多世界名画和实战案例,帮你学会平面构图

这幅画的尺寸为「九宫格」的外框,创建一个由行、列、九个模和个相交焦点组成的格。然后,再将原画带入进这个格中,我们会发现画中的要视觉元素,都会现在那个相交的交点上。

用超多世界名画和实战案例,帮你学会平面构图

用超多世界名画和实战案例,帮你学会平面构图

这幅绘画作品长宽比约等于1.5,1.5与1.618这个黄比是比较接近,所以九宫格个小格子也都近似于个「黄比」矩形。画家在元素安排上都有参考这九个格子,拿上下划分比例来说上下比为1:2。

用超多世界名画和实战案例,帮你学会平面构图

左右比例也是1:2,并大部分元素都和个小格子有着关联。

用超多世界名画和实战案例,帮你学会平面构图

而九宫格形成四个交,任何个作为交都在视觉心最佳范围内,不过它们也是有优劣分,这个优劣程度我们可以大致用数来衡量。

用超多世界名画和实战案例,帮你学会平面构图

最佳交位在左上,其是左下与右上,最弱在右下,为阅读序是从左至右、从上至下。

用超多世界名画和实战案例,帮你学会平面构图

这幅名画我相信大家应该都见过,《戴珍珠耳环少女》她部都九宫格左上处靠近。不过有要跟大家说是,不用过分追求最佳那个,在实运用时这四个交都是可以放主体,我们要结合具体内容适应性来选择。

用超多世界名画和实战案例,帮你学会平面构图

比如在梵高《蒙特花园里恋》这幅画,那两恋位处在九宫格左下与右下处。

用超多世界名画和实战案例,帮你学会平面构图

该说都说了,下来实演示下吧,这是要用到文案信息与图片素材。

用超多世界名画和实战案例,帮你学会平面构图

先选择个契合背景色,再沿着版心画出九宫格,然后将图片素材入到版,按照九宫格四个交来放。确定好主体位后,可以开始编排文了

用超多世界名画和实战案例,帮你学会平面构图

主体位都在九宫格四个交上,再加上它们本身是不规则图形,此版上负空处也会显很不规则。

用超多世界名画和实战案例,帮你学会平面构图

如在这样地编排文,那么绕排疑是个很好选择。

用超多世界名画和实战案例,帮你学会平面构图

然后,在倒数第3栏处绘制隐藏网格线,将这栏平均分成4份,腰封位卡在这栏四分处即可。

用超多世界名画和实战案例,帮你学会平面构图

接着将腰封处文编排出来,注意好这个地,为主体物脚出现在腰封处了,在编排文时记要绕排避开它。

用超多世界名画和实战案例,帮你学会平面构图

过距离上变化,可以看出来这两个主体关系,也暗示了感情破裂,是版氛围是不够。

用超多世界名画和实战案例,帮你学会平面构图

所以我又添加了个破碎玻璃纹理,进步烘托了版氛围。

用超多世界名画和实战案例,帮你学会平面构图

最后,将书脊编排出来,这个九宫格构图案例完成了。

用超多世界名画和实战案例,帮你学会平面构图

用超多世界名画和实战案例,帮你学会平面构图

在九宫的四个点上,不只以放置主元素,还以放置文字信息,让主与文字一同出现在点上。

用超多世界名画和实战案例,帮你学会平面构图

因为不光是主,一主要的文字信息同样也是非常重要的。

以上是本篇文章所有内容了,主旨不在于教会大家如何看懂幅绘画作品,而是在强调构图要性,为平设计除了要思考创意,要过编排手段将创意实现出来。

在结束之前跟大透露一,一篇章我将会给大带来于细节编的容,因为光会构图会处细节是行的,就好画画,你构的图再好,可是线条画直光影做好一样会翻车,在构图的大框架把细节处好才是重点。好了,这一期要说的就是这些,我们期再见。

欢迎关注研习的公众号:「Yanxishe2017」

用超多世界名画和实战案例,帮你学会平面构图

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

@研习设K先生 :有一位同学向我们咨询,他的问题大概的意思是,类似网站或者淘宝详情页的那种长图怎么设计能好看?我们在之前...
平面设计
@研习设K先生 :作为平面设计师,除了要跟客户打交道以外,更多的是和文字、图片、图形等编排元素打交道。如果,将版面比喻为...
图版率
本文总结了 9 个排版的小技巧,帮你快速提高版式设计能力。 两种颜色就够了 圆形聚焦 粗框装饰 左起的1/4法则 分散的三角...
平面设计
「空间陈列法」是说先构建一个空间,然后将主体元素用合适的形式陈列出来。 这是随着手机兴起而真正流行起来的一招,因为PC...
Banner设计
或许很多人对「韡」这个字感到陌生,甚至会以为它是一个繁体字,其实它是简体字,读第三声「wěi」。 廖韡,1983年生,平面设...
书籍设计
有时候觉得做的图标有点奇怪,但又不知道哪里奇怪,今天就来分析两个原理,看看有谁中招了! 亲密性 排版有四大原则,其中有...
ui设计
@研习设K先生 :我们都知道,文字与图片是版面中重要的视觉元素,文字的排列决定了受众的阅读效果,而图片则更容易吸引受众的...
图文排版
这一期咱们继续学习格式塔系列原则,那么在本节课,我挑选了两个相互之间具有联系的原则,它们分别是「相似原则」以及「共同...
共同命运原则