当前位置:首页 >教程首页 > U I 设计 > UXD全链路设计大师班 >2022 设计趋势!正在悄然流行的「新粗野主义」风格

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

发布时间:2022-04-26 10:40:16

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

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

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

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

1.png

Material Design

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

2.png

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

3.png

Yan Ageenko / Mitya Andrievskiy

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

带倾斜角度的硬阴影

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

4.png

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

5.png

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

6.png

打破常规的配色

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

7.png

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

刻意「粗野」化

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

8.png8-2.png

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

更为规整的字体和排版

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

9.png

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

10.png

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

11.png

藏着小心思的插图

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

12.png

总结

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

来源:优设网

学员作品赏析
  • 2014期学员黄雨婷作品

    2014期学员黄雨婷作品

  • 2103期学员沈继龙作品

    2103期学员沈继龙作品

  • 2105期学员秦洋洋作品

    2105期学员秦洋洋作品

  • 2108期学员陆昶存作品

    2108期学员陆昶存作品

  • 2107期学员赵锦威作品

    2107期学员赵锦威作品

  • 2104期学员胡婷婷作品

    2104期学员胡婷婷作品

  • 2107期学员何亮作品

    2107期学员何亮作品

  • 2103期学员张子安作品

    2103期学员张子安作品

专业问题咨询

你担心的问题,火星帮你解答
  • 武汉游戏ui培训学校

    目前来说UI设计真正发展的比较好好的城市基本都在一线城市,真正的教学资源也都是在一线城市,有能力的UI设计老师更多的都是在一线......

  • 成都建筑手绘培训班

    建筑绘图是建筑师必须掌握的知识,尤其是手绘更能看的出设计师的专业素养,在绘图过程中,无论是结构线还是轮廓线都是整个画面的关键,......

  • blender和rhino建模哪个好学

    简单点来说,二者分属于两个不同的领域,blender用于娱乐动画领域而rhino用于工业领域,所以在很大程度上没有什么比较性可......

  • 哪有bleder建模培训班贵吗

    Blender软件是一款3D建模渲染软件,软件中为用户提供了渲染和建模两大功能,配合装配,动画,模拟,渲染,合成等等其他功能,......

  • 成都web前端培训班大概多少钱

    前端的发展一直都是很好的,而且在未来也依旧是不差的。所以对很多人来说,选择学web前端是一个不错的方向,但是也有很多同学担心培......

  • 零基础ai商业插画全能班

    很多小伙伴非常喜欢插画,从而产生了自己想要学习的念头,如果想要提升自己的能力又想实现经济自由,那么建议大家可以考虑学习商业插画......

×