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

每年你会在优设看到大量的设计趋势预测和总结类的文章,其中有的出自腾讯这样的头部公司,有的出自
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 设计趋势!正在悄然流行的「新粗野主义」风格

总结

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

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/233006.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚重蔚管理团队
上一篇 2023年3月1日 12:33
下一篇 2023年3月1日 12:34

相关推荐

  • 教你网站设计的灵感来自哪里。

    网站设计的目的就是要吸引游客,除了吸引游客还要留的住访问者。利用各种信息放在网页上需要各种的巧思妙想。但是网站设计的灵感来自哪里呢。网站设计要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感。因…

    2023年6月13日 运营推广
    00
  • 网页设计三招分散用户痛点

    一、 全面多维度的视角 网页设计固然要注重细节质感,但是过於注重而忽略了全面多围度的视角去发现和结局问题。单一的只解决用户痛点并不是合理的,因为割裂了整体,脱离整体去解决或者优化是矛盾的做法! 二、 统…

    2022年6月15日
    0146
  • 关于psd格式如何转换成html。

    将PSD格式转换为HTML涉及图形设计到网页开发的转换,这个过程通常包括以下步骤: (图片来源网络,侵删) 1、理解PSD文件结构: 打开你的PSD文件,仔细查看图层、文件夹、切片等元素。 了解每个图层和文件夹的作用…

    2024年6月26日
    03
  • 传统的两种页面分隔线形式

    在页面设计过程中,最传统的分隔方式是线条。直观而便捷地就就可以将视觉和内容中需要区分的进行区分,让页面层次结构更加明确,便於浏览和操作。除此之外,还有以下两种常见的分隔形式: 1、全出血位分隔线 全出血…

    2022年6月25日
    0177
  • 正解网站页面设计应赋予可观性、可读性、美观性三大原则。

    为了让用户更容易获取信息,网页布局设计需要使图片和文本相互配合,让视觉图片营造一种氛围,优先将一般信息和感觉传递给用户,而文本则提供详细准确的内容,以确保信息准确无误。可用。文本也需要尽可能容易理解…

    2023年2月17日
    015
  • APP推广方式有哪些?如何选择合适的APP推广渠道

    在APP的推广当中,选择的推广渠道决定了用户的主要来源,以及用户质量的高低。为了让APP达到最佳的推广效果,运营人员应该根据预算、成本、用户群定位、APP定位、渠道属性等,为APP选择合适的推广渠道。 下面,我将…

    2019年3月18日
    0129
  • 我来教你网站设计中提升用户体验的五大方法是什么。

    现代网页设计已经离不开用户体验,用户需求不断改变,想要在竞争日益激烈的今天取得领先,首先需要在网页上留住用户。 一、简化流程 用户在登录网站时通常会有一个明确目标,他们希望能尽快达成这个目标,因此,最…

    2023年6月15日
    02
  • 网页设计案例:哪些网页设计技巧让网站更出众

    想让企业网站能在同行中脱颖而出,有创意的网页设计绝对不能少。一个成功的创意网页设计,需具备好的网页设计技巧,才能提高网站的用户体验,继而提升网站的浏览量和转化率。下面,南宁网页制作公司将和大家分享优…

    2022年6月25日 建站资讯
    0138

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息