平面设计教程！被低估的几何装饰主义，海报居然这么好看？

教程作者：菲林（优设 平面设计实战营 讲师）

交作业：#优设每日作业#

关于教程

Hello！大家好，我是优设平面设计实战营的讲师@菲林。

今天用实际案例来带大家一起拓展新风格 — 几何装饰主义：

• 什么是几何装饰主义
• 有哪些风格特征
• 具体的设计流程（实例演示）

教程效果图

一、什么是几何装饰主义

我们可以理解为一种富有几何感的抽象化装饰图形。它源自于上世纪二十年代的「装饰艺术运动」。

当时的社会，批量化、机械化的生产方式越来越普遍，生产效率变得尤为重要，而这种形态简约几何的产品能满足产量大、需求高的生产需求。同时，为了不因生产效率而导致审美降级，于是开始这种风格中寻找一种抽象美与形式美，慢慢的便形成了最初的「装饰主义风格」。

除了了解社会背景的影响，我们还需要一个更加具像化的视觉语言来讲述装饰主义的风格来源。装饰主义受到的的风格影响来源广泛，这里就以平面设计为例来举出一些比较有代表性的风格来源。

1.影响与发展

（1）古老艺术风格

古老的传统艺术，包括不限于原始部落艺术、古埃及古罗马艺术、东方传统艺术等等。

因为古早时期制作技法和工具都比较原始落后，所以产生艺术作品都将现实事物大大简化，从而呈现出比较粗旷、抽象而又神秘的美感，这也与装饰主义运动的审美追求不谋而合。

（2）前卫艺术风格

于二十世纪早期出现，其艺术风格具有大胆的视觉表现和对比强烈的配色。包括不限于立体主义、分离派、构成主义等等。

因为产生发展的年代也更贴近装饰主义运动，所以对「装饰主义」的影响也更加深刻。

（3）早期装饰主义风格

这里主要以卡桑德拉的海报设计为例，他的很多作品都是「装饰艺术」的经典作品。

可以观察到它们视觉表达都是具有强烈的几何感，形态精炼非常的干净利落，同时具有高度象征性，主体形象也十分鲜明，再加上明度对比和色相对比都非常强烈，最后呈现的效果非常吸引人。

（4）现代几何装饰主义风格

到了现代之后，为了满足各式各样的需求，几何装饰主义的发展也更加的多元化，融入了各种表现对象，以及各种艺术风格，整体视觉表现更加自由。

不难发现，无论是古早的原始艺术，还是前卫的抽象艺术，都可以成为我们现代几何装饰艺术的灵感来源，让我们的设计作品更具独创性！

2.共性特征

看了四个阶段的几何装饰艺术，想必大家对于这种艺术风格有了初印象。接下来我总结一下这种艺术风格的特点：几何感、装饰性、时尚感新鲜感、强烈配色。

（1）几何感与装饰性

虽然以上各个时期的装饰艺术都各有特点，但他们始终都是秉承着几何感与装饰性的特点的。所以这两点是主要特点。

（2）时尚感新鲜感

其次它们的表现对象都各具特色，无论是古早艺术的神秘色彩还是二十年代的异域风情融合，他们的表现对象都更加具有时尚感新鲜感。

（3）强烈配色

最后纵观颜色搭配，无论是明度对比，还是色相的对比，都比较强烈，搭配简练的视觉形态，整体的视觉冲击力都更强烈。

二、风格表现思路

现在我用 3 个案例讲解一下这种风格的表现思路。

1.表现对象

（1）图形

图形是一种非常符合几何定义的表现对象。它的优点在于视觉形态的制作方法比较简单，需要的制作技巧要求不高。也因为它更加抽象的视觉形态，最后呈现的效果能够给观众带来更多的想象空间。而难点就在于表现思路上，对主题是否了解，所选择的几何形体是否契合主题。

（2）文字

以文字作为表现对象有两个思路，一个就是文字图形化，顾名思义也就是将常规字体笔画替换为几何图形从而达到图形化的效果。

另一个将常规字库字体图案化，可以选择图形感较强的象形文字，也可以选择更常规易读文字，在一个版面上做出大小变化，角度变化等等，从而形成一种装饰图案的效果。

（3）插画

相对而言，这种表现对象更能为大众所接受一些，因为其视觉形态没有那么的抽象，表现的内容也非常丰富，可以表现某个实际的物体，某个场景或者某个故事等等。整体的效果也更加丰富。

（4）表现技法

分为线条、色块、渐变、质感四个方面。前面三个都比较好理解，质感所包含的范畴比较广阔，像是噪点，斑驳等等各种肌理效果都在此范围内，可根据实际需要发挥。同时，这四个方向也可以搭配使用，比如线条与色块、色块与质感等等。

2.呈现方式

（1）框架感

让人能够一眼看出整体形态的大框架，强调整体形态上呈现出一个比较规则的形态。如下图整体大框架就呈现一个矩形。

（2）节奏感

这里与框架感处于一个对立的方向，以上强调规则的形态，而这里则强调整体形态高矮胖瘦的变化而带来的节奏感，从而呈现出一个更加灵活的版面。

（3）秩序感

这里强调的则是形态框架之间的秩序关系，图①的大图和右边四个小图之间是一个比较简单的秩序关系，图②字母大小及摆位的设定也是一种秩序关系，图③的秩序关系则更加复杂。

除了形态框架上，秩序感也可以从其他方面去理解，比如颜色搭配上、图形设定上等等。

三、设计流程

了解以上几个表现思路之后，接下来进入实际操作阶段。

具体流程如下：

1.分析主题确定表现思路

最适合的表现思路才是最好的，所以对于主题的分析了解是一个重要的步骤。我们分别来看这 3个案例的思路。

案例一

这首歌是比较黑暗晦涩，且具有实验性质的后朋克，用更为抽象的图形表达会比较适合。

接下来确立更具体的主体物，即乐队的logo——潘洛斯三角。但如果只是表现一个潘洛斯三角难免会少一些趣味性，所以这里做了一个风格融合。

这里风格融合概念的底层逻辑就是把相同性质的风格融合在一起。潘洛斯三角的性质其实是一种二维的视觉效应图形，具有同样性质的风格比如「欧普风」。通过线条粗细对比，产生视觉效应就是欧普风中的一种。

那么第一个主题的表现关键词：图形、欧普、线条、秩序感。

案例二

这首歌给我比较深的印象在于机械音、重复性歌词、disco等等。其中全程重复的歌词简直洗脑！所以这里选择文字作为它的表现对象，以及disco所带来的方格元素，光感等等。

这里确立的表现关键词：文字、方块、渐变、框架感。

案例三

这首歌的风格气质更加的流行，歌词的描述也更加具体易懂，所以选择更能为大众所理解的表现对象 — 插画。表现的具体事物也根据歌词的描述，提取出一些关键词表现整体的场景。

这里确立的表现关键词：插画、质感、线条、节奏感。

2.确立大框架

首先建立一个等距网格，根据预计的图案复杂程度调整网格的疏密，然后确定好图案大概框架或者草图。

这个步骤可以缓解大家遇到一片空白无从下手的问题，也可以帮助我们更合理地规范图案的比例关系。

3.细化版面

接下来，根据我们所设定好的大框架，或者草图细化图案。

案例一

这里大概思路是，首先做潘洛斯三角部分，再设定好四种粗细不同的四根线条，最后用潘洛斯三角的三个面，分别对三个粗细线条进行裁剪。

首先是潘洛斯三角部分，打开illustrator。

用混合工具设定好间距相同，但粗细不同的四种线条，再将它们扩展，然后对象-路径-轮廓化描边，以方便我们后续裁剪。

将线条与图形叠压对齐。

选中三角的其中一个面与一组线条进行布尔运算-裁剪。

其他部分同理，都是做面与线的裁剪。最后呈现出一组效果。

案例二

这里的难点在于涉及到非常多字母的摆位及大小设定。

首先设定好字母与字距在网格中的大小，排列组合之后，得到整体图案的宽高大小。再进一步区分开字母的不同字高，最后再根据版面需要加入一些辅助元素。

案例三

这部分在软件操作上比较简单，难点在于图形的表达思路，需要一步一步细化的。

如下图，一开始能想到的可能只有 1-2 个主题，在网格中设定好它们的大小占比后，根据设计思路，添加一些辅助性的元素，一步一步把图案填满，最后再进行一些细节调整。

4.配色思路

整体图形细化完成之后，就需要赋予它一个合适的配色。几何装饰主义的配色会更加浓郁大胆，对比强烈，经常涉及一些对比色的使用。那么这里再来说说对比色的使用~

通常我们在使用对比色的时候经常会遇到的问题：的确对比强烈，很吸引人眼球，但是观看舒适度上远远不够，眼睛不自觉的就辣了起来。

所以给大家提供 4 种用好对比色的方法。

（1）一弱一强

对比色两方都非常浓烈，从而引起不舒适的情况，所以这里将其中一个弱化，突出另外一个，达到既有对比又不会引起不适的效果。我们也可以分为三个方面去调整，分别是：饱和度、明度、面积。

（2）拉近色相

对比色是在色轮处于 180° 对立状态的两个颜色，如果尝试稍微偏移一下它的色相的话，对比也就没那么强了。

（3）分隔（描边）

此为物理疗法，是因为我们经常会觉得对比色交界的地方，会让人有类似重影一样的不舒适情况，这个时候可以在交接的地方加入其他颜色，使它们分隔开，这种不舒适也会缓解很多~

（4）过渡

把这两个颜色，分别一分为二，可以在明度上，或在色相或者饱和度上调整，目的是为了让它们俩个颜色之间有一些过渡，这样对比就不会特别强烈。

我选择的是蓝色在明度上一分为二，橙色在色相上一分为二，这样既有明暗对比，也有色相对比~

以上的方法也可以综合使用，总之，一切以达到满意的效果为准，

最终效果图

文章到此就结束啦！试着根据我所讲的内容，动手做一张「几何装饰主义」海报吧！在讲求设计效率，也讲求美感的的当下，也需要这种风格来丰富我们的海报风格类型哦。

如果你想系统学平面设计，掌握流行风向标，这里推荐一下我正在讲课的「优设平面设计实战营」，新一期就要发车啦！

本期课程新升级，拓展多种设计风格：酸性设计、国际主义、弥散光、新丑风等等。以下的作品来自优设平面设计实战营。

赶快添加咨询师微信【大胖： uisdc2 】【国庆：uisdc3 】​​​​，抢占优惠名额和优质设计素材吧！

想要来「优优自学团」和500位小伙伴一起交流学习进步吗？
添加管理员微信：uisdc2 备注「优优自学团」（无备注不通过哦）

学完这篇教程的人还在学…

[link https://uiiiuiii.com/photoshop/1212410736.html]