排版《玉女心经》之构图形式

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

继续修炼排版神功!

又是洋洋洒洒4000字,

熬夜写的,累死本王啦~

许久不见,甚是想念!

寡人日理万基,

终于腾出手来回馈众爱卿的绵绵爱意啦!


闲话少说,今个儿

咱们传授排版神功的「构图大法」,

跟着朕,一起疯狂吧!




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


当然是因为,

它远不如跳跃率、图版率等重要啦!



且「构图」灵活多变,

按照寡人理解,

每个版面,都可以延伸出多种构图!


具体可看文中《临江仙》的构图形式,

寡人可是花了点时间,每种构图都搞了一下~





不同构图虽有气质上的差异,

但对版面调性不会起到决定性影响~


咱先来瞧下问题~


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


这必须是「不偏不倚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 字啦,

本来还想再写点

根据主体造型确定构图的方法,


如今只好留到下一篇咯~





那么今天就到这儿啦~

众爱卿,下期不见不散!





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


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

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