排版《玉女心经》之构图续章Homepage recommendation
1年前Publish
继续修炼排版神功!

爆肝4500字,案例都是一晚上肝的,

好好修炼,才不愧对本王~

一日不见,如隔三秋!



转眼,

几十载光阴又呼啸而过,

仿若那白驹过隙,

不变的,

还是诸位对寡人的思念之情。





为了回应这份思念,

所以,我~又~来~啦!


毕竟,受诸位思念情深,

一日不更,如坐针毡。





终于呀终于,

寡人通宵达旦的写完了这篇,

闲话少说,一起来修炼吧!!



上篇构图文章完了后,

众爱卿都了解不同的构图形式啦,

但还有小伙伴私信问寡人,不知道具体怎样安排构图才比较合适~




寡人思量了几秒,

得出了结论,要做好构图满足三点即可~


1.根据主体造型做构图

2.注意视觉引导

3.注意版面调性





咱先来看第一条,

根据主体造型做构图。


来看问题,

下面俩版面,哪个感觉更舒服?




这个把标题放到右上角,

而下面的「C」把标题放到中间~





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





好吧,明眼人都知道「烟雨山岚 A」更适合,

原先的图片,左下角重,右上角空。



换句话说就是,


主体位于版面左下角,

我们自然要在右上角加入标题,


组一个「对角线构图」!




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




而「江山如梦 C」,

文字放于中间,

但版面依然左边重,右边空,

没有平衡性!


所以给人感受不太舒服~



上面的例子虽然比较简单,但已经说明啦主体造型与构图的关系啦~


简而言之就是,

哪里空就往哪里放文字,

一切都是为了让版面平衡舒适~






下面放几个图考一下大家,

条件是不得挪动主体位置,旋转主体也是不可以哟~




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

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


聪明的你,肯定选对啦,



画面只有左下角比较空旷,

文字自然要放到左下角,组一个对角线构图啦!!






恭喜选「C」的爱卿,


你们答~错~啦,这题必须选「A」鸭!





继续下一个题,



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


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


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


文字老哥是有苦说不出,

除了老老实实待在上面,

也无处可去,无家可归,

真的是小可怜本怜~






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


BUT,

就算知道啦是上下构图了,

不少爱卿可能会排成下面这个样子。




爱妃:“陛下说笑啦,哀家连这样的也排不出呀!”

寡人:“那朕得考虑给冷宫送点温暖啦~”



上面文字都是居中对齐的排法~

没什么大问题,但也不出彩,

中规中矩,按部就班,

传统且古板。



很多爱卿都有此问题,

其实只要花点心思再去尝试下,

就能得到一个更别致的版面~


比如把居中对齐打散,换成其他的对齐形式,

版面立马就会不一样咯!




像这个文字整体左对齐,

小标题放于右侧竖排。

「展」字也做了一点设计变化~


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



所以众爱卿要勇于尝试,

普通的版面跟别致一些的版面,可能就是千步之遥~





那么,

像这个向日葵的版面,

还可以不可以更好嘞?


当然可以啦,

寡人作为

苍茫大地之主宰,

浩浩乾坤之统帅,

浪荡天下、骚霸八荒,

让其更上一层楼,只需刹那之间~






现在依然是上下式构图,

但主标题分为左右排开,其他信息居于中间,

设计感强了不少~




所以同样的构图,

不同的文字编排形式,也会跟人不同的感受哟!


也想达到寡人睥睨天下之功?

那就尽情的尝试吧~





尝试的多了,就会发现,

寡人真的不可超越~

才怪!



众爱卿乐于尝试,只会比寡人更强~

加油干巴得~!





再来看下个考题,这次咱搞点有难度的~







血红色的银杏叶,文字应该放哪里嘞?


“禀告陛下,臣不会!”






嘿~!刚才一处留白,众爱卿都木得问题,

怎么变成两处留白就不会了嘞?



其实也是换汤不换药,

图中两处留白,

咱把文字放置于两处留白中就阔以啦!




一般排法就是,

一处放标题,一处放正文。


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


既然没经验,那就试呗~

多尝试,总没问题~




银杏叶下边的空间比较大,

刚好适合放大标题,很 Nice 吧!



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



标题挡住了图片的焦点,

银杏叶是这个主体最精彩的部分,

但现在被文字挡住过多,

且银杏叶下方的留白大了~


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




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




现在只挡住一丢丢银杏叶,问题不大,

版面木得问题~


但咱们之前说过,硬性条件是不得移动或旋转主体(还不是为了锻炼大家~)。


在此种条件下,

那必须还是第一个标题在下,正文在上的比较合适。





再看此题,

这个人物图片,

画面中留白较少,

加文字该加在哪儿嘞?



这种绝对留白比较少的,我们就要看虚实变化啦!

虚就是虚化的部分,实就是聚焦的部分。



像这个人物照片,聚焦部分在脸部和手部,

而身体靠下的地方是虚化的!


所以要加文字,

肯定加到下面没对焦的地方比较好~




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


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


重要的地方肯定就是聚焦的地方~

而这些地方,一般是不能挡住太多的,

而虚化的地方,不那么重要,

咱就可以放置文字或其他元素来丰富细节~






接下来来个挑战,

看看这条鱼,咱们可以怎么排?




这条鱼在版面中间偏上,且四周留白很大,

根据鱼做居中构图肯定是阔以滴~



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



虽然没问题,但多去尝试,

机缘巧合之下便会羽化登仙,排的更为别致哟~




这里仅是将主标题换了种排法,

设计感就增加了不少!




当然啦,因为鱼下面空间空间比较大,

所以做成上下式构图也是没问题的~


(不愧是喵妃,好棒棒哟~



众爱卿这么聪慧,

肯定能想到这两种构图形式,

但实际上,

鱼两侧还是有很大的空间~


若想要更好的利用版面,

咱就得把鱼两侧的空间也利用咯,



所以这里也可以排成四角式构图或包围式构图,

传达的信息更大更饱满,

肯定是棒上加棒!




四角式构图,文字放于鱼后,

下面区域摆放详细信息,很Nice吧!





包围式构图,

加入线框元素,做一个复古的风格~

鱼跟后面的网格做出空间感,

详细信息放于下方,

也Nice!




通过上面的例子说明了,构图并不是只有一种解法,

同样的主体位置关系,也可以有几种构图形式哟~





上面几个例子还是在不能挪动、旋转主体的硬性条件下~

如果主体可以挪动、改变位置,那么可尝试的操作就更多啦!


主体挪到左边,文字便可放到右边;

主体挪到下边,文字便可放到上边,

但不管主体位置怎么改变,

根据主体来构图都是不变的原则哟~





接下来咱们看第二条,

注意视觉引导


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



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





本身照片就是个十字形构图,文字顺着这个构图方向来排,

能起到很好的引导阅读的作用~





接下来咱们看个问题,

下面俩版面,哪个感觉更舒服?










这还用说嘛,一看就是「A」呀!

毕竟「目光所致,皆是深情」,就跟本喵的特质一样!



而「C」呢,

相看两厌,一别两宽,

这一听就不是撒子好事呀!


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





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



两者都是左右构图的结构,

但人物的朝向是不一样滴。




「A」顺着人物的面向,视觉刚好会流向主标题,

这不就引导大家伙儿看向了关键信息嘛~


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





而「C」,这家伙跟标题相看两厌,

背对标题,懒得多看一眼!

那我们的视觉流向,通常会顺着人物朝向跑到版面外面!


SO,「C」的视觉引导不如「A」舒服!

自然就「目光所致,皆是深情  A」更好啦!



当然啦,像这种背对标题的形式并非绝对不能用~

想要表现距离感、落魄、无助等感受,

还是可以适当运用的~


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




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





上篇文章中这个案例,

为何把人物放到左上角,而不是右上角嘞?




聪明的你们,肯定晓得啦!

人物向右下方低头,放左上角,刚好可以看到右下角的字鸭~


这不就是妥妥的视觉引导咩!!




如果向这个一样,放到右上角~

那我们顺着人物的目光看下去,

是一片寂寞,


视觉引导肯定就不好咯!




所以,众爱卿在安排版面构图与布局时,

视觉的引导也要好好思考哟!



再看下面问题~



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


相信不少爱卿会选择上下式构图,

此图人物脸部为聚焦部分,下面为虚化部分,

用上下式构图肯定是木得问题的!



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


图片的光影,刚好是十字形轴线,

我们便可以根据这条十字轴,按视觉引导进行编排~




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





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

注意版面调性!


版面调性其实就是版面气质,

而决定版面气质的,

就是咱这套功法前几章所讲的,

跳跃率、图版率、版面率、留白等。



好的版面和构图,

自然是要考虑其本身所传达的气质的!





拿向日葵的海报来说~




肯定是「热烈阳光 C」的感受更好~


不少爱卿也都能看出「C」更好、更舒服,

却说不出个所以然来~

毕竟「A」的排版也没问题,

那为啥「C」更好嘞?



当然是因为,

他更贴合主题气质啦!


首先,标题是盛开、盛夏,

让人联想到的肯定是热烈、热闹~

而整个版面的配色也非常热烈的,

红黄暖色调,非常温暖~


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




「高冷寂寞 A」的留白太大,跳跃率也不够,

所以虽然排版细节没问题,

但热烈、活泼的感受却不强~








而「热烈阳光 C」,文字跳跃率非常大,

并且缩小了留白面积,让图片本身「热烈、活泼」的气质更强烈,自然更棒!





所以说,气质调性这块,

也是在构图时就应该考虑的~


具体的天地法则,

寡人所胡编乱造的《玉女心经》前几篇都有,

这里就不再概述啦~




不过值得一说的是,

除了像上面例子「向日葵」气质强烈的项目,

也有气质不强烈的项目~


那么对于气质不强烈的项目,

我们设计师需要根据自己的理解赋予它气质!


到底是用简约的,还是用热烈的?

取决于我们自己哟!


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



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




也可以让其饱满、有活力一点!

具体要表现哪一点,就看诸位自己的理解与感悟啦~




在这种气质不强烈的项目中,


我们是导演,是设计的主宰,

在设计中,天地与我们幷生,

我们,赋予设计灵魂!





兜兜转转,又是4500字啦~


这篇,寡人主要讲了一下,

自己对于构图和版面的理解,

不晓得众爱卿修炼的如何啦~





那么今天就到这儿啦~

众爱卿,下期不见不散!




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


所以各位大佬,留言告诉寡人吧!



彼岸花常在,离歌一曲,肝肠寸断~

原文链接:https://mp.weixin.qq.com/s/b9UtvpHPlr5mcG3krGM9Eg
3091
Statement: all the content and comments made by netizens in ZCOOL only represent themselves, and do not reflect any opinions and opinions of ZCOOL.
Report
Share
Collect
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
All Comments0
成都 | 设计爱好者
Article information
文章标签
收录收藏夹
更多收录此文章的收藏夹