你好,我是鱼先生,不止会设计的 90 后解忧大叔。
又到了设计学习时间,今天要聊一聊同构在设计中的表现形式以及实战应用。
先了解一下基本概念,同构就是通过图形、元素进行有规律的组合、拼接或置换,从而增加画面的趣味性、视觉性,或通过同构的形式直接表达某种象征意义。
是不是听起来有点糊涂?
别担心,鱼先生总结了同构常见的 13 种表现形式,助你理解和吸收。
本文学习三部曲:
- 概念了解,掌握理论
- 案例剖析,加深理解
- 实战演练,助你吸收。
OK,躁动起来!
移花接木,可以是在某个元素的基础上进行无中生有,形成新的图形表达,也可以在保持某种视觉基本型的状态下进行局部拼接,从而形成有趣、有意义的视觉画面,拼接的形式有很多,比如属性拼接、形状拼接、元素拼接、象征拼接等。
一起来看些案例,加深理解:
麻雀与老虎
左:手与烟囱的拼接;右:铅笔与绿叶
两幅作品都是公益海报,通过移花接木的拼接形式,左图的烟囱替代了手指,右图铅笔上面长出了树叶,直观的表达出保护环境、保护森林的诉求。
左:跳舞的脚替代了吉他的弦部分,也可以理解为局部置换同构,用某一种元素直接替换另一种元素的拼接形式;右:恐龙与美女腿的有趣拼接
左:字母与鱼;右:书本与美女
左:烟与鱼;右:红酒与虾
左图作品利用鱼的动结合烟头的磨灭,看上去好像一条鱼撞击地面而亡,清晰直观的表达了吸烟有害健康的寓意。
左:角与脚;右:拳与翅膀
鱼先生说:
移花接木听起来就充满趣味性,也可以利用移花接木的形式来表达讽刺意味,比如在公益海报中就经常使用讽刺手法,从而使人警醒、反思。
偷梁换柱的形式重点在于替换,替换的形式有很多,比如保留原有外形,然后替换内部元素,替换元素可以是一种或多种,最终形成有趣的视觉画面,多数情况下也具备双重含义的表达。
比如下图案例:
小狗与小鸟的形,填充所需元素,形成画面的趣味性
在商业设计中,我们需要根据客户的产品属性进行元素填充,比如下图是我以前设计的台历案例,保持蝴蝶的外形,然后内容元素结合公司的产品元素进行替换,最后形成以下画面。
为了画面的整体性,蝴蝶的右上角采用了延伸处理,一直延伸到画面外面,形成破局,增加延伸感。
OK,我们继续看些案例,加深理解:
左:喇叭外形与刷子;右:灯泡与啤酒
我们还可以直接利用产品本身的功能优势,直观地用视觉元素来表达诉求。
比如以下几组案例:
以上四组案例,采用直接的原料置换,直观的表达出产品的特性,自然、原生态,整体画面也比较吸睛。
再看下面这个案例,红豆与肾脏的结合,红豆对肾脏好,另外红豆的形状和肾脏也比较相似,所以这两个元素的结合,就产出了下面这幅创意作品。
鱼先生说:
偷梁换柱就是替换元素,所选用的视觉外形,尽量要使用大家常见的形状,比如蝴蝶、熊猫、东方明珠等大家熟识的形状。
因为当把一个元素只保留其形状的时候,如果不是常见的形状,大家会只看到你在某一个不知道什么形状里面填充了不同的元素,那么形状本身的意义就失去了。
二次曝光比较常见了,直接来看些案例。
左:人物的脸与建筑场景结合;右:人像与森林场景结合,头部故意消失,形成延伸感
左:人物头像与场景;右:狗狗头像与场景
人物头像与场景
通过一种元素与之对应的意义来想象画面,比如有一句话:“书中自有黄金屋,书中自有颜如玉”,其中书对应的是黄金屋和颜如玉,那么创意点就可以通过这样的对应来切入。
左:钢笔延伸想象场景;右:酒瓶延伸想象场景
左:裙子与星空;右:油漆刷与泳池
在商业设计中,我们可以利用这个思路来思考创意,比如咖啡产品,咖啡主打的功能是提神,所以我们可以在画面中放入一杯咖啡,然后咖啡飘出来的雾气可以作为一个填充框架,然后填充精神满满的场景,从而直观的体现出咖啡能够带给你精神满满的状态。
还可以根据产品的功能或使用场景,进行想象创意,如下图案例:
左边利用模特的脸进行内部置换为场景,右边案例,用生动的内部场景表达肠胃的难受,从而说明某某产品的重要性。
OK,继续下一个!
其实也是构成的一种形式,叫做影构,它的表现形式就是利用具象的人物或其他元素,然后映衬出符合诉求的影子,可以是对立,可以是象征,从而起到表达主题诉求的作用。
看下案例,加深理解:
简单直接的表达出,人类越来越智能,自然反而毁灭的就越快
饮料的自然原生态
左:汽车与手枪影子;右:小孩与蝙蝠侠影子
左:手钳与鳄鱼影子;小孩与魔法少女影子
乐高玩具的影子想象
鱼先生说:
影构具备象征意义,也具备异想天开的形式,大家在使用影构的时候,要清晰明了的去表达主题,并且影子要具备识别性,这样画面才能一目了然,具备吸睛和视觉性。
异质也是偷梁换柱的一种,属于同构里面的置换形式,为了大家更好的理解,所以单拿出来讲一下。
重点就是保持原有元素的形状,替换原有元素的内部材质, 同时也属于变异构成的一种形式,所以这里命名为异质。
异质同构的常见表现形式有直接性表现、 象征性、对抗性等。
进入案例剖析环节:
左:羊身虎皮;右:脚印与绿叶肌理
左:手与木质;右:导航与原料
左:舌头与草莓;右:大象腿与树木
材质替换,很容易出效果,视觉冲击力比较强,比如上面左图案例,舌头替换草莓,直观的表达了味觉一触即发的意思。
右边的大象腿与木质的结合,一语双关,保护动物、保护森林,让人警醒,引人思考。
通过两种以上元素进行拼接、置换等设计手法,达到某种寓意。
左:手枪+水龙头;右:塑料袋+鱼
左:酒+车=骷髅头;右:我们用肺呼吸,树木提供氧气,而且树木森林就像地球的肺,借人的肺部象征,表达让大家保护森林、保护自然、保护地球母亲,这同样是保护我们自己
左:蟑螂+子弹;右:话筒+鸟笼
以上几组都是公益海报,表达的寓意也是一目了然,非常直观。
我们再看几组商业案例,加深理解:
犀牛为骨架,象征着什么?
大象都能装进车里,象征着什么?
利用拟人或拟物的表现形式,从而增加画面的诉求,以及起到吸睛的效果。
左:咖啡豆拟人;右:剪刀拟人
左:烟的拟人化;右,塑料袋与脸
水果拟人,增加趣味性
鱼先生说:
拟人拟物的表现形式具备趣味性和视觉冲击力,很容易吸引人们的眼球,也可以以主题产品为切入点去拟人化,增加灵动性,从而起到烘托主题的诉求。
色即是空,空即是色,有既是无,无即是有。
利用正负形表达双重含义,加入正负空间的画面比较有设计感,应用范围不仅仅在版式设计中,在 LOGO 设计中也经常被使用。
看些案例,加深理解:
左:炸弹与大脑;右:手与吉他
左:胖子与肌肉男;右:钢笔与权杖
左边的健身海报,利用胖身体作为负空间,里面有一个肌肉男在用力推着,画面本身的张力、视觉冲击力都非常足,就像健身一样,就是在与自己的身体和精神做对抗。
负空间在包装设计中的妙用
上图包装案例,把局部做透明状处理,不仅可以形成负空间,还可以通过负空间看到产品,一举两得,趣味性十足。
鱼先生说:
正负形的表现形式,我屡屡提到,这也说明了正负形的实用性极强,大家可以再多赏析一些和正负形相关的作品,加以理解和吸收,最好是可以举一反三,学以致用。
以形补形与上面的偷梁换柱类似,但不同的是,偷梁换柱的置换模式更多的是全局置换,而以形补形的运用重点在于利用常见的视觉图形,进行局部替换,可以是文字替换,也可以是元素替换,从而营造有趣的效果。
来看几组案例,加深理解:
左:灯泡外形,文字和绿草补充;右:利用文字补形
类似这样的文字补形非常实用常见,我们再看两组类似案例:
左:卓别林的脸用文字替代,保留识别强的胡子;右:烟囱部分用文字补形
左:人物另一半嵌入场景;右:乐器与人物
左:垃圾替换鱼的身体;右:字体补充建筑裁切部分
这一组属于拼接,在这里展示,想要强调一点,就是形状的基本一致性,比如地球与水漏,右边的草莓与气球的形状,可以说形状补充的比较完美,所以放在这里讲解。
大家在学习的时候,不要太过于纠结必须要用哪种形式来做设计,而是要不断的尝试,把我分享的知识点揉碎了,理解透彻,然后自然会成为你能力的一部分,这个时候才算是学以致用。
OK,继续!
把一种元素的原本样貌拿来作为设计的核心直接使用,经过设计变成另一种功能性的产品或视觉作品,但保留原来元素的视觉形象,听起来就像复制粘贴一样简单。
我们先看一组案例:
以上我们看到,有蝴蝶座椅、大提琴座椅、孔雀座椅、鱼形座椅,这些都是直接复制大自然本身的元素,稍作加工之后变成了我们日常所离不开的产品。
再看几组案例,加深理解:
鱼形产品
左:雪糕与乐器;右:辣椒产品
左:子弹头口红;右:刀片饼干
鱼先生说:
从古至今,我们所有的创意基本上都是复制于大自然,比如飞机的形成就借鉴于鸟类,所以我们要感恩大自然,保护大自然,大自然给了我们生存的空间、氧气、食物,也给了我们作为创造者的万千灵感,所以我们更要保持对大自然的敬畏和关怀。
有一句话叫做:“知人知面不知心”,把这句话的意思用在设计里面,就可以很好的表现出表里不一的创意形式。
香蕉与骷髅,是不是感觉莫名的可爱?
通过改变果蔬的内部结构,来表达趣味性,这样的方式直接用在设计项目中也是非常不错的创意,如下图案例:
再看一组不太一样的案例:
内新与外旧的对比,另外也加入了色彩的强烈对比,最后加入撕裂效果,形成强烈的视觉冲击力。
鱼先生说:
表里不一就是两种事物或场景的相互对比,整体理解,既具备联系性又具备反差对比,最终目的是为了突出诉求,形成有趣、吸睛的视觉作品。
表现为,两个元素之间的链接契合度非常强,用一句通俗的网络用语来解释 就是:“毫无违和感”,找到这个感觉,就对了。
所以说,设计来源于生活,一点没有错,只要你肯思考,日常中的很多点都可以作为创意使用。
我们先看一个比较契合的视觉,如下图:
刷子与人物头发,完美的结合在一起,并且手的大与人物的小形成了强烈的反差对比,比较吸睛。
左:美女与虾尾;右:嘴唇花瓶与花朵
左:头发衣服;右:人物与衣服
ok,理论和剖析讲解完毕,进入实战演练环节!
案例①:指鹿为马
表现形式:移形换影
首先把主图设计出来,主图的设计方式并不难,给大家看一下步骤图:
指鹿为马,马本身就是虚拟的,所以我在马的影子表达中加入了双重叠加的感觉,形成一种虚幻、恍惚的感觉。
调整一下细节,背景完成:
主图完成之后,我们放入文案,完成后如下图:
方法学会了之后,大家可以去尝试一下,比如试试以狐假虎威为主题去设计一张海报。
OK,我们继续下一个案例。
案例②:乐器PK友谊赛海报
背景图制作过程如下图所示:
背景图完成,顺便来个版式,完成后如下图:
案例③:有趣的三味鱼海报
主图处理使用软件:PS(photoshop)
① 首先找一把快刀,把鱼切(ps)成三段
西红柿切块备用
然后开始切鱼,切(PS)好后如下图:
然后我们来处理鱼内部水果材质的添加,这里有个小方法,我们需要制作一个智能样机,我们以鱼头部分为例,来给大家拆解下这个技巧。
② 绘制一个圆形,不要添加描边,先把圆形转为为智能对象,然后再把图形按照透视关系调整为鱼的立体切面。
详细步骤如下图:
③ 找一个西瓜内部图片素材,切面要正一点,然后双击刚才建立好的智能对象,把西瓜纹理填充进去,然后保存,然后鱼画面中就会自动更换为西瓜质感。
详细步骤请看下图所示:
④ 按照以上相同的方法,依次为鱼身和鱼尾添加立体切面质感。
完成后,如下图:
三味鱼的主图已经制作完毕了。
⑤ 最后,我们进行趣味排版,完稿如下图:
Ok,分享结束!
开始炖鱼!!!
趁鱼还没炖好,最后汇总一下今天的 3 张实战案例,都是临时思考,临时设计的,大家可以自己尝试练习,以便于在实践中吸收知识点。
附件下载塑料样机福利。
OK,今天的文章到这里结束,我要去喝点鱼汤补充一下大脑,然后继续为大家写干货文章!感谢大家的喜欢和支持!
我们下期见!
欢迎关注作者微信公众号:「摆渡鱼生」
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
这么设计才好玩
已累计诞生 623 位幸运星
发表评论 已发布6条
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓