旧年留学归国人数达53.56万—旧事—科学网

探索 17℃

每年你会在优设看到大量的设计设计趋势预测和总结类的文章 ,其中有的趋势出自腾讯这样的头部公司,有的正悄出自 Uxdesign.cc 和 Graphicmama 这样的知名设计博客,还有的然流则可能会出自行业内的知名设计师  。在这当中资深设计师 Michal Malewicz 就是行的新粗一位曾经多次预测过重要设计趋势的「趋势观察家」。

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

最近,Michal Malewicz 又开始搞事情了,趋势他在这篇文章当中预测了新风格 。正悄在聊他的然流新预测之前 ,我们先看看他之前所「斩获」的行的新粗各种设计风格吧:

Michal Malewicz 之前的趋势预测

2019年年底,他预测了新拟物化(Neumorphism)可能会流行  :

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

之后随着 iOS、macOS 的趋势视觉风格调整,微软的正悄 Fluent Design 开始影响 Windows 11 的视觉风格 ,他在 2020 的时候 ,相对准确地提出「玻璃拟物化」风格的流行:

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

随后 ,在渐变光影的「玻璃拟物化」流行的背景下,他在 2021 年出又探讨了「极光风」视觉效果的流行和制作的可行性:

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

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

随后在 2021 年年底,随着 NFT 市场上行,3D 数字藏品的设计开始逆向为 UI 设计输出资源,他敏锐地注意到「粘土拟物化」的出现 :

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

当然 , 10 年前那样扁平化设计彻底推翻拟物化 ,成为席卷整个领域的主流风格,这样的设计估计一时半会不会再次发生 ,但是比较有特色的视觉风格分支小范围内流行,却又总是会发生 。Michal Malewicz 之前预测的几个风格当中 ,「玻璃拟物化」和「极光风」如今在 UI 设计中多有应用 ,「粘土拟物化」则相对见的比较少。

最近他又注意到一种新的设计风格正在小范围内流行,Michal Malewicz 将这种正在被设计师们所青睐的风格命名为「新粗野主义」 。

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

「新粗野主义」不会「颠覆一切」

Michal 用一句话总结这种「新粗野主义」设计风格就是「一种融合了混乱视觉效果和优秀排版的全新视觉样式」。

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

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

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

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

Material Design

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

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

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

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

Yan Ageenko / Mitya Andrievskiy

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

带倾斜角度的硬阴影

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

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

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

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

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

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

打破常规的配色

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

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

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

刻意「粗野」化

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

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

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

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

更为规整的字体和排版

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

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

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

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

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

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

藏着小心思的插图

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

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

总结

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