解锁新姿势！你所不知道的重叠之美！

在设计中我们常常会发现以及使用各式各样的体现手法，也会被一些常用的技巧通过巧妙的利用后所造成的视觉效果所折服，而针对手法的使用会随着设计者的素质提高在应用层面或多或少会出现不同的使用区分，尤其是这些最为简单且最为常见的技巧，在不同的看法下会所表现出的视觉效果则会大不一样，而重叠作为设计中较为基础的且非常常见的一种体现手法，不管是在方式上亦甚至在使用方法上对元素、色彩、结构之类都发挥着重要的功用，进而对场景的视觉效果有着深远的妨碍，成为决定场景好坏的重要设计方法，本篇文章在基于重叠原理的基础上把看似形同的技巧，从执行应用层面进行深入且具体的阐明细微使用差异所带给的不同视觉美。

重叠简单的讲是在平面上使一个元素叠在另一个元素上，通过移动某一个元素位置形成有上下，左右，前后的觉得，使前者对后者进行相应的遮挡亦甚至穿透叠加，形成带有一定前后关系和空间感的视觉表现，并以一个较为完整的且带有双重以及多重含义的个体用全新的面貌展现给观者，重叠的元素可以是两个相似的亦甚至是两个以上不同的视觉元素，在确保重叠元素可以识别的基础上，使每个元素都能发挥出一定的作用，营造一种看出来较为复杂且带有差异的视觉表现方式，即使是十分简洁的元素亦甚至是相似的元素通过重叠的技巧处理也能丰富他们的听觉感知，并让视觉场景和视觉元素看上去有点不一样，使其发挥出最基本的作用。

图1:

在常规的编排中根据最典型的图文分割版式类型可以看出，所有的文字与照片是在同一个层级下进行展示的，两者之间并没有哪些交集，虽然可以构建出一种鲜明且直观的视觉表现，但同时也会让版面略显单调和沉闷，对整体的空间而言会塑造出一种断开和两个空间的觉得，需要具有较强的文字编排能力和必定的创意才能撑起整体的版面表现

图2:

而当按照内容的层级信息适当使用重叠的技巧进行处理后可以看出，在使用图文分割版式类型后，通过重叠的手法在表面又将照片和文字联系在了一起，在维持原有分割的基础上又使整体的场景表现非常的丰富了一些，同时也使信息的表达具有一定突出性，不管是对照片亦甚至文字来说都带有了局部的指出，也使编排的构架以局部而推动整体。

在延展的实例中把视觉元素与图文明显的分隔处进行重叠的体现手法使用时，画面不只是表达的是重叠手法塑造的前后层次感和整体感到，同时也把切割的手法与重叠的手法进行混合的体现，由此可见，重叠的技巧不仅仅可以用在元素与元素的组合里面，还可以把重叠的原理用在设计的手法里面产生1+1的方式原理。

图1:

在常规的编排下这些设计者会根据内容的多少和大小把不同的内容设置在不同的空间内，通过视觉引导的方法和内容的层级关系等使视觉元素在同一个空间内产生一个整体，尤其是在相似内容的之后必须借助大小的比重关系来占据设定好的相应空间进行填充，以超过编排的目的，但这些时候这样编排会让场面变得单调而失去了体现力。

图2:

当对于同样的内容进行不同的体现时可以看到，在即将设定好的相应空间内把主体进行重复的排列以适应相应的空间，同时在相似元素重复排列的过程中对局部进行切割手法的处理，使其以重叠的视觉表现丰富主体空间的区域，在确保主体可以识别的前提下使场景具有一定的戏剧表现和空间感的突显，并不会由于主体的多少、大小而不能进行编排。

在延展的实例中我们可以看出，主体文字在相似大小的前提下直接使用重叠的技巧使每个字母叠加在一起，在确保区域空间可以有效运用时，也让场面十分具有体现力，使主体以一种戏剧表现的方法修饰版面而只是是为了指出识别性，在主体信息里面以小文字的再度重叠既是对主体信息的表明，也是协调艺术体现和识别性的一种有效方法。

重叠是设计中常常会使用以及时常会发现的一种体现手法，但大多数设计者在发现这么的处理技巧以及是在使用某些技巧的之后通常会停留在“美”的认知层面，而忽视始终重叠真正的目的和功用，狭义的讲重叠就是我们发现的元素产生的堆叠，是可见的视觉元素构建的关系而形成的视觉表现，而广义来讲，重叠就像设计者在构思的过程制定的图层，或者是在彩色的线稿基础上进行上色一样，通过有效的组合慢慢的完成一个较为丰富的场景，而针对视觉的认知来说，不管在背后使用了多少个图层，或者是着了多少种色彩最重发现的就是带有层次感和戏剧美感的整体场景，而并不是局部甚至背后使用的方式和方法，而重叠在使用的过程中就必须遵循视觉的认知表现，是以整体性而是以局部的特征传递给观者，尤其是在多元素的版面编排中，除了重叠基本的作用外，还必须考虑重叠后传递出的长度，面积，情感等多种理性的触觉感知表现。

图1:

在常规的编排下按照主体的形态进行适度的编排，使文字信息和主体分别居于不同的空间位置进行视觉的体现，大文字贴边的处理与主体构架的联想空间进行适度的重叠，但在表面的触觉感知层面并没有进行重叠，虽然可以释放出一种从文字前面旋转起来的觉得，但就场面的触觉感知而言，需要借助适当的想象才可以把主体和文字信息看作重叠的假象。

图2:

通过对结构的微调，并适度的融入重叠的体现手法时可以看出，整体的视觉认知在保留了主体旋转的联想空间后使表面的视觉非常丰富了一些，除此此外底部的小文字与大文字在结构上又产生了上下一分为二鲜明感，给人一种把人物主体下半部分遮挡的觉得，在触觉感知上除了为主体的表现增添了一些神秘氛围，同时也产生了鲜明的对比关系。

在延展的实例中可以看出，当把主标题移动到最上方并贴合舞者的形态和要抒发的意蕴适当调整文字的大小，利用主体和背景之间的空间关系使其以一种具象的叠加形式塑造出前后关系，给人一种像是踩在里面跳舞亦甚至像是文字挡着舞者前进的脚步而产生旋转的觉得，在确保所有文字结构舒适的前提下使场景更具想像力，同时与舞者融为一体增强了整体的场景感，即使没有鲜明的重叠视觉表现，也可以借助文字与主体产生的关系和感情空间的体现，让视觉认知非常丰富也具备张力。

重叠手法可以说是设计中的一种基本的、普遍的且实用的体现手法，在进行构思的过程中一不小心就会使用到，其理由在于版式编排自身就是在有限的空间内进行的多元素，多信息的融合，并以较为舒适的视觉表现形式把多种信息和元素在同一时间内释放给观者，然而这些设计者并没有在意空间内信息之间的关系，在使用到的之后却不清楚需要怎样根据主体内容进行相应的处理，只是停留在需要选用使用哪种重叠的类别里面，而没有对发生的元素进行探讨以及进行相应区分发挥出重叠的普遍性，使其具备相当广泛的应用范围，从视觉元素的层面来讲，在场景中重叠的可以是文字与图形图片，可以是文字与文字，也可以是图形与图形等多种不同种类的视觉元素，亦甚至是隐藏的空间构架，对于重叠的类别来皆可适用，但想要更好的使用重叠手法体现出意想不到的美，就必须从视觉元素的层面对其进行归类以便选用重叠的类别并做相应的详细处理，把场景中的视觉元素分为相似元素和不同元素2种现象类型。

同样元素重叠是一模一样以及属于同一种类的两个元素和两个以上的元素重叠在一起，而重叠的过程中可以是以不同的重叠形式展现出不同的视觉表现，在保证重叠的视觉元素可以维持基本的识别基础上构建前后关系以及是融为一体的觉得，不仅可以发挥出重叠手法自身的功用，在贴合实际需求内容的表达上和空间整体的构架上，使版面信息根据清晰的逻辑关系传递给观者的同时有效的为场景带来一定的方式美。

从基本的结构图中可以看出，完全相似的两个元素出现重合时完全融为了一个整体，并没有造成层次和空间的差异，但却是以一个新的视觉元素形态展现出来；而在形态相似的元素中可以很显著的看出两个元素自身的特征，以鲜明的层次感传递给观者的是一种带有差异的整体感；而当把其中一个圆换成正圆形就产生了两个看似不同但却是同一种类的元素，其重叠后的体现与相对相近的元素基本一致，对元素而言是从元素形态角度把准确的元素上升到几何图形这个层面进行的重叠，在详细的使用过程中就必须按照实际的内容使两个元素作为一个整体的前提下做局部的差异，并在依照其逻辑时对于触觉感知层做相应的微调和技巧的处理。

图1:

在编排的过程中这些设计者会受视觉元素的多少影响，而不能对即将掌握的技能技巧以及是最基本的技能技巧加以使用，实现自己的创意构想，通常会以常规的编排模式展现给观者，虽然可以确保信息的确切传递，同时也会相应的使用网格等一些处理技巧尽可能的提高画面的视觉表现，但通常会让场面表现过渡导致动荡以及产生简单的信息堆叠排列尤其是在相似信息元素的处理。

图2:

在不颠覆整体的发力和编排模式的前提下，依据场景想要表现的主题内容适当的使用重叠的体现手法可以看出，把要突显的信息重新进行放大，同时与其它相似的元素产生一定的重合，在具体传递内容信息时使场景的视觉表现非常的丰富，即使是相似的视觉元素以及是同一种类的视觉元素相同可以体现出不一样的视觉效果，其重点在于重叠之后做差异，由此可见画面的体现不在于元素的多少，而在于发挥出设计者所使用的技巧作用。

延展的案例中体现出的不只是是视觉元素的重叠，同时也有手法的重叠使用，其使用逻辑也有在依照同样视觉元素重叠的基础上进行的视觉表现延展，对于设计而言，不管是早已掌握的技能技巧都是带有一定的逻辑，而设计者在创作的过程中就在于灵活的使用逻辑而只是某一种技能技巧。

不同元素的重合是完全不相等的两个元素以及多个元素重叠在一起，其形式技巧或者使用逻辑与相似元素的基本一致，但不同元素包括相似元素中的同一种类元素，可以说是非常的广泛，其成为设计中最为常用的一种方式也有在使用中发生弊端最多的一种体现，主要取决于触觉感知层的层级关系，以选取不同的相应的重叠形式，在直观的元素区分上让是视觉感得到两个元素是以前后关系，还是同一层级关系，换句来说就是不同元素距离视觉是否在一个层面上，而影响整体场景的感情情绪和空间重量造成的视觉平衡表现。

图1:

在根据主体进行编排时，通常状况下会把主体和其它发生的视觉元素分别放在不同的位置以贴合整体的发力，虽然可以让各个信息元素精确的释放给观者，但在必定程度上也会丧失画面的感情表现和趣味性的体现，在常规的实例中，画面的体现仍然具备一定的整体体现和空间的表现，但文字信息与主体之间并没有造成很多的关系，即使是在同一个场景中也会给一种较为独立的视觉认知表现。

图2:

而在不颠覆整体构架的差异下把主体复制一个产生大小的对比关系，同时把大的主体向上移动至文字后面形成重叠，在与文字产生前后关系时给人一种像是探头向外看的觉得，同时以下的小主体与大主体的在空间上也产生了重叠的关系，给人一种画面化的体现，不仅可以确保画面信息的准确传递，同时更多的是借助有效的编排组合和适度的技巧让场景表现非常丰富具有一定的情感。

根据主体的特征适当的进行布局编排的颠覆，使场景表现以鲜明的分割方式分别把文字信息和主体居于显著的位置，在确保主体探出头的这些似乎时，把主体的嘴巴移动至分隔的边沿，依托白色区域产生情景联想，同时大英文在根据分割的基础上分别进行不同的色彩的体现，也是根据重叠的技巧使场景在表面产生整体感，不仅可以让信息有效的释放，还可以让场景产生一定的想像具有丰富的层次表现。

看不见的重叠是一种较为具象的重叠形式，是在必定空间内基于元素与元素之间造成关系的过程中产生的一种无形的结构，而这些结构一般是由相似的元素以及是同一类的元素，在根据整体空间发力的构架上使元素之间的关系距离或近或远，其主要是按照视觉认知来判断场景表层是否在一个层级，无论在表面背后有如此复杂的效果，有如此的立体或者强烈的空间感，或者使用多少处理方式和方法，但在表面就会有一个无形的结构，就像我们所使用的手机屏幕一样，边缘就是一个框架，而在这个框架内当开启手机就可以借助鼠标的控制，做一些自己想做的事，而无形的重叠既是在这个基础上借助对不同元素的编排整合是否要产生无形的结构使其与各类元素重叠取决于实际的意愿需要和体现的还要。

图1:

在空间的布局安排上把所有的文字信息与主体分别放在不同的位置，使其以鲜明的视觉表现呈现出主体和文字信息较为独立的方法，可以给人一种简单明了的觉得，但在巨大程度上它们是没有很多关系的，对于整体的版面而言在相似的空间并没有给人一种完整的体现，即使感到文字和主体在表面是同一层级，也会借助主体自身的空间感传递出连绵无尽的想像，很容易导致版面空间的不稳定。

图2:

而当把整体结构适当调整过后可以看出，顶部的文字组与上面的文字组更像是在主体表面盖上了一层看不见透明的玻璃一样，使具备空间感的主体在表面被玻璃挡住与文字所有的文字在表面达成一致的视觉表现，其主要是由于文字与文字是属于相近的视觉元素，即使距离相当远也会很自然的把两组元素联系在一起，虽然没有直接与主体产生重合的关系，但在构架上早已对主体产生了掩盖。

而再度微调编排的构架可以看出，大文字组适当的根据主体的型态排列组合产生半包围的方式，在未能确定能否与主体形成层次关系的前提时，左下角的小文字组位置与主体在空间层面产生了适度的重叠，并瞬间与大文字组在构架层面产生联系，使主体与所有文字产生了前后重叠的觉得，在确保信息可以有效释放的状况下，也使场景具有了整体感。

设计中的任何手法都是随着需求而差异的，同时也有互相作用后形成某些视觉的体现以满足画面对美的基本必须，而针对版面来说，在有限的空间内进行多元素、多信息的组合就更应该使用相应的技巧使信息进行有效的释放，重叠手法就是有效的缓解多元素同时进行释放时的一种视觉表现，但想要用好重叠的技巧不仅仅刻意的使视觉元素重叠在一起，而是在基于重叠的基础上为确保每位视觉元素都可以有效的释放时进行适度的处理，不管是相似的元素以及是不同的元素，重叠之后做差异既是该技巧的使用原理，其基本的处理方法大概可以分为3种，每一种即可独立使用，又可以共同使用。

改变混合方式也有重叠手法中的透叠，是将两个元素在色彩的方式上进行相应的推导后得出混合的形状，即使是完全一摸一样的两个元素重叠在一起时也可以借助改变顶部元素的混合方式，使元素与元素的交集处以区分于两个元素样式呈现，其作用是在统一中做差异，也是控制两个元素是否在一个体现层级的基本处理方法，可以借助不同的混合方式调整两个元素重叠在一起的关系，以超过元素都可以在确保自身信息传递时丰富自身和整体场景表现。

适当的新建一个画布，把我们要做的需求主题放在到画面当中，在较为规则主体造型情况下进行编排时，设计者一般会把其它的视觉元素安排在尽量与主体不形成交集的空白处以求更好的突显信息，但却很易于忽略主体与其它元素之间是必须确立一定关系的，不然很容易让场面的体现脱节。

图1:

把主体进行适度的处理后按照整体的版面空间把文字置入与主体产生一定的构架编排，即使不经过任何的技巧处理在基本的构架上文字与主体也产生了一定的结构重叠，但就视觉表现和整体的场景情感而言并不是如此的优雅，简单的结构重叠并不能较好的满足画面的意愿或者主体自身所携带的情景联想，在某些状况下这些设计虽然想要调整也不清楚需要从哪个地方入手或者是需要怎样获得看法提升场景。

图2:

在原有的基础上对于主体与大文字信息之间构建的构架重叠所造成的前后关系，通过改变大文字的混合方式为正片叠底使其与主体以透叠的形式确立起融为一体的觉得，即可以减弱生硬的前后关系，又可以有效的微调版面的视觉中心，同时

也有丰富文字与主体的相交处，而右边的英文在原有的结构上相同使用重叠的技巧复制一层，在确保信息可以甄别的基础上，对复制后的文字进行适度的效果处理以贴合主体构建的画面化体现。

对于主体与文字重叠的个别使用较为复杂混合方式后可以看出，两个元素的相交处在视觉表现上非常的丰富，同时也有对整体的场景起到画龙点睛的作用。

不透明度是设计中常常会用到的一个最基本的功用，其功效显而易见是控制元素明暗深浅的便利有效方法，也是基于元素重叠后可以分辨出不同元素的基本处理方法，对于场景而言，不透明度不只是是控制元素也有控制场景层级的重要方法，在层级的视觉表现中借助调整不透明是最迅速且最直接的处理方法，尤其是在使用重叠的体现手法时，不透明度就会逐渐而来。

图1:

当把文字信息置入到版面中，并根据主体进行适度的编排后可以看出，标题文字在体现一定创意的之后终于与主体形成了交叉重合的形式，针对于整体场景的体现力并且信息想要表达内容却不是十分的梦想，主标题与人物形成的重合非常的僵硬，也没有在感情情绪上进行适度的处理，虽然整体的场景起来非常有含义，也能精确的释放信息，但却没有视觉表现了和感染力。

图2:

而在不颠覆整体编排和信息的状况下，只是对主体人物与主标题之间的关系，把文字的不透明度适当的进行微调，并把文字复制一层做颗粒的处理，使其有种从下向上飞舞的觉得，在不颠覆颜色的前提下除了让文字的体现柔软了一些，同时也与人物在心态方面进行的适应，弱化了黑体的硬朗特征，而后面的小文字与主体以及大文字之间也出现了相应的层级关系，给人一种无形的运动感。

当对于于内容信息或者主体的体现特点继续进行情感和体现力的塑造，从人物下巴的地方开始加入一层黑色的描边，不透明度调整为60％时可以看出，不仅提高了标题字与人物交叉重合的层次感，也使人物脸部部分受到了有效的视觉表现统一，更加的具备整体感，而线条则是在不妨碍整体信息的前提下加强艺术的体现特点以符合主体人物的个性。

颜色本来是没有哪些意义的，需要在详细的元素上进行诠释能够带给其实际的含义，更多的是在体现画面的感情情绪，而当使用重叠表现技巧使元素进行重叠时则可以直接的改变两个元素的元素使其带有不同的层级区分和视觉表现，同时在改变色彩的过程中还可以对于元素进行不透明度，混合方式的微调，以满足实际的需求，使场景的听觉表现力并且情感的体现更加符合画面的内容信息。

新建一个画布把我们找到的人物主体置入到画布到中，在进行编排之前先对主体的造型适当进行探讨以方便在编排的之后怎样运用相应的空间来表达人物传递的觉得或者接下去置入其他信息时出现重叠时需要怎样进行相应的处理方法，避免信息的遮挡和辨识问题。

图1:

首先把主体在画布中微调到适合的位置，然后把其它信息元素置入到画面中进行编排，不管是使用何种样的构架都必须按照主体进行相应的选取，以求达到最适合的体现方式，在红色背景下其它信息很自然的选用黑色与整体的色调和情感达成一致的体现，但我们会看到，人物主体自身强烈的彩色对比让重叠在脸部上文字很难分辨出来，尤其是叙述性的小文字信息，而对于于这些状况最简单直接的方法就是换一个颜色。

图2:

在不改变整体结构的状况下，针对重叠部分的信息元素我们适当的改变形状，使信息可以有效的识别出来，但同时可以看出，重叠部分的文字与上方的小文字不能较好的产生统一的觉得，虽然层次感非常显著，但也会给人一种断层以及是没有连贯的觉得，进而丧失了场景整体的视觉表现，尤其是大英文的个别在人物重叠与背景重叠的个别若隐若现不清楚需要用红色而是绿色亦甚至分别进行处理，但逐渐而来的就是增加了整体性。

在红色的基础上调整大英语和英文的混合方式为叠加，同时再复制一层进行重叠，使其以彩色过渡的形式透叠在人物身上，不仅可以适应顶部的小文字，同时也可以让信息可以有效的辨识，而场景的视觉表现也受到丰富。

设计中的技巧是灵活多变的，不仅可以单独的使用同时也可以互相作用着为场景的视觉营造非常丰富的体现，而这些之后设计者在使用技巧时也是在意最终的视觉效果和使用的种类，却忽视了不管哪个样的技巧和方式都是要基于场景内容体现上进行相应的选用，不然很容易停留在场景是否漂亮上面而忽视了对意愿真正的体现导致即便是最简单的形式技巧也想不出来使用，希望借助本篇文章对重叠手法的深入讲解可以帮助你们在设想层面有所帮助！