119张案例！讲透同构在版式设计创意中的13种表现形式+实战案例详解

你好，我是鱼先生，不止会设计的90后解忧大叔。

又到了设计学习时间，今天要聊一聊同构在设计中的表现形式以及实战应用。

先了解一下基本概念，同构就是通过图形、元素进行有规律的组合、拼接或置换，从而增加画面的趣味性、视觉性，或通过同构的形式直接表达某种象征意义。

是不是听起来有点糊涂？

别担心，鱼先生总结了同构常见的13种表现形式，助你理解和吸收。

本文学习三部曲，① 概念了解，掌握理论 ② 案例剖析，加深理解 ③ 实战演练，助你吸收。

OK，躁动起来！

移花接木，可以是在某个元素的基础上进行无中生有，形成新的图形表达，也可以在保持某种视觉基本型的状态下进行局部拼接，从而形成有趣、有意义的视觉画面，拼接的形式有很多，比如属性拼接、形状拼接、元素拼接、象征拼接等。

一起来看些案例，加深理解：

▲ 麻雀与老虎

▲ 左：手与烟囱的拼接；右：铅笔与绿叶

两幅作品都是公益海报，通过移花接木的拼接形式，左图的烟囱替代了手指，右图铅笔上面长出了树叶，直观的表达出保护环境、保护森林的诉求。

▲ 左：跳舞的脚替代了吉他的弦部分，也可以理解为局部置换同构，用某一种元素直接替换另一种元素的拼接形式；右：恐龙与美女腿的有趣拼接

▲ 左：字母与鱼；右：书本与美女

▲ 左：烟与鱼；右：红酒与虾

左图作品利用鱼的动结合烟头的磨灭，看上去好像一条鱼撞击地面而亡，清晰直观的表达了吸烟有害健康的寓意。

▲ 左：角与脚；右：拳与翅膀

鱼先生说：

移花接木听起来就充满趣味性，也可以利用移花接木的形式来表达讽刺意味，比如在公益海报中就经常使用讽刺手法，从而使人警醒、反思。

偷梁换柱的形式重点在于替换，替换的形式有很多，比如保留原有外形，然后替换内部元素，替换元素可以是一种或多种，最终形成有趣的视觉画面，多数情况下也具备双重含义的表达。

比如下图案例：

▲ 小狗与小鸟的形，填充所需元素，形成画面的趣味性

在商业设计中，我们需要根据客户的产品属性进行元素填充，比如下图是我以前设计的台历案例，保持蝴蝶的外形，然后内容元素结合公司的产品元素进行替换，最后形成以下画面。

为了画面的整体性，蝴蝶的右上角采用了延伸处理，一直延伸到画面外面，形成破局，增加延伸感。

OK，我们继续看些案例，加深理解：

▲ 左：喇叭外形与刷子；右：灯泡与啤酒

我们还可以直接利用产品本身的功能优势，直观地用视觉元素来表达诉求。

比如以下几组案例：

以上四组案例，采用直接的原料置换，直观的表达出产品的特性，自然、原生态，整体画面也比较吸睛。

再看下面这个案例，红豆与肾脏的结合，红豆对肾脏好，另外红豆的形状和肾脏也比较相似，所以这两个元素的结合，就产出了下面这幅创意作品。

鱼先生说：

偷梁换柱就是替换元素，所选用的视觉外形，尽量要使用大家常见的形状，比如蝴蝶、熊猫、东方明珠等大家熟识的形状。

因为当把一个元素只保留其形状的时候，如果不是常见的形状，大家会只看到你在某一个不知道什么形状里面填充了不同的元素，那么形状本身的意义就失去了。

二次曝光比较常见了，直接来看些案例。

▲ 左：人物的脸与建筑场景结合；右：人像与森林场景结合，头部故意消失，形成延伸感

▲ 左：人物头像与场景；右：狗狗头像与场景

▲ 人物头像与场景

通过一种元素与之对应的意义来想象画面，比如有一句话：“书中自有黄金屋，书中自有颜如玉”，其中书对应的是黄金屋和颜如玉，那么创意点就可以通过这样的对应来切入。

▲ 左：钢笔延伸想象场景；右：酒瓶延伸想象场景

▲ 左：裙子与星空；右：油漆刷与泳池

在商业设计中，我们可以利用这个思路来思考创意，比如咖啡产品，咖啡主打的功能是提神，所以我们可以在画面中放入一杯咖啡，然后咖啡飘出来的雾气可以作为一个填充框架，然后填充精神满满的场景，从而直观的体现出咖啡能够带给你精神满满的状态。

还可以根据产品的功能或使用场景，进行想象创意，如下图案例：

左边利用模特的脸进行内部置换为场景，右边案例，用生动的内部场景表达肠胃的难受，从而说明某某产品的重要性。

OK，继续下一个！

其实也是构成的一种形式，叫做影构，它的表现形式就是利用具象的人物或其他元素，然后映衬出符合诉求的影子，可以是对立，可以是象征，从而起到表达主题诉求的作用。

看下案例，加深理解：

▲ 简单直接的表达出，人类越来越智能，自然反而毁灭的就越快

▲ 饮料的自然原生态

▲ 左：汽车与手枪影子；右：小孩与蝙蝠侠影子

▲ 左：手钳与鳄鱼影子；小孩与魔法少女影子

▲ 乐高玩具的影子想象

鱼先生说：

影构具备象征意义，也具备异想天开的形式，大家在使用影构的时候，要清晰明了的去表达主题，并且影子要具备识别性，这样画面才能一目了然，具备吸睛和视觉性。

异质也是偷梁换柱的一种，属于同构里面的置换形式，为了大家更好的理解，所以单拿出来讲一下。

重点就是保持原有元素的形状，替换原有元素的内部材质， 同时也属于变异构成的一种形式，所以这里命名为异质。

异质同构的常见表现形式有直接性表现、 象征性、对抗性等。

进入案例剖析环节：

左：羊身虎皮；右：脚印与绿叶肌理

左：手与木质；右：导航与原料

左：舌头与草莓；右：大象腿与树木

材质替换，很容易出效果，视觉冲击力比较强，比如上面左图案例，舌头替换草莓，直观的表达了味觉一触即发的意思。

右边的大象腿与木质的结合，一语双关，保护动物、保护森林，让人警醒，引人思考。

通过两种以上元素进行拼接、置换等设计手法，达到某种寓意。

左：手枪+水龙头；右：塑料袋+鱼

左：酒+车=骷髅头；右：我们用肺呼吸，树木提供氧气，而且树木森林就像地球的肺，借人的肺部象征，表达让大家保护森林、保护自然、保护地球母亲，这同样是保护我们自己

左：蟑螂+子弹；右：话筒+鸟笼

以上几组都是公益海报，表达的寓意也是一目了然，非常直观。

我们再看几组商业案例，加深理解：

▲犀牛为骨架，象征着什么？

▲大象都能装进车里，象征着什么？

利用拟人或拟物的表现形式，从而增加画面的诉求，以及起到吸睛的效果。

▲ 左：咖啡豆拟人；右：剪刀拟人

▲ 左：烟的拟人化；右，塑料袋与脸

▲ 水果拟人，增加趣味性

鱼先生说：

拟人拟物的表现形式具备趣味性和视觉冲击力，很容易吸引人们的眼球，也可以以主题产品为切入点去拟人化，增加灵动性，从而起到烘托主题的诉求。

色即是空，空即是色，有既是无，无即是有。

利用正负形表达双重含义，加入正负空间的画面比较有设计感，应用范围不仅仅在版式设计中，在LOGO设计中也经常被使用。

看些案例，加深理解：

▲ 左：炸弹与大脑；右：手与吉他

▲ 左：酒杯与人物服装；右：酒瓶形成空间

▲ 左：胖子与肌肉男；右：钢笔与权杖

左边的健身海报，利用胖身体作为负空间，里面有一个肌肉男在用力推着，画面本身的张力、视觉冲击力都非常足，就像健身一样，就是在与自己的身体和精神做对抗。

▲ 负空间在包装设计中的妙用

上图包装案例，把局部做透明状处理，不仅可以形成负空间，还可以通过负空间看到产品，一举两得，趣味性十足。

鱼先生说：

正负形的表现形式，我屡屡提到，这也说明了正负形的实用性极强，大家可以再多赏析一些和正负形相关的作品，加以理解和吸收，最好是可以举一反三，学以致用。

以形补形与上面的偷梁换柱类似，但不同的是，偷梁换柱的置换模式更多的是全局置换，而以形补形的运用重点在于利用常见的视觉图形，进行局部替换，可以是文字替换，也可以是元素替换，从而营造有趣的效果。

来看几组案例，加深理解：

▲ 左：灯泡外形，文字和绿草补充；右：利用文字补形

类似这样的文字补形非常实用常见，我们再看两组类似案例：

▲ 左：卓别林的脸用文字替代，保留识别强的胡子；右：烟囱部分用文字补形

▲ 左：人物另一半嵌入场景；右：乐器与人物

▲ 左：垃圾替换鱼的身体；右：字体补充建筑裁切部分

这一组属于拼接，在这里展示，想要强调一点，就是形状的基本一致性，比如地球与水漏，右边的草莓与气球的形状，可以说形状补充的比较完美，所以放在这里讲解。

大家在学习的时候，不要太过于纠结必须要用哪种形式来做设计，而是要不断的尝试，把我分享的知识点揉碎了，理解透彻，然后自然会成为你能力的一部分，这个时候才算是学以致用。

OK，继续！

把一种元素的原本样貌拿来作为设计的核心直接使用，经过设计变成另一种功能性的产品或视觉作品，但保留原来元素的视觉形象，听起来就像复制粘贴一样简单。

我们先看一组案例：

以上我们看到，有蝴蝶座椅、大提琴座椅、孔雀座椅、鱼形座椅，这些都是直接复制大自然本身的元素，稍作加工之后变成了我们日常所离不开的产品。

再看几组案例，加深理解：

▲ 鱼形产品

▲ 左：雪糕与乐器；右：辣椒产品

▲ 左：子弹头口红；右：刀片饼干

鱼先生说：

从古至今，我们所有的创意基本上都是复制于大自然，比如飞机的形成就借鉴于鸟类，所以我们要感恩大自然，保护大自然，大自然给了我们生存的空间、氧气、食物，也给了我们作为创造者的万千灵感，所以我们更要保持对大自然的敬畏和关怀。

有一句话叫做：“知人知面不知心”，把这句话的意思用在设计里面，就可以很好的表现出表里不一的创意形式。

▲ 香蕉与骷髅，是不是感觉莫名的可爱？

通过改变果蔬的内部结构，来表达趣味性，这样的方式直接用在设计项目中也是非常不错的创意，如下图案例：

再看一组不太一样的案例：

内新与外旧的对比，另外也加入了色彩的强烈对比，最后加入撕裂效果，形成强烈的视觉冲击力。

鱼先生说：

表里不一就是两种事物或场景的相互对比，整体理解，既具备联系性又具备反差对比，最终目的是为了突出诉求，形成有趣、吸睛的视觉作品。

表现为，两个元素之间的链接契合度非常强，用一句通俗的网络用语来解释 就是：“毫无违和感”，找到这个感觉，就对了。

所以说，设计来源于生活，一点没有错，只要你肯思考，日常中的很多点都可以作为创意使用。

我们先看一个比较契合的视觉，如下图：

刷子与人物头发，完美的结合在一起，并且手的大与人物的小形成了强烈的反差对比，比较吸睛。

▲ 左：美女与虾尾；右：嘴唇花瓶与花朵

▲ 左：头发衣服；右：人物与衣服

ok，理论和剖析讲解完毕，进入实战演练环节！

注：本文案例部分搜集自网络，仅为辅助说明知识点，不作商用。

案例①：指鹿为马

表现形式：移形换影

首先把主图设计出来，主图的设计方式并不难，给大家看一下步骤图：

指鹿为马，马本身就是虚拟的，所以我在马的影子表达中加入了双重叠加的感觉，形成一种虚幻、恍惚的感觉。

调整一下细节，背景完成：

主图完成之后，我们放入文案，完成后如下图：

方法学会了之后，大家可以去尝试一下，比如试试以狐假虎威为主题去设计一张海报。

OK，我们继续下一个案例。

案例②：乐器PK友谊赛海报

背景图制作过程如下图所示：

背景图完成，顺便来个版式，完成后如下图：

案例③：有趣的三味鱼海报

主图处理使用软件：PS（photoshop）

① 首先找一把快刀，把鱼切（ps）成三段

西红柿切块备用

...

然后开始切鱼，切（PS）好后如下图：

然后我们来处理鱼内部水果材质的添加，这里有个小方法，我们需要制作一个智能样机，我们以鱼头部分为例，来给大家拆解下这个技巧。

② 绘制一个圆形，不要添加描边，先把圆形转为为智能对象，然后再把图形按照透视关系调整为鱼的立体切面。

详细步骤如下图：

③ 找一个西瓜内部图片素材，切面要正一点，然后双击刚才建立好的智能对象，把西瓜纹理填充进去，然后保存，然后鱼画面中就会自动更换为西瓜质感。

详细步骤请看下图所示：

④ 按照以上相同的方法，依次为鱼身和鱼尾添加立体切面质感。

完成后，如下图：

三味鱼的主图已经制作完毕了。

⑤ 最后，我们进行趣味排版，完稿如下图：

Ok，分享结束！

开始炖鱼！！！

趁鱼还没炖好，最后汇总一下今天的3张实战案例，都是临时思考，临时设计的，大家可以自己尝试练习，以便于在实践中吸收知识点。

OK，今天的文章到这里结束！

觉得有用的酷友们，记得点赞支持一下哦，非常感谢你的支持和喜欢！

我们下期见！