图文叠压（图在上）

图文叠压（图在下）

图文叠压（图在上）

图文透叠

图文透叠

二、图文插叠

图文差叠比纯粹的叠压更多了一种灵活性，文字可以与图片产生前后的双重位置叠压，交互性更强。

图文插叠

图文插叠

图文插叠

图文插叠

三、文字叠压

文字叠压和图文叠压其实本质上是相通的，只是用更有图感的文字替代了图片，形成以文字形态为主的图形，往往也是通过叠压与透叠的形式体现。

文字叠压

文字叠压

文字透叠

不论是上面的哪一种叠压方式，只要应用得当，都能够在很大程度上解决主标题的美感问题，而且可以做到事半功倍。

ACTUAL CASE

DEMONSTRATION

实际案例演示

下面举一个案例，我们先看下面这两张图，感受一下叠压与不叠压的区别。

选一个悬壶济世的小题材，左边中文与英文在位置上是没有产生叠压的，而右边则产生了透叠关系，联系性更紧密，标题也变得更丰富。

找一个葫芦，用圆作为基本形，重复形成葫芦的偏抽象图形形态，放置于画面中，作为视觉主体使用，并与主标题产生透叠效果，这样图文叠压的形式也处理完毕。

为了使画面更加丰富，可以添加小圆形以烘托画面氛围，并能使画面的空间更加饱满。

白色背景

深色背景

最后做个样机效果图，看看更加真实的效果。在实际工作中效果图的制作也很重要，这样会更方便客户确定稿件。

THE FINAL SUMMARY

最后总结

点石成金这个栏目主要针对平时设计中我们经常见到的创意手法进行剖析解构，以让大家能够更好的去理解具体设计技法的特性与应用规范。

当然，版式骨骼才是一个画面最为核心的要素，如果单纯为了学某一个技法而去刻意为之，那么就会抛离设计本身的意义，画面也只会堆叠一些技法而已，所以设计需要不断思考，才能不断前行。

让我们一起，心态归零，野蛮生长

来源：版视（ID:designb）返回搜狐，查看更多