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

原创 | 排版《玉女心经》之构图续章!

举报大猫404大猫404发布于 2021-04-011744阅读0点赞
不知道具体怎样安排构图才比较合适...


一日不见,如隔三秋!

转眼,
几十载光阴又呼啸而过,
仿若那白驹过隙,
不变的,
还是诸位对寡人的思念之情。


为了回应这份思念,
所以,我~又~来~啦!


毕竟,受诸位思念情深,
一日不更,如坐针毡。


终于呀终于,
寡人通宵达旦的写完了这篇,
闲话少说,一起来修炼吧!!


上篇构图文章完了后,
众爱卿都了解不同的构图形式啦,
但还有小伙伴私信问寡人,不知道具体怎样安排构图才比较合适~


寡人思量了几秒,
得出了结论,要做好构图满足三点即可~


1.根据主体造型做构图
2.注意视觉引导
3.注意版面调性


咱先来看第一条,

根据主体造型做构图~
首先来看问题,
下面俩版面,哪个感觉更舒服?

这个把标题放到右上角,
而下面的「C」把标题放到中间~

这呀,就难选啦!毕竟AC都是很有诗意的名字!

好吧,明眼人都知道「烟雨山岚 A」更适合~
原先的图片,左下角重,右上角空~

换句话说就是,
主体位于版面左下角,
我们自然要在右上角加入标题,
组一个「对角线构图」!

这样一来,版面整体比较平衡~

而「江山如梦 C」,
文字放于中间,
但版面依然左边重,右边空,
没有平衡性!
所以给人感受不太舒服~

上面的例子虽然比较简单,但已经说明啦主体造型与构图的关系啦~
简而言之就是,
哪里空就往哪里放文字,
一切都是为了让版面平衡舒适~

下面放几个图考一下大家,
条件是不得挪动主体位置,旋转主体也是不可以哟~

这个绝世侧颜,文字放哪里才比较合适嘞?


A.左下角
B.居中
C.右下角


聪明的你,肯定选对啦,i

画面只有左下角比较空旷,
文字自然要放到左下角,
组一个对角线构图啦!!

恭喜选「C」的爱卿,
你们答~错~啦,
这题必须选「A」鸭!


继续下一个题,



向日葵的图片在下方,
那么咱们文字应该放哪儿嘞?


A.上方
B.上方
C.上方


这题还用选咩?
版面下方都被图片占完啦。


文字老哥是有苦说不出,
除了老老实实待在上面,
也无处可去,无家可归,
真的是小可怜本怜~

所以这题,文字信息要放上面,组一个上下构图~


BUT,
就算知道啦是上下构图了,
不少爱卿可能会排成下面这个样子。

爱妃:“陛下说笑啦,哀家连这样的也排不出呀!”
寡人:“那朕得考虑给冷宫送点温暖啦~”

上面文字都是居中对齐的排法~
没什么大问题,但也不出彩,
中规中矩,按部就班,
传统且古板。

很多爱卿都有此问题,
其实只要花点心思再去尝试下,
就能得到一个更别致的版面~
比如把居中对齐打散,换成其他的对齐形式,
版面立马就会不一样咯!

像这个文字整体左对齐,
小标题放于右侧竖排。
「展」字也做了一点设计变化~


给人的感觉就不像居中对齐似的古板啦!


所以众爱卿要勇于尝试,
普通的版面跟别致一些的版面,可能就是千步之遥~

那么,
像这个向日葵的版面,
还可以不可以更好嘞?
当然可以啦,
寡人作为
苍茫大地之主宰,
浩浩乾坤之统帅,
浪荡天下、骚霸八荒,
让其更上一层楼,只需刹那之间~


现在依然是上下式构图,
但主标题分为左右排开,其他信息居于中间,
设计感强了不少~

所以同样的构图,
不同的文字编排形式,也会跟人不同的感受哟!
也想达到寡人睥睨天下之功?
那就尽情的尝试吧~

尝试的多了,就会发现,
寡人真的不可超越~
才怪!
众爱卿乐于尝试,只会比寡人更强~
加油干巴得~!
再来看下个考题,这次咱搞点有难度的~

血红色的银杏叶,文字应该放哪里嘞?
“禀告陛下,臣不会!”

嘿~!刚才一处留白,众爱卿都木得问题,
怎么变成两处留白就不会了嘞?

其实也是换汤不换药,
图中两处留白,
咱把文字放置于两处留白中就阔以啦!
一般排法就是,
一处放标题,一处放正文。


那么问题来啦,究竟哪里放标题,哪里放正文呢?


既然没经验,那就试呗~
多尝试,总没问题~


银杏叶下边的空间比较大,
刚好适合放大标题,很 Nice 吧!

那么我们再试试把标题放另一处留白可不可行~


标题挡住了图片的焦点,
银杏叶是这个主体最精彩的部分,
但现在被文字挡住过多,
且银杏叶下方的留白大了~


整体的感觉就差了不少耶!

要改变也很简单,只需要把银杏叶下移就阔以啦,

现在只挡住一丢丢银杏叶,问题不大,
版面木得问题~
但咱们之前说过,硬性条件是不得移动或旋转主体(还不是为了锻炼大家~)。
在此种条件下,
那必须还是第一个标题在下,正文在上的比较合适。

再看此题,
这个人物图片,
画面中留白较少,
加文字该加在哪儿嘞?

这种绝对留白比较少的,我们就要看虚实变化啦!
虚就是虚化的部分,实就是聚焦的部分。

像这个人物照片,聚焦部分在脸部和手部,
而身体靠下的地方是虚化的!


所以要加文字,
肯定加到下面没对焦的地方比较好~


花了两分钟,字体设计也搞了一哈~


其实上面银杏叶的案例,跟这原理相通,


重要的地方肯定就是聚焦的地方~
而这些地方,一般是不能挡住太多的,
而虚化的地方,不那么重要,
咱就可以放置文字或其他元素来丰富细节~

接下来来个挑战,
看看这条鱼,咱们可以怎么排?


这条鱼在版面中间偏上,且四周留白很大,
根据鱼做居中构图肯定是阔以滴~

不过说到居中构图,大部分爱卿会中规中矩的排。

虽然没问题,但多去尝试,
机缘巧合之下便会羽化登仙,
排的更为别致哟~

这里仅是将主标题换了种排法,
设计感就增加了不少!

当然啦,因为鱼下面空间空间比较大,
所以做成上下式构图也是没问题的~

(不愧是喵妃,好棒棒哟~image)
众爱卿这么聪慧,
肯定能想到这两种构图形式,
但实际上,
鱼两侧还是有很大的空间~
若想要更好的利用版面,
咱就得把鱼两侧的空间也利用咯,
所以这里也可以排成四角式构图或包围式构图,
传达的信息更大更饱满,
肯定是棒上加棒!

四角式构图,
文字放于鱼后,
下面区域摆放详细信息,
很Nice吧!

包围式构图,
加入线框元素,做一个复古的风格~
鱼跟后面的网格做出空间感,
详细信息放于下方,
也Nice!

通过上面的例子,
说明了,
构图并不是只有一种解法,
同样的主体位置关系,
也可以有几种构图形式哟~

上面几个例子还是在不能挪动、旋转主体的硬性条件下~
如果主体可以挪动、改变位置,那么可尝试的操作就更多啦!
主体挪到左边,文字便可放到右边;
主体挪到下边,文字便可放到上边,
但不管主体位置怎么改变,
根据主体来构图都是不变的原则哟~

接下来咱们看第二条,

注意视觉引导
这个视觉引导,主要指的是图文之间的引导~

比如上篇文章中,周杰伦《叶惠美》的专辑海报~

本身照片就是个十字形构图,
文字顺着这个构图方向来排,
能起到很好的引导阅读的作用~

接下来咱们看个问题,
下面俩版面,哪个感觉更舒服?



这还用说嘛,一看就是「A」呀!
毕竟「目光所致,皆是深情」,就跟本喵的特质一样!


而「C」呢,
相看两厌,一别两宽,
这一听就不是撒子好事呀!


所以,就算「C」再舒服,俺也不选!哼╭(╯^╰)╮

寡人碍于众爱卿的皮鞭,就认真讲解吧!

两者都是左右构图的结构,
但人物的朝向是不一样滴。

「A」顺着人物的面向,视觉刚好会流向主标题,
这不就引导大家伙儿看向了关键信息嘛~


这是比较舒服的视觉引导!

而「C」,这家伙跟标题相看两厌,
背对标题,懒得多看一眼!
那我们的视觉流向,通常会顺着人物朝向跑到版面外面!


SO,「C」的视觉引导不如「A」舒服!
自然就「目光所致,皆是深情 A」更好啦!

当然啦,像这种背对标题的形式并非绝对不能用~
想要表现距离感、落魄、无助等感受,
还是可以适当运用的~


只不过它的视觉引导性不如面面相觑的形式。


接下来,咱同样考一下大家~

上篇文章中这个案例,
为何把人物放到左上角,
而不是右上角嘞?

聪明的你们,肯定晓得啦!
人物向右下方低头,
放左上角,刚好可以看到右下角的字鸭~
这不就是妥妥的视觉引导咩!!

如果向这个一样,放到右上角~
那我们顺着人物的目光看下去,
是一片寂寞,


视觉引导肯定就不好咯!

所以,众爱卿在安排版面构图与布局时,
视觉的引导也要好好思考哟!


再看下面问题~

这张窈窕淑女,咱应该怎么去排嘞?


相信不少爱卿会选择上下式构图,
此图人物脸部为聚焦部分,下面为虚化部分,
用上下式构图肯定是木得问题的!

但要排的更巧妙,就要运用图片本身的光影进行视觉引导~

图片的光影,刚好是十字形轴线,
我们便可以根据这条十字轴,按视觉引导进行编排~

如此一来,版面与图片的关系会更巧妙哟!

最后,咱们看一下第三条,

注意版面调性!
版面调性其实就是版面气质,
而决定版面气质的,
就是咱这套功法前几章所讲的,
跳跃率、图版率、版面率、留白等。

好的版面和构图,
自然是要考虑其本身所传达的气质的!

拿向日葵的海报来说~

肯定是「热烈阳光 C」的感受更好~
不少爱卿也都能看出「C」更好、更舒服,
却说不出个所以然来~
毕竟「A」的排版也没问题,
那为啥「C」更好嘞?

当然是因为,
他更贴合主题气质啦!


首先,标题是盛开、盛夏,
让人联想到的肯定是热烈、热闹~
而整个版面的配色也非常热烈的,
红黄暖色调,非常温暖~


那么我们在编排上就应该强调这种热烈、活泼的感觉!

「高冷寂寞 A」的留白太大,跳跃率也不够,
所以虽然排版细节没问题,
但热烈、活泼的感受却不强~

而「热烈阳光 C」,
文字跳跃率非常大,
并且缩小了留白面积,
让图片本身「热烈、活泼」的气质更强烈,
自然更棒!

所以说,气质调性这块,
也是在构图时就应该考虑的~
具体的天地法则,
寡人所胡编乱造的《玉女心经》前几篇都有,
这里就不再概述啦~

不过值得一说的是,
除了像上面例子「向日葵」气质强烈的项目,
也有气质不强烈的项目~


那么对于气质不强烈的项目,
我们设计师需要根据自己的理解赋予它气质!


到底是用简约的,还是用热烈的?
取决于我们自己哟!


比如「鱼游万里」的例子,

可以运用法则让他有格调、高冷一点~

也可以让其饱满、有活力一点!
具体要表现哪一点,就看诸位自己的理解与感悟啦~
在这种气质不强烈的项目中,


我们是导演,是设计的主宰,
在设计中,天地与我们幷生,
我们,赋予设计灵魂!

兜兜转转,又是4000字啦~
这篇,寡人主要讲了一下,
自己对于构图和版面的理解,
不晓得众爱卿修炼的如何啦~

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

虽写了这么多,但咱也不知道咱这套《玉女心经》有木有把构图形式说清楚,


所以各位大佬,留言告诉寡人吧!
彼岸花常在,离歌一曲,肝肠寸断~



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


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

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

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

电商海报设计训练营
距离开班仅剩10天66人已报名
【5月】零基础手绘插画训练营
距离开班仅剩10天54人已报名
【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
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证