当前位置: 首页 >文章 > 原创 | 排版《玉女心经》之构图大法!
收藏
分享

原创 | 排版《玉女心经》之构图大法!

举报大猫404大猫404发布于 2021-03-163393阅读6点赞1评论
一眼看上去,就是一个居中构图的形式,...

许久不见,甚是想念!
寡人日理万基,
终于腾出手来回馈众爱卿的绵绵爱意啦!


闲话少说,今个儿
咱们传授排版神功的「构图大法」,
跟着朕,一起疯狂吧!

「构图」为撒子要放到《玉女心经》的最后来讲?


当然是因为,
它远不如跳跃率、图版率等重要啦!

且「构图」灵活多变,
按照寡人理解,
每个版面,都可以延伸出多种构图!


具体可看文中《临江仙》的构图形式,
寡人可是花了几秒,每种构图都搞了一下~

不同构图虽有气质上的差异,
但对版面调性不会起到决定性影响~


咱先来瞧下问题~

下面俩版面,那个更有正式、经典的感觉?


这必须是「不偏不倚C」呀,
不偏又不倚,就是居中,刚好就合适呗!


居中构图作为最常规、最传统的构图形式,
具有雍容华贵,经典、正式又有格调的气质!


不得不说,这雍容华贵的气质跟本王颇为相似~


而「左右开弓A」是对角线构图,
设计感确实比居中构图强,
毕竟居中构图太常规啦,就是一老古董。

对角线构图有了变化,也就有了设计感~

但是吧,

设计感强了,正式和经典的感觉就弱啦!


简直是,鱼与熊掌不可兼得也~

虽然鱼与熊掌不可兼得,
但天下与美人可皆归寡人呀~


众爱卿若不想让朕独享,
那就让朕考考你们~

在构图之前,
咱们说了「图版率、跳跃率、留白、字体」等几大块,
他们与版面的气质息息相关~

上面两个虽然构图不同,
但图版率、留白等都是差不多的。
所以除了经典、正式的感觉不同,
两者都能够传达高端、昂贵的感觉~

那么,如果他们构图不变,
又想让他更高端、更精致,
咱可以怎么做?


A.增加图版率,缩小留白
B.减小图版率,增加留白


若众爱卿已习得前几篇功法,
自然是知道这题选「A」!

留白大了,
精致、高端、格调感就更强了!


答错的童鞋,
罚你们加练是遍前几套心法~


只看文字,还有爱卿不信,
那本猫只好使出闪电五连鞭,快速改改了!
啪的一下,很快就改好了~


其他地方没动,仅仅是把人物缩小了。

居中构图也是一样滴,
只是把留白放大,
给人的感觉就更精致、高端~

如果这是奢饰品海报的话,
这么一改就让寡人更买不起了~
o(︶︿︶)o 唉,
贫穷使我们相遇,说多了都是泪~

通过这个小案例,
知道寡人为啥把构图排在最后了吧!
因为确实木有其他几个要素重要呀~


通过前几篇功法的要素,
拿捏准了气质,
再用构图锦上添花才是正道。


寡人一般把常见的构图形式,
归类为8种,
接下来跟着朕的脚步,


在寡人挥动的皮鞭下,
一起来看看吧!

01.分割式构图
猫说:
不把身心全部给我,
就让它一刀两断!


分割式构图,
就是一刀下去把版面斩成两段,
亦或是三段~


简而言之,这种构图形式,
就是把版面,水平或垂直的分割,
一般包括 上下、上中下、左右 的构图结构~


只说肯定不懂,
且看老夫2秒钟排的示范图就晓得啦!
(寡人就是快!)


上下结构
上下结构也就是把版面分成上下两块,
具体布局可以是上图下字,或者上字下图。

PS:
「上图下字」中的「图」,不单指图片哟!也可指代较大的标题或元素~


这种布局结构最常规,也就最不容易出错~
正如练此功,最不容易纵火入魔一样~


咱再来看一下上下结构的例子~

美术馆展览的这张海报,
便是上文下图的结构~
这种编排形式,很难出错,
当然也很难出彩啦~


猫说:
凡事皆相对,
得到一粒沙子,
亦会失去一粒尘埃。


这个海报是上图下文的结构,但却非常活泼~
这是因为,下方信息编排很个性,
跳跃的文字和曲线的加入,
使这块异常活泼~

上中下结构
上中下结构,就是把版面分成上中下三部分,
相当于上下结构中间又插了一道信息区~

简而言之,
就是从上下两块信息区,
变成了上中下三块信息区~

这张海报便采用了上中下的结构,
标题放于中间信息区,
上下则为详细阅读的文字~

也可以变成上下是图,
中间是文字信息的结构~

左右结构
同上,也就是把版面分成左右两部分,
左图右字,或者左字右图。

左右结构也是比较常见的一种构图。

这个海报左侧是主标题,右侧是详细信息~
当然是非常正点的左右结构啦!

留白也是面积哟!
这个海报,左边是图,
右边大面积的留白中加入文字,
当然也是左右结构啦!

海报文字信息居于左侧,
虽然文字只占很小的一块,
右侧大部分是插图。
但依然不妨碍它是左文右图的左右结构~

02.居中式构图
居中式构图,
也就是版面整体布局以居中对齐为主,
左右两侧基本对称的结构。


对称式的布局结构,也属于居中式构图的一种~


居中式构图传达的感觉比较经典、正式。


这个气质,相信众爱卿在开篇的小案例中已经领悟啦~


居中构图,确实会有这么个经典、传统、高端的气质在里面~
也正因为此,很多电影海报都采用居中式构图。

虽然居中式构图具有传统、经典感觉,

但这个也不是绝对的,
一切还要看其他几个要素的设定,


比如下面这个音乐会的海报~

虽然是居中式,左右对称的结构,
但是却有一点活泼感~
这是因为他的字体非常有张力,
版面率大,而留白又小造成的。

所以呀所以,
构图虽重要,
但却排在前几套功法之后~

03.对角式构图
开篇案例中,咱也说过了对角式构图~


对角构图,
画面主要元素一般分布于对角,
视觉流向是倾斜的。

相对于居中构图的形式,
对角式构图增加了不稳定的变化,
毕竟视觉流向从垂直,
变成了斜线~
所以具独具一格的感觉~

这个海报,标题与右下方图案形成对角构图~

这个则是从左上到右下的对角~

这个比较具有艺术感的海报,对角从左上到右下~
我们可以看到,
对角式构图的设计感,
比居中式的强很多。
这也是因为,他更具有变化!

04.四角式构图
上面的对角,是元素压住两个角,
但今儿个,寡人把另外两角也没收啦!

压住四角式的构图形式,
就是四角式构图~
当然,你叫他压角式构图也可以。


一般来讲,四角式构图主要是
用字把主体四角或版面四角压住的形式~

这种构图方式比较稳定,
传达的气质在活泼与安静之间~

四角式构图给人感觉四平八稳,
这种形式一般标题比较大,
所以亲和力还是挺强的。
废话~能压住四角的字,当然要大啦!


更具体气质
结合其他几个要素综合来看啦~

像这个鹤的海报,主体表现力很强。


虽然是压角式构图,
但正文/LOGO部分在整个版面,
是居中对齐的~


所以海报既有冲击力,
又带有一点居中构图所有的典雅气质~

05.包围式构图
是谁?
在朕的寝宫四周竖了高墙!
是要把朕关在寝宫不成?


包围式构图,
正如上面缩写~

此种构图,
一般图片或主体四周布满文字。
若把主体比作寝宫,
文字比作高墙,
那可不就是把朕囚禁在寝宫嘛!

包围式构图形式比较饱满,
信息也比较多,
毕竟版面率比较大,
所以一般还是挺活跃的。


除此之外,风格气质取决于主体的内容~

上文中这个压角式构图的案例,
其实也算是包围式的构图,

毕竟他的城墙把寝宫堵住咯~

包围式构图因为信息量比较多,
版面率高,留白少,
自然显得比较热情,且有活力啦!


这个包围式构图虽然留白大一点,
但四周的文字决定了版面率的大小,
因为版面率较大,
所以也是比较活泼的~


这个包围式构图就非常活泼了。
因为除了版面率大,
更重要的是主体表现力高,有冲击力!

06.曲线式构图


画面主要元素成「S形、Z形、C形」等,
总之,
版面主要元素走向,
非常妖娆就对啦!

曲线式构图,相对于对角式构图来说,
更不稳定,更活泼!
自然就更具有设计感啦!image
虽然更活泼,更易做出设计感。
但若用不好,
就会出现阅读逻辑混乱的情况,

所以众爱卿,
用此邪功,
必得先定好阅读逻辑,
再依照轻重缓急去安排版面哟!

这个海报以打开的书和文字,
构成一个反S的构图。

以标题和线条插画,
构成S形构图。

这是王志弘做的《你是人间四月天》的书封,
「四月天」放大构成一个C形。


我们可以看到,
曲线构图通过元素间的位置关系,
会引导我们视觉流向变成曲线,
所以也是比较有设计感的构图形式~

07.散点式构图


这个嘛,
说白了就是,
把文字或其他小元素拆散成点,
再布满版面的形式。

这种构图看上去非常活泼,
又具有设计感,


简直是旋转、跳跃,我睁着眼~
那份活泼,在我心间呀!

为啥这种构图看上去十分活泼嘞?
当然也是因为这种形式,
使版面细碎,留白不能形成整体,
留白就显得少,版面率自然就更大,
那必须就活泼、跳跃鸭!

08.轴线式构图


画面中有一条隐藏的轴线,
大部分元素都沿着轴线对齐,
这便是轴线式构图啦!
So,Easy!

看到画面中有条很浅的竖线了咩,
这个就是这个版面的轴线~


YANG SHEN 和正文,
都是靠着这条线对齐的。


一家人嘛,就要整整齐齐,
这条线就是家规咯~

看到这个图,众爱卿心里一阵嘀咕,
这厮不是对角式构图里的案例嘛,
啷个又在这里出现了?

难道猫皇老迈年高,
已经记忆模糊了不成~

当然不是,寡人英明的很!


整体来看,
这确实是左上方图,右下方字的对角式构图~

但其实,他有一条隐藏的轴线,

轴线从左上方图的中间延伸下来,
正文均一这条轴线对齐~


这就是他隐藏的对齐形式啦!
骚年,藏的挺深鸭~


另外,
十字形布局,我也归类到轴线构图这一大类里。
毕竟十字形轴线,也是轴线嘛!


来看一下周杰伦《叶惠美》的专辑封面,

这个封面是聂永真的作品~
一眼看上去,就是一个居中构图的形式,
所以看上去很经典,很沉稳!


但实际上,专辑上的文字并不是绝对居中的


红色的线是中心线,
为啥文字没有居中对齐,就差那么一丢丢嘞?

因为,
文字的编排要与图片和谐搭配,

专辑图片是十字形构图形式,
沙发为横轴,人物的眼睛与手指方向连成纵轴。
文字根据纵轴走向排列,
使手眼和文字,连成了整体,
那必须就完成了生命的大和谐!


除此之外,
下方「周杰伦」和「Jay」的编排形式,
也是一个十字轴哟!


字体也设计的非常Nice!

好啦,到此,
常见的8种构图形式,
算是讲完啦。


最后咱再总结一下~


当然,除了这8种,
还有 几何构图、放射式构图等,
但这些用的并不多,
而且大多数也可以概括为这8种,
寡人就暂且留着,
日后有机会再讲~


不知不觉又 4000 字啦,
本来还想再写点,
根据主题造型确定构图形式,


如今只好留到下一篇咯~

那么今天就到这儿啦~
众爱卿,下期不见不散!


本文原创,未经作者允许不可转载!
更多内容,欢迎关注作者微信公众号:大猫设计


1条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,637人)

电商海报设计训练营
距离开班仅剩10天66人已报名
【5月】零基础手绘插画训练营
距离开班仅剩10天53人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩27天15人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了36,588
并提交了234份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证