2022年即将流行的UI设计趋势:新粗野主义风格

粗野主义风格,就像他名字所暗示一样,由一堆形态结构粗犷不羁的元素,承载着鲜艳的色彩,在拙稚粗劣的排版布局之下,所呈现出来的UI设计作品。然而,这种简单且粗暴的UI设计风格未必是所有品牌运用。

而新粗野主义风格,则是一种融合了拥有混乱视觉效果的粗野主义风格和优秀排版的全新视觉样式。Inspirr表示,虽然新粗野主义风格未必会被广泛运用,但作为即将流行的UI设计趋势,他的出现将会让我们的互联网产品摆脱了重复和乏味。

与粗野主义风格相比,新粗野主义风格有哪些特点?

粗野主义设计风格源於上世纪50年代的一种建筑风格。设计师们由於对当时的建筑风格感到厌倦,便放弃装饰,直接使用混凝土堆砌出清晰的几何轮廓。这种情况和如今人们开始厌倦极简主义风格UI设计,非常相似。

2022年即将流行的UI设计趋势:新粗野主义风格

UI设计趋势

在平面设计领域中,不少作品也开始流行「粗野主义」设计风格,使用突破常规的排布布局,各种打破边界的元素,以及刻意冲突的配色方案,甚至刻意模拟流行於上世纪90年代的网页设计元素和古早搭配方式,目的是为了打破千篇一律的视觉风格。

2022年即将流行的UI设计趋势:新粗野主义风格

UI设计趋势

而新粗野主义设计风格,则会比粗野主义风格更加摩登和现代,在表达「粗野」情感上也更为克制。

新粗野主义风格有哪些特别的设计手法?

UI设计手法一:带倾斜角度的硬阴影

在绝大多数情况,眼睛在UI设计中所看到的黑色通常都是偏深灰或带有主色倾向,以保持介面的协调。但在新粗野主义风格上,则可使用纯黑(#000000)来增加介面的戏剧性和色彩对比度。(如下图)

2022年即将流行的UI设计趋势:新粗野主义风格

UI设计趋势

另外,在绝大多数UI设计中,控件和按钮通常会使用柔和微妙的投影;但在新粗野主义风格上,则直接使用硬挺清晰的黑色投影来构建清晰的对比,同时为了制造出伪3D 的等轴测效果,这个硬阴影会向右下方45°投射。

2022年即将流行的UI设计趋势:新粗野主义风格

UI设计趋势

UI设计手法二:打破常规配色

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

2022年即将流行的UI设计趋势:新粗野主义风格

UI设计趋势

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

UI设计手法三:刻意「粗野」化

由於新粗野主义风格需要刻意营造出「粗野」的感觉,因此设计师无需去寻找太多第三方的素材。设计师只需要使用设计工具的默认形状工具来构建各种视觉元素,便可营造出新粗野主义风格的粗糙、不一致的感觉,同时还可使用不同的样式,在细节上可以错位。

2022年即将流行的UI设计趋势:新粗野主义风格

UI设计趋势

UI设计手法四:更为规整的字体和排版

字体应用和排版设计在新粗野主义风格上,同样起着非常重要的作用。相较於更为放飞的粗野主义风格,新粗野主义风格会使用更为简约的字体,以确保介面的可读性。

2022年即将流行的UI设计趋势:新粗野主义风格

UI设计趋势

另外,在排版设计上,新粗野主义风格也会更加规整和传统,同时也保持了充足的留白。由於新粗野主义风格的配色方案可能会比较跳跃,所以会使用更粗的字体,确保文本和整个风格匹配。

2022年即将流行的UI设计趋势:新粗野主义风格

UI设计趋势

UI设计手法五:藏着小心思的插图

在新粗野主义风格的UI设计中,强烈的撞色可能会极大程度地吸引网友的注意力,因此插画和插画元素在这种风格上,可能不会那麽显眼。

2022年即将流行的UI设计趋势:新粗野主义风格

UI设计趋势

不过,在各种描边线条的加持下,则会强化插画的存在感,搭配使用视差效果的小插画元素,则会让整个介面看起来更加动感、有趣。

不同於现在千篇一律的UI设计风格走向,新粗野主义风格将会更容易上手,也特别容易做出效果。尽管他未必能占据主流的UI设计视觉风格,但也是值得众多品牌尝试的UI设计趋势。

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

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

(0)
InspirrInspirr订阅用户
上一篇 2022年6月20日 23:51
下一篇 2022年6月21日 11:39

相关推荐

  • 从入门到实战!腾讯高手总结的C4D自学必备指南。

    导语 近年三维表现已经越来越多的融入到各种商业设计当中,在电商、品牌、UI、影视等各个领域都有广泛的运用。其中一个关键因素是 C4D 这款软件的出现,大大降低了 3D 设计的学习门槛。 C4D 相对于专业性更强、功能…

    2023年3月7日 SEO操作
    030
  • 分享网页设计中专业术语的替代词典你了解吗。

    几乎每个单词都有不止一个意思,这是一个普遍的真理,对于行业术语来说更是如此。如果你刚开始做网页设计,你需要知道每件事的真正含义,如果你想要获得成功。读了这篇文章,你就可以用你专业的新俚语来打击那些讨…

    2023年6月13日 运营推广
    00
  • 快速提升 UI 设计效果的 6 个小技巧 (UI 设计集-8)。

    编者按:在进行 UI 设计的时候,很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Mark Andrew 的文章梳理了 6 个实用性很强的 UI 效果提升小技巧,是系列文章的八篇,原文最早发布于 marcandre…

    2023年3月1日 SEO操作
    00
  • 或成为主流的两种网页设计风格

      几何图案以及全屏背景图 全屏背景图的设计是最受欢迎的背景网页设计风格之一,合理地使用大图将使用者的视线焦点进行抓取是非常不错的方式之一!在大多数的情况之下,利用好全尺寸图像作为主页的背景,文字…

    2022年6月25日
    0121
  • 内容设计与使用者体验  

      内容属於使用者体验的重要一个环节,很明显,幼稚的内容不仅仅能够解决使用者的需求,还能够呈现使用者消费的特徵。因此,在进行电商网站建设时,应该将内容纳入使用者体验的重要环节当中。 那究竟是什麽内…

    2022年6月25日
    0109
  • 盘点网站设计范例:探讨常见的网站类型有哪些

    无论是个人网站还是企业网站,选择合适的网站类型,才能在消费者心中留下深刻印象,增加访客对网站黏着度。因此,在设计网页时必须考虑两大要素:UI设计和UX设计,两者相辅相成,缺一不可。那麽,常见的网站类型有…

    2022年6月25日 建站资讯
    0219
  • 滚动样式设计的三个局限性

    用户难以往回查看以及确认当前的位置 很明显,在那麽长的页面当中,用户想要往回查看之前查看过的内容,是比较困难的。再者,若没有随着用户滚动而滚动的导航,用户也容易迷失自己的位置。 2、想要找寻特定信息时效…

    2022年6月25日
    0215
  • 网页设计技术趋势:你的品牌网站还留着这些过时设计吗?

    你的品牌网站还留着这些过时设计吗?网页设计趋势会随着时间而有不同的改变,如果品牌网站仍使用过时元素或网页设计技术,有可能会给消费者带来不佳的操作体验。因此,我们需要经常检视自己的品牌网站,避免成为网页…

    2022年6月20日
    0148

联系我们

QQ:951076433

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