图形简化+衍生,教你真正的图形创意方法

113天前发布

原创文章 / 平面 插画
研习设K先生,禁止转载-禁止商业用途-禁止个人用途

教你真正的图形创意方法





大家是不是很好奇别人的图形怎么都这么有创意,而自己想设计图形的时候却无从下手。

可能是还没有掌握方法。今天就分享一个图形创意的方法。

希望大家了解后,在设计图形的时候有一个清晰的思路。





插图来自日本插画师Yu Nagaba


我们先来看这个图形,大家能认出这是谁吗?






没错,是爱因斯坦。为什么仅仅几条简单的线条,就能把一个真实的人物刻画出来呢?

这就是我们今天讲的内容,如何去简化并且衍生成完整的图形。








简化的图形一直是趋势。它不仅仅利于快速传播、具有非常强的延展性,也经常作为海报的主体。






标志上也大部分以图形为主。所以作为设计师,简化图形的能力是必不可少的。






但是很多人对于图形简化还没有一个清晰的理解,更多的只会在图片的基础上进行简单的描摹。






这样描摹出来的图像很可能缺乏识别度,就像这个例子,描摹出来后它到底是狗呢,还是狼呢?







① 确定基本元素




简化的第一步是确定基本元素。总的来说,就是什么元素能够确定这个物体的种类。

比如玫瑰是确定它是“花”这一种类。什么元素能让我们辨别它是花而不是其他东西呢?





                  


         枝茎加上花苞,以及红绿配色就可以让我们辨别它是“花”的种类了。

         至于叶子就属于补充元素。这都是让我们辨别它的种类的基本元素。

       









② 要素之间的关系



                   


                     



         玫瑰花苞和枝茎的常态关系是:花苞在枝茎的末端。

         如果随意变换关系,

         会影响最简形态下的识别度,所以前期简化最好不要做变化。


         虽然这两个步骤能确定它的种类是“花”。但是它是什么花呢?

         我们还分辨不出来。就需要到第三步,找到图形的重要特征。





                                                           




③ 图形的重要特征




这个时候玫瑰花就需要以种类内的事物做参考。也是和其他花做对比。

找出玫瑰花区别于其他花卉的重要特征。





                  

         

         红绿配色是我们对玫瑰的印象。玫瑰的枝茎带刺。

         玫瑰花的花瓣开得比较紧密,花瓣层层包裹像漩涡一样。

         这些都是玫瑰比较明显的特征。





         









         分析完这些特点,

         我们只需要在原有的元素关系上加上这些特点,

         就能分辨出它是玫瑰花了。

         而这些特点可以在保证识别度的情况下任意删减组合。








比如说去掉刺也能通过其他特征辨别玫瑰。或者保留刺,去掉花瓣的细节,如果对于玫瑰有刺这一点比较熟悉的人来说也可以辨别它是玫瑰。又或者保留所有的图形细节,把颜色变成黑白,都是可以的。






我们刚刚说的玫瑰是本身自带的特征,其实在现实生活中还存在其他因素影响的特征。





                        






                      比如附加特征,这个图形我们都能分辨它是鸟,

                      但是具体是什么鸟却看不出来。









                      一旦加入橄榄枝,啊,我们就知道,它是鸽子。

                      鸽子本身是没有橄榄枝的,

                      它代表和平也是人类赋予它的象征。

                      所以这些属于附加特征。









还有状态特征,比如壁虎,哪种壁虎的状态和角度更容易让你辨别它们的身份呢?我相信应该是能看到壁虎紧紧抓在墙上的状态。所以它的状态是否能体现它的身份,也是很重要的一点。





④ 衍生表现方式




         








         现在的示意图它只是随便画出来的,

         如果用在设计中,

         这个图形是不合格的,

         所以需要对它进行改造。







衍生图形主要从两个角度入手,风格化和陌生化。






比如花的漩涡状可以用同心圆表现。

花苞用半圆形、枝茎和叶子同样用最基本的形状概括。


这个风格的图形非常简单,会显得它的完成度不高。

所以这时就需要陌生化的处理,让它在创意想法上有亮点。






比如我们把同心圆的颜色改变,虽然辨识度少了。

但是这种创意图形加上文案与画面氛围,可以判断出它的身份。



那么漩涡一定要圆形的吗?






带着这种疑问,我们就可以开始第二个衍生。

以四变形为基本形,通过旋转不同角度,再加上渐变风格。

第二个图形就衍生出来了。可能这两个会偏抽象一点,那也可以选择保留更多的特征。






就像这个图形的外形和线条刻画上更大地保留了玫瑰形态,所以在颜色上就可以不用完全遵循现实。






很容易,三个不同的图形就完成了。





因为图形衍生的过程对于想法、造型能力、不同风格的掌握有所要求,

没办法通过简单的理论来分析,接下来会通过分析四个不同的案例的衍生方式,

给大家提供一些衍生的思路。








螃蟹它的颜色是橙红色。蟹钳是螃蟹比较明显的特征。蟹的八条腿可以作为辅助元素。它的躯壳偏圆形。这些特点的组合就能呈现一个非常清晰的螃蟹的形象。但是别忘了图形的衍生是需要对特征有所取舍和变化的。






为了让螃蟹看起来更加的陌生化,我们可以考虑改变印象中螃蟹的常见形态,让它以一种更加有趣的动态呈现,比如让这个多爪动物以一种太阳一样的放射状呈现,变身元气螃蟹。






第二个方案保留圆形的身体,加上尖锐的蟹钳特征,就完成了一个新的螃蟹图形。虽然颜色的变化和少了八条腿的特征,但是在保留其他特征时作出的变化却也能让我们清晰辨别它是螃蟹。






那传统的螃蟹都是圆形的身子,我们能不能尝试把螃蟹的身体变方呢?

带着这种思考,保留其他特征的同时作相应的风格化处理。又一个新的图形产生。






这些就是螃蟹部分的衍生图形。








火龙果的配色是很明显的特点。表皮会带有绿色的鳞片。

相对椭圆的身体。火龙果是白色的果肉和黑籽的组合。






第一个衍生很简单的,就是简化火龙果的外形,最后变化颜色。






这一次同样保留火龙果的外皮特征,因白色果肉和黑籽的结合让我联想到骰子,

我们可以把这个想法和火龙果结合一下,让它变得更加有创意。






使用不寻常的切块方式,也能产生另一个图形。






这些就是火龙果部分的衍生图形。








颜色同样是我们辨别它的一个很重要的特征。除了颜色,我们还可以看到西瓜的表面有条纹的覆盖。像是西瓜这种简单的圆形水果,切块之后的造型,可能会更有辨识性。是一个很好的附加特征。最后,黑色的瓜籽同样是我们辨别西瓜时的一个显著特性。接下来就需要对它们进行风格化的处理。






西瓜的条纹部分,这一次我们用几何图形来做一些尝试。错位再压缩,让条纹的比例感更强。加入半圆形的西瓜切块之后,感觉有点像是人脸对吧?那我们就顺势添加一个眼睛,让它拟人化。






符合了这么多特征之后,造型上就不用那么写实了,我们完全可以抽象一些来绘制它。加入之前的眼睛和切块之后,它就完成了。






西瓜切开后的这个形状特征让我们很容易辨别它的身份,所以就可以保留这个形状特征,做一些大胆的变化。






比如颜色上可以完全脱离西瓜原有的颜色。用几何色块的方式去填充造型,让风格化的更强烈。到这里,这个图形也就完成了。按照这种思路,能不能保留配色,但是在切块的形状上进行改变呢?






那就到了第三个衍生,我们把它分成三块去表现西瓜的层次。因为造型已经足够抽象了,所以这里我们用颜色去尽量还原西瓜的印象。组合到一块,是不是就有西瓜切块的感觉了呢?






我们把这个数量增加一些,就更有辨识度了,再调整里面的一点变化。那么到这里,这个图形也就完成了。






这是西瓜部分的衍生。








青蛙是绿色的,由于身体和四肢的对比,会感觉四肢很细长。

另外后爪很长,并且有蹼。弯曲的后腿是青蛙比较特别的地方。






这一次,我们可以从造型上做变化。比如切断连接四肢的关节部分,不过这样的造型在美感上还不是很理想。






那么尝试到这里,觉得下面的这个脚的直线结构很有趣,是一个很有变化性的特点。

所以我们可以按照这个方向再去尝试一下。






把手臂的部分也修改成直线的样式,那么这里这个图形就完成了。






这一次,我们把目光聚焦到青蛙细长的四肢上,为了让造型看起来更生动,这个图形我决定打破对称的方式。将四肢和身体的比例做一些夸张的处理,让身体更小,四肢更大。爪尖用来划水的蹼也同样做了夸张的处理。那么在这个过程中,我们会继续摆放四肢的位置,让每个部分的空间看起来更均衡一些。






强调了四肢之后,我们还可以反着来,尝试强调身体的部分。

为了让四肢看上去更细小,这一次我们用线条来绘制。






这是青蛙部分的效果。





来回顾一下我们这篇教程所有的图形。



我们从极简化的元素开始,通过不同特征的组合与变化,再为它添加陌生化和风格化的处理,就能能衍生出非常多形态各异、各种风格的图形。那么今天这篇教程到这里就结束了,感谢大家的收看,下期再见。






2739
- 位站酷推荐设计师推荐 -
一下给作者疯狂打call吧!
(推荐 + 收藏 + 关注作者)
+1 +1 +1

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

    喜欢TA的作品吗?喜欢就快来夸夸TA吧!
    夸夸

    夸夸

    收录收藏夹
    教程 126
    添加表情
    没有新消息
    已收藏到: