浏览 17782 次 / [ 设计教程 ] 【版式技巧】人物图文混排的空间层次塑造方法
  • 发布时间 2018-02-04 13:36
  • 00.jpg
    平面不平!
    虽然理论上人物照片素材都有体积,也都占据一定的空间,但是在版面中,观众视线在远中近三个层面上没有一个落脚点,所以空间感不强。通过一定手法明确出人物周围的空间,就能给观众明确的空间感,也能凸显画面的设计感,本篇罗列一些借助人物素材塑造空间的手法。
    塑造空间基本原则就是依据透视原理强化空间层次的对比,有透视,投影,光影,重叠遮挡,虚实,不同方向的混维等,在人物素材里,经常使用的是以下几种。

    一、重叠遮挡

    01.jpg
    A.利用文字

    02.jpg
    遮挡最容易暗示前后位置关系,所以也是最常用的手法。

    03.jpg
    不再添加额外内容,直接利用主要文字进行重叠遮挡处理。

    B.利用文字散点构图形成蒙版效果

    04.jpg
    属于重叠遮挡手法,这种布满网格,文字散点化的构图,在人物前面形成了一张蒙版的效果,自然有了前后空间关系。

    05.jpg
    06.jpg
    这种排版是比较常见的排版方式,其实也是塑造空间层次的手法。

    07.jpg
    如果只是两边排字,或者文字之前无法连成面化效果,就达不到蒙版效果,尽量铺满才是关键。上图左边这张海报文字并没有很强的散点效果,之所以有前后空间感,一部分来自于人物的弱化和虚化,和色彩上的前进和后退对比。

    C.人字传插

    08.jpg
    010.jpg
    09.jpg
    D.利用线框

    011.jpg
    012.jpg
    013.jpg
    线框对内容理解没有大影响,是常用的元素。
    E.利用色块

    014.jpg
    015.jpg
    016.jpg
    把人物照片的背景直接裁切成色块也有这样的效果。

    二、大小透视

    017.jpg
    透视不是方法而是原则,透视有形状上的大小,有形状上的虚实,也有色彩上的深浅等等,这里仅是说近大远小的透视。在人物图文排版里,人与人,人与字,字与字都可以塑造大小透视。因为文字信息本身是有主次的,一般情况下主要内容和次要内容的字号不会一样大,所以文字本身就有大小透视,特别是拉开距离之后,更容易暗示空间。

    018.jpg
    019.jpg
    020.jpg
    有些照片素材是有视平线的,有明确的灭点,所以空间感本身就很强,沿着透视线去安排文字也能强化空间。

    三、投影

    021.jpg
    022.jpg
    并非无意义的投影,而是将有明确含义的图形文字作为投影同构。

    四、填充

    023.jpg
    A.图文的填充

    024.jpg
    填充手法暗示了内外空间,以上的海报都是图文的填充。

    025.jpg
    人物与人物的填充。图形与人物的填充。这种手法也跨接了后面要罗列的图片切割手法。

    B.半填充

    026.jpg
    前面的填充是内外的填充,而这两张的“半”填充,打破了里外空间,将内外的空间混淆,也属于混维空间手法。当然,如果要打破里外空间,你还可以像下面两张图一样处理。

    027.jpg
    是不是打破了里外,有了强烈的空间体量感

    五、方向暗示与混维矛盾

    028.jpg
    A.极坐标不同方向暗示

    029.jpg
    人物本身就是暗示了方向,文字本身一般都是平铺于画面的,上图里侧身人物与文字的错位形成了空间感。

    030.jpg
    两把伞也暗示了不同方向的空间。

    031.jpg
    像极坐标轴一样,不同方向的同时暗示最容易空间感。

    032.jpg
    图片中顶视的角度,人物与地面的也是不同方向的暗示。

    以上都是不矛盾的空间,也就是在视觉上可以存在的空间。下面来看矛盾的混维空间。

    B.混维的矛盾空间

    033.jpg
    将多个的不同方向组合到一个版面里,也是混维。这张不同的文字不同的方向,暗示了多个角度的空间。

    图中剑客分别从底视和两个侧视暗示了不同的空间,再加上文字暗示的空间方向,矛盾的混维,暗示出有趣的空间感。

    C.利用切割制造矛盾空间

    034.jpg
    上面这张通过切割组合,将 “远” “近” 两个空间组合在一起,形成了对比。有了空间感。也可以说这是一种生硬的空间混维手段。
    所以,不同方向的素材重组在同一版面里的就可以形成空间对比,为了实现这一效果,我们还可以利用“切割”手段,切割是实现不同空间组合的手段,并不是直接塑造空间感的方法。通过切割,我们将不同远近的空间放在一起,产生了对比,所以形成了有趣的空间层次。它看起来也像是填充,只不过这里强调的是对比,而不是填充暗示的里外空间。

    035.jpg
    这些都是典型的切割。

    当切割的每个部分都是人物眼睛,就形成了散点效果。散点也有动态感。

    036.jpg
    这种切割不仅强化了单一素材本身的空间对比,还通过链接的大小裁切塑造出了着强烈的流动感。

    六、虚实

    037.jpg
    根据聚焦和空气虚实原理,来塑造前后远近空间。

    038.jpg
    039.jpg
    040.jpg
    041.jpg
    当然,结合遮挡手法空间感会更强。

    (图片整理自网络,版权归作者所有)

    042.jpg
    小结:结合设计电脑分享的公开课【无底人物图文混排技巧上、下】(公开课视频在“设计大脑”公众号菜单可以看到),人物图文混排部分的技巧就给大家总结到这里,希望大家多总结,再丰富。更重要的还是要理解原理,这些方法都是在原理之上的运用而已,懂得原理自然能够综合灵活运用。

    QQ截图20180204133435.jpg