排版《玉女心经》之构图续章

用户头像
成都/设计爱好者/5年前/77335浏览
排版《玉女心经》之构图续章
用户头像
大猫404

继续修炼排版神功!

爆肝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字啦~


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

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

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





那么今天就到这儿啦~

众爱卿,下期不见不散!




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


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



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

3544
阅读原文
|
举报
|
2160
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
金色颗粒质地的平面
平面插画情侣/矢量
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
平面花卉图案扁平简约无缝拼接插画
课程海报,平面素材
倒计时,海报,平面
海底世界插画
玄关入门地毯印花图案红地毯
空的平台平面和自然景观
“知识宅急送”外卖,快递,平面,海报,素材,教育
学习,优惠券,平面,海报
空的平台平面和自然景观
平面插画设计女孩喝咖啡
平面男孩喝咖啡插画设计
平面风格黄绿色系花朵装饰
古风平面仕女与瓷器
金色颗粒质地的平面
金色颗粒质地的平面
城市园林平面布局航拍
平面设计 吊牌设计
中国传统纹样创新图案设计
水蜜桃和李子的平面水果图案
金色颗粒质地的平面
平面书法字手写
牛奶乳液层次梯田平铺平面
你可能喜欢
相关收藏夹
大家都在看
登录注册