查看原文
其他

瞬间GET!图案设计秘术

牧子 研习设 2022-10-16


研习设订阅号

设计干货  杜绝注水



戳一下看视频版





重复图案在我们的大自然中可以说是很常见了,比如说蜜蜂的蜂巢、斑马的纹路再或者是蟒蛇的鳞片。多年以来,很多的设计师们也以此作为灵感,创作出了很多经典的作品,而且几乎在任何的设计领域都能见到图案的影子,这些图案风格独特,而且都源自于不同的文化。有着各自的艺术风格。图案设计就像是一个兼具了统一与变化的藏宝库,等待着每一位设计师去尝试挖掘。




1990年代末,考古学家在南非的布隆伯斯洞窟的岩壁上发现了一组图案。根据年代测定得出的结论,这些图案距今已经有七万三千年了。这也是人类目前为止发现的最早的装饰图案,可以说人类的历史就等同于装饰的历史。






提到装饰图案的设计,我们必须要先来说说闻名世界的伊斯兰艺术,在伊斯兰艺术中几何图案被大量的运用,我们从细密画种就可以看出来这点。从地毯织物再到建筑的装饰纹样,到处都充斥着各种类型的几何形装饰图案,在公元八世纪,伊斯兰的工匠们从罗马和波斯文化中借鉴原有图案并发展出新的几何形状。从这个时候起抽象的几何图案便被更加频繁的用在了伊斯兰的各种装饰中。



我们现在去一些清真寺,在墙壁和穹顶上也可以看到非常壮观的几何形重复图案。



伊斯兰装饰图案的单元形非常讲究几何,所以在制作的时候,也是需要利用几何形的网格来创作图形。可以说每一个伊斯兰的几何图案,都散发着人类对几何无限的想象力。




接着我们来说一下古埃及,古埃及的设计师们习惯直接从大自然和身边的事物中吸取灵感,创作图形。从他们的装饰中可以印证这点。




这三个柱头来源于埃及不同的宫殿,但是追寻图案的原型其实都是源自于尼罗河畔随处可见的的纸莎草。



这几组图案也是取自不同服饰和布艺装饰,但寻其本质其实都是由鸟类的羽毛抽象简化而成的。

古埃及人将身边随处可见的元素进行抽象的设计,重复编排,就形成了古埃及艺术装饰中的一幅幅经典纹样。





中国传统的纹样我们就很常见了,作为中国传统文化的重要组成部分,其实中国纹样一直贯穿于中国历史发展的整个流程和我们的日常生活。



窗棂又被称为窗格,一般是指窗户内部的装饰图案。


资料参考:书籍《东方元素与设计》


一般的窗格是由几何线条构成,我们在一些中式建筑和古装影视剧中也经常可以见到不同类型的窗格图案。


资料参考:书籍《东方元素与设计》


还有这种万字纹,回纹,云纹,都是非常经典的中国传统窗棂纹样,比起西方的图案,中国的传统窗棂纹样,富丽堂皇,韵味十足,又有着吉祥如意的寓意。


资料参考:YINGSTARS工作室

中国的纹样不单单是取悦视觉,更多的是一种精神上的寄托,中国人通常都会使用象征谐音等手法来创作图案,给图案赋予吉祥,祈福,平安的寓意。





19世纪末期,英国兴起了威廉莫里斯的工艺美术运动,装饰风潮一时间也进入到了全盛时期。不过,在另一方面也出现了对装饰艺术应用过于泛滥的质疑。





进入20世纪之后建筑家密斯凡德罗提倡少即是多的概念,着手设计排除装饰要素的建筑,伴随着包豪斯新设计的抬头,装饰的风潮也急速衰退。






上面我们了解了图案设计的历史,那在现代,图案设计中也是十分常见的,通过一个或几个简单单元形的不断重复,可以给图形赋予一种装饰意义,优秀的图案设计可以在一瞬间抓住消费者的眼球,也可以强化人们对品牌的认知和记忆。




华与华公司设计的厨邦酱油包装,使用了绿格子作为品牌的超级符号。



当消费者看到绿格子的时候会自然的与餐桌、餐厅、吃饭等关键词联系起来。



当商品全部摆放在货架上之后,统一性极强的格子图案又会产生阵列优势,更容易把远处的顾客吸引过来。




著名的奢侈品品牌LV,经典的老花图案也是由重复图案所构成的。LV的老花图案是由圆圈包围的四叶花卉、四角星、凹面菱形内包四角星,加上重叠一起的LV两个字所组成,作为支撑 LV 品牌的辅助元素,老花图案在消费者眼中是LV品牌最重要的视觉符号,历久不衰。





日本乐天口香糖今年也大胆尝试了新的风格,推出了新口味的产品和新款的包装设计。



这次推出了七种口味的口香糖,每种口味都设计了不同颜色的包装纸,每种颜色的包装纸又延伸出了不同种类的图案,而且图案设计的非常漂亮,就算我不爱吃口香糖,我也会想去收集一下这个包装纸。



图案的单元形设计的也非常巧妙,比如这款超凉薄荷口味的口香糖。为了突出超凉薄荷的凉,使用了生活在南极的企鹅作为单元形。



蓝莓口味的口香糖使用了Bluberry的首字母B作为单元形。





刚才带大家看了一些重复图案在品牌设计中的应用,有的图案看起来很复杂,但其实制作起来没有你想象的那么难,接下来就给大家具体的演示一下重复图案的设计和制作方法。



要说到设计方法,这里还是要提到一个人,在1981年,俄罗斯的结晶学家费多洛夫在论文中证明了平面上重复的图样可归类为17个种类的理论。这个理论也被称为“17种平面对称群”这项定理如今在科学领域中也被当做运用的标准。




这些是我提前做好的一些图案,这些图案全都是利用平面对称群的理论来设计的,有些图案看似很复杂,但是如果利用好平面对称群的理论,操作起来其实比你想象中要简单的多。接下来就挑选几个有代表性的来给大家讲解。




P1是最简单的形式,只需要将设计好的单元形以等距同方向的原则复制排列就可以了。虽然P1看似很简单,但是如何单纯的利用平移做出很丰富的图案,就需要你在单元形上下功夫了。

首先我们来做单元形,这里我们可以利用之前提到的伊斯兰几何图案的制作方法,我们先用几何图形做一个网格,然后我们提取其中的线条组成一个莓果的形状。

之后我们把这个单元形用P1的方法进行重复。这个时候我们看,图案中还是有很多负空间的,那么我们可以让这个图案更加丰满一些,我们在负空间再添加一组图形。这样我们的造型部分就完成了。最后我们在赋予它一个颜色。这组图形就完成了。



另外我们也可以利用P1组合出这样很有立体感的图案。我们先画一个6X6的网格,然后可以按照网格线画出图形,然后我们再给图形赋予一个明暗关系的颜色。

最后我们进行P1的重复排列,就完成了。




总结一下,在十七种平面对称群中,P1是第一个也是最简单的一个形式。因为只有单纯的平行移动,所以难免会有些单调的感觉,如果想做出丰富的画面,那需要你在单元形上做出一些巧思和创意。虽然说是单调,但是单纯的重复也有突出和强调的效果,很多品牌的商标都会使用P1的方式设计图案,以此来加深品牌的印象。




接下来我们来讲一下P4,P4的基本设计方法是将基本型进行四次90度的旋转,然后在进行重复编排。





下面我用这个案例来给大家演示P4的设计方法。


在制作P4单元形的时候,我们可以利用正方形的格子来规范我们的单元形,我们顺着田字框画一条曲线,然后在右上的方框内再画一个田字框,把之前线条的端点放在田字框的中心,最后再把线条再连接到大田字框的中心。

然后我们将这个线条进行四次90度的旋转。

最后再进行重复编排,赋予一个颜色,这个图案就完成了。




我们再换一个单元形试试看,形态不一样,但操作方法是一样的。

我们将线条在正方形格子内旋转四次,最后重复编排再填充颜色。




我们换个方法再来做一个,演示这么多次的目的是希望大家在看的时候一定要记住我的方法,图形虽然不一样,但方法是共通的,大家一定要举一反三,换成自己设计的单元形也要会做。这次我们直接用正方形来创建单元形。我们把这个正方形想象成一张纸,然后将它对折。


然后我们将这个长方形在左右的四分之一处再画两条线,顺着这两条线调整点的位置,让他形成一个错位的图形。

之后,进行四次90度的旋转,重复编排。

其实排完之后我们可以感觉到,图案还是不太丰满,那我们可以在中心位置再添加一个P1的重复单元形。 

我们可以直接利用这个负空间填充一个颜色,但是如果全部填满的话就感觉有点太死板了,那我们也可以将内部图形除以黄金比1.618,缩小一些。最后再加上颜色。



我们也可以将轮廓改成曲线的形式。



我们总结一下,P4是以正方形格子为基础,加上90度旋转四次设计而成的图案,比较简单的单元形经过P4的设计也可以设计出比较丰满的画面,使用P4设计图案,也可以给人精致和有趣的视觉感受。



这次我们以日本传统的纱绫形来举例,PGG的创作方法是将基本型旋转180°,然后再复制一个旋转90度。将旋转后的图形位移,最后重复编排。



PGG使用起来还是比较复杂的,所以们换另外一个案例,再给大家演示一下操作方法。

首先我们还是可以利用方形格子来创建单元形,我们在方形格子中画一个半圆,然后调整半圆的曲线把它变成一个扇形,我们再在扇形内加入一个放射性的线条元素。

把单元形先复制旋转180度,然后再整体旋转90度。


将旋转后的单元形再复制一个旋转90度,然后向左下方移动,对齐。


最后我们复制,重复编排,就完成了。



大家在看教程的时候,可以自己试着做一下,最好自己去设计一个新的单元形,然后用我今天教给大家的方法去编排。最后我还是要强调一遍,一定要记住我的方法,图形虽然不一样,但方法是共通的,大家要举一反三。



今天我们讲了平面对称群的几种设计方法,其实平面对称群也只是装饰图案设计的冰山一角,装饰图案发展了这么多年,创作图案的方法多种多样,无法一篇文章全部照顾到。以后有机会,再给大家慢慢分享,好了那今天的教程就到这里,我们下次再见。





往期教程导读







由于微信公众号更改了推送机制,推文不再按照时间线推送,为了以后能及时观看到我们的教程和文章,看完文章后记得给我们点个“在看”哦。如果你喜欢我们的文章,这将是对我们最大的鼓励和支持。

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存