2022正在悄然流行的「新粗野主义」设计风格

资深设计师 Michal Malewicz 是一位曾经多次预测过重要设计趋势的「趋势观察家」，Michal 用一句话总结这种「新粗野主义」设计风格就是「一种融合了混乱视觉效果和优秀排版的全新视觉样式」。

不过作为一个多次作出预测的「趋势观察家」，Michal 在文章开头就清醒地说道：

「我今天要讲的这个风格，不会在（不同风格的）人气竞赛中获胜。新粗野主义（Neubrutalism，或一些人所说的Neobrutalism），是网页设计中的常见的粗野主义风格和更现代的排版、插图和动画标准的混合。

（虽然它不会是一种颠覆性的风格）但是它的存在让我非常高兴，因为我们确实需要（不同视觉风格的）替代品，否则我们的 UI 会变得乏味和重复，我不想看到另外一个 Material Design 接管一切。」



Material Design

「粗野主义」设计风格其实是源自于 上世纪 50 年代的一种建筑风格，放弃装饰，使用混凝土「简单粗暴」地堆砌出清晰的几何轮廓，这很大程度上是因为建筑师们对于当时的建筑风格感到厌倦，而这种状况和如今的 UI 设计领域的情形，非常相似。



而平面设计领域的「粗野主义」设计风格的流行，也是为了打破千篇一律的视觉风格，使用突破常规的排版布局，各种打破边界的元素，刻意冲突的配色方案，甚至会刻意去模拟上世纪 90 年代网页上的一些元素和那种古早的搭配方式：



Yan Ageenko / Mitya Andrievskiy

而 Michal Malewicz 所说的「新粗野主义」设计，则更加摩登和现代，甚至在粗野之余还有点克制。

带倾斜角度的硬阴影

想必我们都很熟悉「在 UI 界面中不要使用纯黑色」这个规则，在绝大多数情况下，UI界面中眼睛看到的黑色通常偏向深灰，或者带有主色的颜色倾向，保持协调，就像下面的案例中，左边的黑色会带有一点红色的倾向。但是在「新粗野主义」当中，则不是如此，可以使用纯黑（#000000）来增加色彩的对比度和戏剧性。



在现在绝大多数的 UI 界面当中，控件和按钮通常会使用柔和微妙的投影，但是在「新粗野主义」的风格之下，直接使用硬挺清晰的黑色投影来构建清晰的对比。



而且，为了制造出伪3D的等轴测效果，这个硬阴影会向右下方 45 度角投射。



打破常规的配色

在配色上，为了制造出独特的印象，「新粗野主义」风格会在配色上使用多数配色方案中不会使用的「冲突」的配色，比如通常会显得很土的红绿配色，红蓝配色。



虽然颜色会对比强烈，但是在饱和度上会被降低到一个让人舒适的程度，这也是「新粗野主义」和传统「粗野主义」有差别的地方。

刻意「粗野」化

「新粗野主义」一个相当重要的特质，是它会使用设计工具的默认形状工具来构建各种视觉元素，你无需去寻找太多第三方的素材。因为这种风格需要刻意地营造「粗野」的感觉，自带的形状工具和效果足以满足很多需求，为了营造出这种粗糙、不一致的感觉，还会使用不同的样式，在细节上刻意错位，就像下方的案例所演示的那样：




而这种刻意「粗野」化的设计变相的增加了这种设计个人的亲近感，它会让人觉得「我也可以做出来」。

更为规整的字体和排版

字体排版在「新粗野主义」当中起着非常重要的作用。相比于更为放飞的粗野主义风格，「新粗野主义」中的字体排版会更加规整和传统，它不会使用太「酷」的字体，为了确保可读性，而使用更为简约的字体。



在排版上也保持了充足的留白，由于用色可能会比较跳，所以字体会用的比普通的更粗，确保文本和整个风格匹配。



为了制造意外和「惊喜」的感觉，有的部分在背景和图形的对比度上，会非常独特甚至有点恼人，但是这些刻意让人「意外」的设计，是为了让人停下来多看看，大概逻辑类似于让人觉得「太怪了，再看两眼」。



藏着小心思的插图

插画和插画元素在这种风格中，可能不会那么显眼，因为在「新粗野主义」设计中，强烈的撞色可能会极大地吸引人的注意力。不过，各种描边线条加持下，能够强化插画和插图的存在感，使用视差效果的小插画元素能够让插画更加动感，看起来乱，但是足够有趣。



总结

这是一种源自于粗野主义的风格，但是在细节上又更为克制，不同于现在千篇一律的视觉设计风格走向，容易上手也特别容易做出效果。它绝不是将会是占据主流的视觉风格，但却是值得尝试的新风格走向，不是吗？