查看原文
其他

聊聊2022年十大UI设计趋势

UI设计达人 2022-05-22

The following article is from 设长 Author 设长

好的UI设计不仅可以让软件变得更有个性、有品位,还可以让软件的操作变得更为舒适和简单。


今天就和大家分享2022年十大UI设计趋势!




01
3D动画 
3D and Animations

3D元素和动画是这两年比较火的话题,动画是UI设计中,用户体验的重要部分之一,3D是设计领域中的重要类别之一。


将3D与动画结合在一起,有助于帮助观者提供更加全面的视觉效果,比如下面的案例,让声音、动画、视频等更多的多媒体参与,丰富界面多层次的表现,充分调动观者的五感体验,增强视觉效果,增加观者对UI设计的兴趣,视觉上更具新鲜感和现代化。


关键词:新鲜感、现代化、互动性、吸引力




02
人性化表情符号
Fun optimistic designs

在过去的十年里,表情符号已经成为我们在网络上交流方式中不可或缺的一部分。


在版式上选择一些有趣表情符号出现,大多数可以以面孔的表情特征来作为图像,这些网页设计的特点通常是使用以面孔的表情、较轻的字体、有趣的字体、时髦的形状和颜色等来表现。这样的视觉效果给人一种亲近而有趣。

关键词:人性化、真实感、互动性




03
大字体效果
Big bold experimental typography

选择大字体效果设计风格,是一种急速流行的设计风格,也可以称之为大标题设计风格。画面中将标题放大,再搭配上其他元素,在最短的时间内了解到设计的元素,抓住观者的注意力。


选择大字体效果可以是从轮廓到彩色字体,再到变化的形状和填充,粗体和实验性的字体。具体选择根据画面要求来搭配。


关键词:吸引力、记忆点、品牌色




04
毛玻璃拟物态 
Blur background Glassmorphism

毛玻璃效果在2021年的下半年可谓是新崛起的一种流行手法,外观让人联想到玻璃的设计元素,有透明、粗糙或光泽度的设计元素在内。


毛玻璃它最大的特征就是通透感和微透光,透过上层设计能看到底部色彩微妙的变化,丰富了设计质感的细腻度。这样的质感可以丰富UI界面的细节元素,打破这几年单一扁平化的设计。


关键词:细腻度、轻玻璃质感、通透、层次感




05
怀旧复古
90s Nostalgia/Retro

我们总是在说,复古一直流行,为什么复古的设计元素会一直流行?因为复古的设计元素在这10年间所流行的排版、配色都非常地具有代表性,这么多年积累在这个阶段融会贯通,塑造出一系列风格统一而充满个性的设计风尚。


我们可以通过孟菲斯设计的模式、简单表情符号和原始互联网框架体验90年代的设计效果,选择颜色饱和度较低的颜色,与浓郁饱满的色系碰撞,纹理、色彩、形状、特定的噪点效果结合营造一股复古氛围。


关键词:韵味感、吸引力、怀旧感




06
弥散式渐变 
Gradients

2022年,渐变采用了新的形式——弥散式渐变,文本颜色填充可以提供最大的视觉效果,在插图或图标中填充其他线条可以创建纹理深度效果。


弥散式通过色彩渐变模糊,形成虚实集合的有色光感效果,颜色和颜色之间比较自然的渐进变化,让整体的气质变得更加柔和,给人一种虚实结合的魔幻感。


关键词:记忆点、丰富画面、吸引力




07
不规则拼接艺术
Extraordinary Imagery

不规则拼接艺术的设计效果是把真实和想象结合起来,创造出非常非凡的形象。想象力可以被无限地放大。


不规则拼接设计的灵感来源于拼贴艺术,这是一种不限制创作材料的、超现实的、将元素解构并重组的一种艺术创作手法。我们可以混搭元素,字体元素可以是手写体、衬线体、无衬线体的混合使用,图片元素可以是涂鸦、插画、图片、矢量图形、可以是抽象的和具象的、黑白、彩色等,在不规则拼接艺术设计上,可以大胆一点!也可以选择叠加、描边与色块、解构与超现实组合等。


关键词:个性、大胆、吸引力




08
极简黑白
Black and White

黑白是最经典的配色,跟任何颜色都能搭配,并且黑白有一种时尚简约的美。


如果选择黑白,在黑白的限制范围内思考和设计,可以释放并帮助激发创造力,设计效果可以绝对令人震惊。在设计中,我们也可以添加一些明亮或大胆的强调色,以帮助推动交互并向用户展示如何处理设计,给用户展示一种既能与黑白的鲜明搭配又能吸引到客户。


关键词:交互性、极简性、品牌色




09
深色模式
 Dark Mode

随着Android、ios、Windows进入了深色用户界面,现在每个应用程序都有包含深色模式。


深色主题不仅可以为一些视力受损的用户提供了更好的可视性。深色主题还降低了ole对 手机的功耗,很好地增加不同创意成分出现。



关键词:良好的视觉效果、降低对电池的损耗



10
色彩丰富 
Vivid Colors

通过鲜明的色彩对比和丰富的视觉细节,可以突出网站/应用程序的重要部分。


丰富的色彩,给人的视觉效果是心情愉悦的。色彩之间更是能够互相搭配组合,创造出不同的世界效果。


关键词:丰富、亮点


注:以上图片仅供欣赏,版权归属设计者所有

主页君个人微信

添加主页君个人微信领取:大厂设计规范及组件库、免商中文字体、样机、作品集等



推荐阅读

(点击标题可跳转阅读)

i茅台APP上线,出道即巅峰Behance首页推荐的作品集这么高级,我们能从中学到什么?
如何给UI设计加分,看看大厂的交互动效设计是怎么做的
回复 灵感 下载UI设计灵感合辑
点个 “ 在看” 好文不断

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存