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

龙傲天

　　一日不见，如隔三秋！

　　转眼，

　　几十载光阴又呼啸而过，

　　仿若那白驹过隙，

　　不变的，

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

　　为了回应这份思念，

　　所以，我~又~来~啦！

　　毕竟，受诸位思念情深，

　　一日不更，如坐针毡。

　　终于呀终于，

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

　　闲话少说，一起来修炼吧！！

　　上篇构图文章完了后，

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

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

　　寡人思量了几秒，

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

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

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

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

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

　　那么今天就到这儿啦~

　　众爱卿，下期不见不散！

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

　　

　　所以各位大佬，留言告诉寡人吧！

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

---