火星网校
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 度角投射。
打破常规的配色
在配色上，为了制造出独特的印象，「新粗野主义」风格会在配色上使用多数配色方案中不会使用的「冲突」的配色，比如通常会显得很土的红绿配色，红蓝配色。
虽然颜色会对比强烈，但是在饱和度上会被降低到一个让人舒适的程度，这也是「新粗野主义」和传统「粗野主义」有差别的地方。
刻意「粗野」化
「新粗野主义」一个相当重要的特质，是它会使用设计工具的默认形状工具来构建各种视觉元素，你无需去寻找太多第三方的素材。因为这种风格需要刻意地营造「粗野」的感觉，自带的形状工具和效果足以满足很多需求，为了营造出这种粗糙、不一致的感觉，还会使用不同的样式，在细节上刻意错位，就像下方的案例所演示的那样：
而这种刻意「粗野」化的设计变相的增加了这种设计个人的亲近感，它会让人觉得「我也可以做出来」。
更为规整的字体和排版
字体排版在「新粗野主义」当中起着非常重要的作用。相比于更为放飞的粗野主义风格，「新粗野主义」中的字体排版会更加规整和传统，它不会使用太「酷」的字体，为了确保可读性，而使用更为简约的字体。
在排版上也保持了充足的留白，由于用色可能会比较跳，所以字体会用的比普通的更粗，确保文本和整个风格匹配。
为了制造意外和「惊喜」的感觉，有的部分在背景和图形的对比度上，会非常独特甚至有点恼人，但是这些刻意让人「意外」的设计，是为了让人停下来多看看，大概逻辑类似于让人觉得「太怪了，再看两眼」。
藏着小心思的插图
插画和插画元素在这种风格中，可能不会那么显眼，因为在「新粗野主义」设计中，强烈的撞色可能会极大地吸引人的注意力。不过，各种描边线条加持下，能够强化插画和插图的存在感，使用视差效果的小插画元素能够让插画更加动感，看起来乱，但是足够有趣。
总结
这是一种源自于粗野主义的风格，但是在细节上又更为克制，不同于现在千篇一律的视觉设计风格走向，容易上手也特别容易做出效果。它绝不是将会是占据主流的视觉风格，但却是值得尝试的新风格走向，不是吗？
来源：优设网
下一篇 如何使用PS快速排版作品集？
-
2101期学员李思庭作品
-
2104期学员林雪茹作品
-
2107期学员赵凌作品
-
2107期学员赵燃作品
-
2106期学员徐正浩作品
-
2106期学员弓莉作品
-
2105期学员白羽新作品
-
2107期学员王佳蕊作品
热门课程
专业讲师指导 快速摆脱技能困惑
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题，火星帮你解答-
探讨并理解游戏开发中的UE5网络课程，提升游戏开发者的技能和专业知识，是教育游戏开发的重要途径。
-
此文章将详细介绍UE5智慧城市课程的内容，学习路径以及如何通过该课程提升个人技能。浓厚的实践性质让学生在学习中得到真实成果。
-
对于热衷游戏开发和设计的从业者和学习者，火星时代教育提供了高质量的UE5就业培训课程和教育资源，使学员能够在实际工作中更好地应......
-
探讨UE5模拟仿真如何在培训基地进行技术学习的实际应用，以及这如何改变教育培训的方式。
-
本文章详细探讨UE5设计师的学习费用,帮助读者理解在掌握UE5的设计和开发技能上需要的投资。
-
本篇文章将详细讲解UE5数字展厅培训班价格以及课程内容。其中还将包含具体的课程特色介绍，以及火星时代教育平台在相关培训方案的设......
