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)
Inspirr的头像Inspirr订阅用户
上一篇 2022年6月20日 23:51
下一篇 2022年6月21日

相关推荐

  • 如何通过体验设计手段赢得用户的信赖感

    在制定产品体验目标时,「可信赖」一词被多次提到,那麽,如何通过体验设计手段赢得用户的信赖感呢?专业与信赖的关系密不可分,只有展现出产品的专业程度,才能有利於快速获取到新用户的信任。而在高质量的内容基础…

    2022年6月25日
    0229
  • 关于公司网页制作流程。

    1. 需求分析,2. 设计规划,3. 页面制作,4. 功能开发,5. 测试优化,6. 上线部署,7. 维护更新 (图片来源网络,侵删) 公司网页制作流程是一个复杂的过程,涉及到多个步骤和环节,以下是详细的公司网页制作流程:…

    2024年7月1日
    00
  • 小编教你在网站建设中网页设计如何避免页面混乱。

    网站建设和网页设计是几乎所有在企业管理层工作的人都必须面对的问题,但只有设计专业人士真正了解它  如果你想要一个好的网页设计,你必须学习基础知识,这样你才能表达你想要的。  即使你雇佣了一个专业人员来设…

    2023年6月18日
    03
  • 提升网页设计可用性的2个小技巧

    页面突出一个想要强调的焦点 很明显,每个页面都会有一个想要呈现的重要内容、元素、数据,以此帮助用户确定出一定的浏览目标。这样也能够形成视觉上的对比,减少用户继续走马观花的浏览。具体做法如页面标题部分合…

    2022年6月11日
    0118
  • 关于网页设计dreamweaver教程 网页设计制作软件,对Dreamweaver网页设计制作软件的认识。

    谈谈你对dreamweaver的认识 1、Dreamweaver 是 Macromedia 公司的产品的另一款所见即所得的网页编辑工具,或称网页排版软件。与 Frontpage 不同,Deamweaver 采用的是 Mac 机浮动面版的设计风格,对于初学者来说可…

    2024年6月16日
    00
  • 界面数据可视化图表的分类

    界面设计中所使用到的元素少不了数据,而数据可视化图表的分类又有哪些? 1、 柱状图 使用二维数据集,只有一个维度需要比较。优点是直观明显,辨识效果比较好。缺点是只适合小规模的数据使用。 2、 折线图 适合二…

    2022年6月25日
    0137
  • 控件如何设计,UI设计中9个常用的控件规范。

    UI设计中常见的控件设计都有哪些规范?本文总结了按钮、多选、单选、切换、文本输入框、下拉选择、列表框、下拉按钮、滑块9个控件的设计规范。我们在设计 UI 界面的时候,有一些控件几乎总是会用到。用户熟悉了它们…

    2023年3月2日 SEO操作
    05
  • 什麽是分屏设计

      习惯使用一栏式来进行网页设计,若果能够合理地将网页一分为二,会让用户感到更加新鲜。简单来说,将网页当中并排的两栏呈现不同的资讯,是分屏式设计的最突出的特点。两边的资讯可以包含相同类型的元素,也…

    2022年6月25日
    0112

联系我们

QQ:951076433

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