TOP

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

发表于 2021-5-18 软件教程 47 0 47
作者:研习设

大家是不是很好奇别人的图形怎么都这么有创意,而自己想设计图形的时候却无从下手。可能是还没有掌握方法。今天就分享一个图形创意的方法。希望大家了解后,在设计图形的时候有一个清晰的思路。

1.jpg

△ 插图来自日本插画师 Yu Nagaba

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

2.jpg

没错,是爱因斯坦。为什么仅仅几条简单的线条,就能把一个真实的人物刻画出来呢?这就是我们今天讲的内容,如何去简化并且衍生成完整的图形。

3.jpg

4.gif

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

5.jpg

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

6.gif

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

7.jpg

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

8.jpg

64.jpg

9.jpg

简化的第一步是确定基本元素。总的来说,就是什么元素能够确定这个物体的种类。比如玫瑰是确定它是“花”这一种类。什么元素能让我们辨别它是花而不是其他东西呢?

10.gif

11.jpg

枝茎加上花苞,以及红绿配色就可以让我们辨别它是“花”的种类了。至于叶子就属于补充元素。这都是让我们辨别它的种类的基本元素。

12.jpg

13.jpg

14.jpg

玫瑰花苞和枝茎的常态关系是:花苞在枝茎的末端。如果随意变换关系,会影响最简形态下的识别度,所以前期简化最好不要做变化。

虽然这两个步骤能确定它的种类是“花”。但是它是什么花呢?我们还分辨不出来。就需要到第三步,找到图形的重要特征。

15.jpg

16.jpg

这个时候玫瑰花就需要以种类内的事物做参考。也是和其他花做对比。找出玫瑰花区别于其他花卉的重要特征。

17.jpg

18.jpg

红绿配色是我们对玫瑰的印象。玫瑰的枝茎带刺。玫瑰花的花瓣开得比较紧密,花瓣层层包裹像漩涡一样。这些都是玫瑰比较明显的特征。

19.gif

分析完这些特点,我们只需要在原有的元素关系上加上这些特点,就能分辨出它是玫瑰花了。而这些特点可以在保证识别度的情况下任意删减组合。

20.jpg

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

21.jpg

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

22.jpg

比如附加特征,这个图形我们都能分辨它是鸟,但是具体是什么鸟却看不出来。

23.jpg

一旦加入橄榄枝,啊,我们就知道,它是鸽子。鸽子本身是没有橄榄枝的,它代表和平也是人类赋予它的象征。所以这些属于附加特征。

24.gif

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

25.jpg

26.jpg

现在的示意图它只是随便画出来的,如果用在设计中,这个图形是不合格的,所以需要对它进行改造。

27.jpg

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

28.gif

比如花的漩涡状可以用同心圆表现。花苞用半圆形、枝茎和叶子同样用最基本的形状概括。

这个风格的图形非常简单,会显得它的完成度不高。所以这时就需要陌生化的处理,让它在创意想法上有亮点。

29.gif

比如我们把同心圆的颜色改变,虽然辨识度少了。但是这种创意图形加上文案与画面氛围,可以判断出它的身份。

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

30.gif

带着这种疑问,我们就可以开始第二个衍生。以四变形为基本形,通过旋转不同角度,再加上渐变风格。第二个图形就衍生出来了。可能这两个会偏抽象一点,那也可以选择保留更多的特征。

31.gif

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

32.jpg

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

因为图形衍生的过程对于想法、造型能力、不同风格的掌握有所要求,没办法通过简单的理论来分析,接下来会通过分析四个不同的案例的衍生方式,给大家提供一些衍生的思路。

33.jpg

34.gif

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

35.gif

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

36.gif

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

37.gif

那传统的螃蟹都是圆形的身子,我们能不能尝试把螃蟹的身体变方呢?带着这种思考,保留其他特征的同时作相应的风格化处理。又一个新的图形产生。

38.jpg

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

39.jpg

40.gif

火龙果的配色是很明显的特点。表皮会带有绿色的鳞片。相对椭圆的身体。火龙果是白色的果肉和黑籽的组合。

41.gif

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

42.gif

这一次同样保留火龙果的外皮特征,因白色果肉和黑籽的结合让我联想到骰子,我们可以把这个想法和火龙果结合一下,让它变得更加有创意。

43.gif

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

44.jpg

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

45.jpg

46.gif

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

47.gif

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

48.gif

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

49.gif

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

50.gif

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

51.gif

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

52.jpg

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

53.jpg

这是西瓜部分的衍生。

54.jpg

55.gif

青蛙是绿色的,由于身体和四肢的对比,会感觉四肢很细长。另外后爪很长,并且有蹼。弯曲的后腿是青蛙比较特别的地方。

56.jpg

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

57.jpg

那么尝试到这里,觉得下面的这个脚的直线结构很有趣,是一个很有变化性的特点。所以我们可以按照这个方向再去尝试一下。

58.jpg

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

59.gif

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

60.gif

强调了四肢之后,我们还可以反着来,尝试强调身体的部分。为了让四肢看上去更细小,这一次我们用线条来绘制。

61.jpg

这是青蛙部分的效果。

62.jpg

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

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





本文章为网络转载收集整理,仅供学习交流,版权属于原作者。
如灵动思维原创文章,版权所有,转载请注明,转载自灵动思维网络教育
您需要登录后才可以回帖 登录 | 注册

当前话题还没有评论,来做第一个评论的人吧!
ldswbj_3
快速回复 返回顶部 返回列表