继续修炼排版神功!
又是洋洋洒洒4000字,
熬夜写的,累死本王啦~
许久不见,甚是想念!
寡人日理万基,
终于腾出手来回馈众爱卿的绵绵爱意啦!
闲话少说,今个儿
咱们传授排版神功的「构图大法」,
跟着朕,一起疯狂吧!
原文连接:https://www.zcool.com.cn/article/ZMTIzMTc1Ng==.html
原文作者:大猫404
「构图」为撒子要放到《玉女心经》的最后来讲?
当然是因为,
它远不如跳跃率、图版率等重要啦!
且「构图」灵活多变,
按照寡人理解,
每个版面,都可以延伸出多种构图!
具体可看文中《临江仙》的构图形式,
寡人可是花了点时间,每种构图都搞了一下~
不同构图虽有气质上的差异,
但对版面调性不会起到决定性影响~
咱先来瞧下问题~
下面俩版面,哪个更有正式、经典的感觉?
这必须是「不偏不倚C」呀,
不偏又不倚,就是居中,刚好就合适呗!
居中构图作为最常规、最传统的构图形式,
具有雍容华贵,经典、正式又有格调的气质!
不得不说,这雍容华贵的气质跟本王颇为相似~
而「左右开弓A」是对角线构图,
设计感确实比居中构图强,
毕竟居中构图太常规啦,就是一老古董。
对角线构图有了变化,也就有了设计感~
但是,设计感强了,正式和经典的感觉就弱啦!
正所谓,鱼与熊掌不可兼得也~
虽然鱼与熊掌不可兼得,
但天下与美人可皆归寡人呀~
众爱卿若不想让朕独享,
那就让朕考考你们~
在构图之前,
咱们说了「图版率、跳跃率、留白、字体」等几大块,
他们与版面的气质息息相关~
上面两个虽然构图不同,
但图版率、留白等都是差不多的。
所以除了经典、正式的感觉不同,
两者都能够传达高端、昂贵的感觉~
那么,如果他们构图不变,
又想让他更高端、更精致,
咱可以怎么做?
A.增加图版率,缩小留白
B.减小图版率,增加留白
若众爱卿已习得前几篇功法,
自然是知道这题选「B」!
留白大了,
精致、高端、格调感就更强了!
答错的童鞋,
罚你们加练是遍前几套心法~
只看文字,还有爱卿不信,
那本猫只好使出闪电五连鞭,快速改改了!
啪的一下,很快就改好了~
其他地方没动,仅仅是把人物缩小了。
居中构图也是一样滴,
只是把留白放大,
给人的感觉就更精致、高端~
如果这是奢饰品海报的话,
这么一改就让寡人更买不起了~
o(︶︿︶)o 唉,
贫穷使我们相遇,说多了都是泪~
通过这个小案例,
知道寡人为啥把构图排在最后了吧!
因为确实木有其他几个要素重要呀~
通过前几篇功法的要素,
拿捏准了气质,
再用构图锦上添花才是正道。
寡人一般把常见的构图形式,
归类为8种,
接下来跟着朕的脚步,
在寡人挥动的皮鞭下,
一起来看看吧!
01.分割式构图
猫说:
不把身心全部给我,
就让它一刀两断!
分割式构图,
就是一刀下去把版面斩成两段,
亦或是三段~
简而言之,这种构图形式,
就是把版面,水平或垂直的分割,
一般包括 上下、上中下、左右 的构图结构~
只说肯定不懂,
且看老夫2秒钟排的示范图就晓得啦!
(寡人就是快!)
上下结构
上下结构也就是把版面分成上下两块,
具体布局可以是上图下字,或者上字下图。
PS:「上图下字」中的「图」,不单指图片哟!也可指代较大的标题或元素~
这种布局结构最常规,也就最不容易出错~
正如练此功,最不容易纵火入魔一样~
咱再来看一下上下结构的例子~
美术馆展览的这张海报,
便是上文下图的结构~
这种编排形式,很难出错,
当然也很难出彩啦~
猫说:
凡事皆相对,
得到一粒沙子,
亦会失去一粒尘埃。
这个海报是上图下文的结构,但却非常活泼~
这是因为,下方信息编排很个性,
跳跃的文字和曲线的加入,
使这块异常活泼~
上中下结构
上中下结构,就是把版面分成上中下三部分,
相当于上下结构中间又插了一道信息区~
简而言之,
就是从上下两块信息区,
变成了上中下三块信息区~
这张海报便采用了上中下的结构,
标题放于中间信息区,上下则为详细阅读的文字~
也可以变成上下是图,中间是文字信息的结构~
左右结构
同上,也就是把版面分成左右两部分,
左图右字,或者左字右图。
左右结构也是比较常见的一种构图。
这个海报左侧是主标题,右侧是详细信息~
当然是非常正点的左右结构啦!
留白也是面积哟!这个海报,左边是图,
右边大面积的留白中加入文字,
当然也是左右结构啦!
海报文字信息居于左侧,
虽然文字只占很小的一块,
右侧大部分是插图。
但依然不妨碍它是左文右图的左右结构~
02.居中式构图
居中式构图,
也就是版面整体布局以居中对齐为主,
左右两侧基本对称的结构。
对称式的布局结构,也属于居中式构图的一种~
居中式构图传达的感觉比较经典、正式。
这个气质,
相信众爱卿在开篇的小案例中已经领悟啦~
居中构图,确实会有这么个经典、传统、高端的气质在里面~
也正因为此,很多电影海报都采用居中式构图。
虽然居中式构图具有传统、经典感觉,
但这个也不是绝对的,
一切还要看其他几个要素的设定,
比如下面这个音乐会的海报~
虽然是居中式,左右对称的结构,
但是却有一点活泼感~
这是因为他的字体非常有张力,
版面率大,而留白又小造成的。
所以呀所以,
构图虽重要,
但却排在前几套功法之后~
03.对角式构图
开篇案例中,咱也说过了对角式构图~
对角构图,
画面主要元素一般分布于对角,
视觉流向是倾斜的。
相对于居中构图的形式,
对角式构图增加了不稳定的变化,
毕竟视觉流向从垂直,
变成了斜线~
所以具独具一格的感觉~
这个海报,标题与右下方图案形成对角构图~
这个则是从左上到右下的对角~
这个比较具有艺术感的海报,对角从左上到右下~
我们可以看到,
对角式构图的设计感,
比居中式的强很多。
这也是因为,他更具有变化!
04.四角式构图
上面的对角,是元素压住两个角,
但今儿个,寡人把另外两角也没收啦!
压住四角式的构图形式,
就是四角式构图~
当然,你叫他压角式构图也可以。
一般来讲,四角式构图主要是
用字把主体四角或版面四角压住的形式~
这种构图方式比较稳定,
传达的气质在活泼与安静之间~
四角式构图给人感觉四平八稳,
这种形式一般标题比较大,
所以亲和力还是挺强的。
废话~能压住四角的字,当然要大啦!
更具体气质,
就要结合其他几个要素综合来看啦~
像这个鹤的海报,主体表现力很强。
虽然是压角式构图,
但正文/LOGO部分在整个版面,
是居中对齐的~
所以海报既有冲击力,
又带有一点居中构图所有的典雅气质~
05.包围式构图
是谁?
在朕的寝宫四周竖了高墙!
是要把朕关在寝宫不成?
包围式构图,
正如上面所写~
此种构图,
一般图片或主体四周布满文字。
若把主体比作寝宫,
文字比作高墙,
那可不就是把朕囚禁在寝宫嘛!
包围式构图形式比较饱满,
信息也比较多,
毕竟版面率比较大,
所以一般还是挺活跃的。
除此之外,风格气质取决于主体的内容~
上文中这个压角式构图的案例,
其实也算是包围式的构图,
毕竟他的城墙把寝宫堵住咯~
包围式构图因为信息量比较多,
版面率高,留白少,
自然显得比较热情,且有活力啦!
这个包围式构图虽然留白大一点,
但四周的文字决定了版面率的大小,
因为版面率较大,
所以也是比较活泼的~
这个包围式构图就非常活泼了。
因为除了版面率大,
更重要的是主体表现力高,有冲击力!
06.曲线式构图
画面主要元素成「S形、Z形、C形」等,
总之,
版面主要元素走向,
非常妖娆就对啦!
曲线式构图,相对于对角式构图来说,
更不稳定,更活泼!
自然就更具有设计感啦!
虽然更活泼,更易做出设计感。
但若用不好,
就会出现阅读逻辑混乱的情况,
所以众爱卿,
用此邪功,
必得先定好阅读逻辑,
再依照轻重缓急去安排版面哟!
这个海报以打开的书和文字,
构成一个反S的构图。
以标题和线条插画,
构成S形构图。
这是王志弘做的《你是人间四月天》的书封,
「四月天」放大构成一个C形。
我们可以看到,
曲线构图通过元素间的位置关系,
会引导我们视觉流向变成曲线,
所以也是比较有设计感的构图形式~
07.散点式构图
这个嘛,
说白了就是,
把文字或其他小元素拆散成点,
再布满版面的形式。
这种构图看上去非常活泼,
又具有设计感,
简直是旋转、跳跃,我睁着眼~
那份活泼,在我心间呀!
为啥这种构图看上去十分活泼嘞?
当然也是因为这种形式,
使版面细碎,留白不能形成整体,
留白就显得少,版面率自然就更大,
那必须就活泼、跳跃鸭!
08.轴线式构图
画面中有一条隐藏的轴线,
大部分元素都沿着轴线对齐,
这便是轴线式构图啦!
So,Easy!
看到画面中有条很浅的竖线了咩,
这个就是这个版面的轴线~
YANG SHEN 和正文,
都是靠着这条线对齐的。
一家人嘛,就要整整齐齐,
这条线就是家规咯~
看到这个图,众爱卿心里一阵嘀咕,
这厮不是对角式构图里的案例嘛,
啷个又在这里出现了?
难道猫皇老迈年高,已经记忆模糊了不成~
当然不是,寡人英明的很!
整体来看,
这确实是左上方图,右下方字的对角式构图~
但其实,他有一条隐藏的轴线,
轴线从左上方图的中间延伸下来,
正文均一这条轴线对齐~
这就是他隐藏的对齐形式啦!
骚年,藏的挺深鸭~
另外,
十字形布局,我也归类到轴线构图这一大类里。
毕竟十字形轴线,也是轴线嘛!
来看一下周杰伦《叶惠美》的专辑封面,
这个封面是聂永真的作品~
一眼看上去,就是一个居中构图的形式,
所以看上去很经典,很沉稳!
但实际上,专辑上的文字并不是绝对居中的
红色的线是中心线,
为啥文字没有居中对齐,就差那么一丢丢嘞?
因为,
文字的编排要与图片和谐搭配,
专辑图片是十字形构图形式,
沙发为横轴,人物的眼睛与手指方向连成纵轴。
文字根据纵轴走向排列,
使手眼和文字,连成了整体,
那必须就完成了生命的大和谐!
除此之外,
下方「周杰伦」和「Jay」的编排形式,
也是一个十字轴哟!
字体也设计的非常Nice!
好啦,到此,
常见的8种构图形式,
算是讲完啦。
最后咱再总结一下~
当然,除了这8种,
还有 几何构图、放射式构图等,
但这些用的并不多,
而且大多数也可以概括为这8种,
寡人就暂且留着,
日后有机会再讲~
不知不觉又 4000 字啦,
本来还想再写点
根据主体造型确定构图的方法,
如今只好留到下一篇咯~
那么今天就到这儿啦~
众爱卿,下期不见不散!
虽写了这么多,但咱也不知道咱这套《玉女心经》有木有把构图形式说清楚,
所以各位大佬,留言告诉寡人吧!