有手就行？画格子设计大法无敌了！

风里雨里，干货表情包来了~

今天我们来聊聊蒙德里安风格。

先带大家认识下这种艺术风格，然后再看看如何应用到实战中。。

好了废话少说，干货起走。

蒙德里安，是一位艺术家的名字，就是下面这位老哥。

老哥说，如果你没听过我的名字，没关系，下面这张画你不可能没见过。

《红黄蓝的构成》

就是这张看起来3岁小孩都能画的格子画，成了艺术史上被致敬最多的作品之一。

他的影响有多大，看看下面这些作品就知道了。

时尚T台：

YSL创始人代表作：蒙德里安裙子

建筑造形：

家居装饰：

家具设计：

平面设计：

工业设计：

请注意，上面这些作品，可不只是单纯的致敬，其中不少都是自各领域的经典作品，被各大博物馆收藏着。

致敬经典从而成为经典，蒙老哥默默地点了个赞！

可以肯定的说，如果只论对当前设计领域的影响力，蒙德里安一点都不逊色于达芬奇、梵高等如雷贯耳的画家。

那么问题来了，这些看起来有点幼稚红黄蓝的格子，到底有什么魔力，让无数设计师着迷呢？

能有啥魔力，当然是骚啊~

尽管蒙德里安风格到今天已经超过100年，但是依然有着蓬勃的生命力。

无论是工业设计：

还是交互界面设计：

到处可以看到它的身影，这一切都源于它与生俱来的鲜明视觉特征。

 经典的红黄蓝三原色 

学过画画的人都知道，红黄蓝是三原色，是其它所有色彩的基础。对蒙德里安来说，三原色代表着纯粹、极致。

抛开这些虚无的理念部分，从视觉上看，三原色的搭配鲜明热烈，通过恰当的比例分配和黑线分割，整体看起来有种无比协调和统一的感觉。

横平竖直的格子

如果说色彩是蒙德里安的外衣，那它的横平竖直的格子就是它的骨架。有人试着把蒙德里安画中的黑线去掉，发现色块之间非常散落，元素之间变得没有任何关联。

极致的比例与协调感

如果说蒙德里安的红黄蓝和别人有什么根本的区别，那一定是极致的比例与协调感。

色块的大小对比，红黄蓝三原色的冲撞，黑色的线条既有约束的作用，同时它对空间的分割也让画面极具节奏感，这一切让蒙德里安的作品呈现出一种特殊的气质。

看到这里，

椰树集团的老总点了个大大的赞。

蒙德里安的作品由于风格强烈，辨识性极高，而且其主要构成元素是基本的线和面，这就带来了良好可延展性。下面我们来看看蒙德里安风格如何应用到实际案例中。

 直接套用 

蒙德里安的作品，尤其是《构成》系列，无论是构图还是色彩，都是非常经典的平面构成范例，所以我们直接“借”过来用，那是相当的OK。

下面通过实操案例来演示一下怎么做。

第1步，

参考原作品，截取其中的局部，先用线条简单分割一下画面。

第2步，

填充上经典的红黄蓝3种色彩。

第3步，

在画面的最中心位置放上我们的产品。这里我对产品图进行了裁剪，让画面聚焦到产品的局部，这种简化可以增加画面的几何形式感，与蒙德里安的风格形成呼应。

第4步，

编排好文案信息。 

OK，一张简洁明快的海报完工。

 添加变化 

看完上个案例，甲方爸爸皱了下眉头说，横平竖直的格子看多了会有点雷同，能不能整个有个性的？

当然能。

第1步，

我们还是用线条简单地对画面进行分割。

第2步，

按照不同比例，填充上经典的红黄蓝三原色。

第3步，

给画面添加变化：将画面的线条和色块旋转一下，这样一下就打破了画面原有的工整和平稳，变得更有活力了。

第4步，

抠好产品图，放到画面中。注意产品的摆放方向，与线条的走向保持统一，这样会让画面的视觉走向更有清晰明确。

第5步，

将文案信息编排好。

OK，完工！

 风格延展 

前面说了，蒙德里安的构成元素由基本的线面组成，它的核心在于比例和节奏，所以有着很好的延展性。下面我们就通过实操案例对蒙德里安风格进一步拓展。

看到这里，不少女粉丝可能会觉得少了点什么，实操案例怎么少得了我们的四字弟弟！是的，他来了~

第1步，

当然是先找一张帅照。

第2步，

在背景上铺上格子纹理，并在画面上拉几个矩形框框，大致分割一下画面。

第3步，

将易烊千玺的照片嵌入到最大的框中，并在其它小框中填充蒙德里安的红黄蓝三原色。

第4步，

增加细节修饰：给色块的边角添加斜线，让它有点几何立体风。

第5步，

将文案信息排版好。

OK，一张潮酷风格的海报完工！

好了，

今天的教程内容就到这。

走了~

-------------------------

往期精华文章导读：

救命！老板说我的排版太！平！了！

惰性太可怕了。

为女朋友而换城市，值得吗？

-END-

越努力，越幸运。

这里是庞门正道。