2022最新盘点,这些设计趋势今年会怎样?

49 篇文章 0 订阅
28 篇文章 0 订阅

在2021年,我们看到了很多有关三维与现实结合、emoji、自然元素、视错觉、黄金元素和其他令人惊叹的设计作品与趋势带来的视觉冲击。在新的一年, 这些设计元素可能会发生一些什么样的改变,让我们来看看最新的2022设计趋势吧!

  • 色彩趋势

轻量渐变

首先值得一说的是轻量渐变,轻量渐变属于弱渐变范畴,其特点为渐变色彩邻近,幅度轻柔,节奏缓慢,融合感和细腻感较强。

因为轻量渐变多会选择那些明度高、饱和度低的邻近色,所以能很好地表达出设计中的“呼吸感”。这种呼吸感和通透感给人的感觉非常清新,所以在2022年应该还会持续地流行下去。

高饱和度撞色

高饱和度色系的应用在2020年就已经成为了重要趋势之一,因为高饱和度的色彩更能吸引人的注意力,从而有效的吸引用户的视觉落点。

可尽管“吸睛”对品牌来说非常重要,但我们在使用时仍需克制,因为过高饱和度的搭配,往往会给页面的一体性造成一定程度上的背离,且非常容易带来视觉疲劳。

所以设计师在使用这类颜色时,也通常会对其饱和度和明度进行一定程度的降低,让颜色“丰盈却不拥挤”,从而保证我们视觉上的舒适性。

另外,从高饱和的UI案例中我们也能够看到,在搭配色彩时,选用大量的邻近色营造氛围,再用一两个对比色产生冲突,就会使得整个页面轻重相平衡,带来不错的视觉体验。

糖果色

糖果色以粉色、粉蓝色、粉绿色、粉黄色、明艳紫、柠檬黄、宝石蓝和芥末绿等甜蜜的女性色彩为主色调,它能带来一种纤细,柔软的感觉。所以哪怕一个画面中出现过多的色彩,也不会让人觉得很冲突和背离!

  • 图形趋势

emoji表情

表情符号在现如今是一个超越文本并且能够得到广泛认知、跨越文化和多领域的一种视觉语言,在文字段落的末尾加上 Emoji 能够更好传达情绪,这使得表情符号不仅在网页、文本甚至在海报中作为主视觉,都能带来非常不错的氛围感。

在2021年,emoji不仅被广泛应用起来,还被广泛3D化。加上阴影效果的emoji,其情绪的传达也变得更加丰富。

2022,emoji的表达依旧会持续进行,只是其形式会更加丰富,例如这种“假3D”效果等

3D化

说到了emoji的3D表达,就不得不说2021最为流行的一个设计趋势,那就是大量的平面内容通过增加了阴影的效果而被立体的表达了出来。

像我们熟悉的苹果应用程序icon等,其设计细节都因此变得更加的丰富而有层次。

而2022,3D设计趋势也会通过不断的发展进一步明确了其自身的地位。它能够为设计师提供无限的可能性,为任何你能想象的东西提供更多可发挥的空间。

2022年我们也会看到更多关于2D和3D之间完美结合的设计,像下图的案例,手绘线条的手指和球体表情之间的互动,不仅让整个页面显得更加有趣生动,还能使2D3D这两种设计方式的优点都能得到更充分的展现。

270e8f3a9045870bffea3c57e2842255.gif

玻璃拟态

同样,在2021年超级流行的毛玻璃效果,我们也会在2022年看见更加丰富的表达~

比如最近在dribble上很火的这组效果图,就是在平面的基础上,将毛玻璃的效果运用在3D的物体上,让整体的虚实感更加的生动,也会给设计增加一点与众不同的活力。

format,png

除此以外,我们还可以看到的,这一趋势已经明显转移到了玻璃和水晶质感上,而且以令人难以置信的用立体拟真度将图形设计提升到了一个全新的高度。所以,2022我们也将看到更多与全息和3D趋势相辅相成的透明质感和逼真的玻璃背景等元素的设计。

c7228e64d6a33bb24b7f5ed12d5469d3.gif

几何抽象

完全不同于写实的3D风格,2022年的设计风格可能也会开始往抽象发展。用几何图形来表达意象,用色彩传达情感。少了繁琐的装饰,用更简洁有力的方式去传达设计理念。

当分形形状与色彩完美结合时,就可以创建出极具吸引力的视觉效果。

a1bce1da9d209654d9c8ca39b749f270.gif

  • 结 语

的确,每年的设计趋势似乎总有相似的地方,2022年的设计风格也是在2021的基础上进行演变和发展的。所以更重要的是,我们要学会持续地积累这些设计素材,并不断地审视自己的设计作品,学会将他人的设计思路结合在自己的设计灵感上,才能成为一个一直拥有输出能力的设计师~

摹客DT - 更懂中国设计师的UI设计工具

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值