咨询电话:400-810-1418服务与监督电话:400-810-1418转接2

2021UI设计趋势解析:帮你一网打尽流行风格

作者:Thor发布时间:2021年03月18日

每年的设计趋势都有改变,这是做设计的人都有的感受。今天我们就花点时间来讨论一下,2021年已经出现及可能会流行起来的UI/UX的设计趋势及风格。

一、3D

3D设计将有很大可能继续延续,成为2021年的设计趋势,广泛应用于UI、网站、角色、以及动画设计中。

1、UI设计

2021UI设计趋势解析:帮你一网打尽流行风格

2021UI设计趋势解析:帮你一网打尽流行风格

2、图标设计

2021UI设计趋势解析:帮你一网打尽流行风格

3、角色设计

2021UI设计趋势解析:帮你一网打尽流行风格

4、产品细节展示

2021UI设计趋势解析:帮你一网打尽流行风格

二、玻璃拟态

在说到Glassmorphism(玻璃拟态)之前,我们先来回忆一下另一种拟态:

在2019年底,设计圈突然刮起一阵新拟态风(Neumorphism),最初是乌克兰设计师Alexander Plyuto在Dribbble发布的一张设计作品,引发大家的激烈讨论和争相模仿。

6.png

新拟态(Neumorphism)的出现,为当时已经流行很久的扁平化设计开辟了一种新的表现形式,很多人猜测和议论,此风格会不会接替「扁平化设计」成为新的设计主流。

从美学价值上来说,新拟态(Neumorphism)足够现代、看起来也颇具有时尚感、科技感也很足。

不过随着时间的发展,设计师们渐渐发现,在实际的应用上,新拟物化本身确实不能算是一种系统全面的设计风格,因为在很多具体的设计上,新拟态比较难以保证可用性和易用性,在层次的表达上,也有很多局限。

以IOS14和Mac OS Big Sur操作系统发布为标志,一种新的拟物风格正在悄悄流行。

2021UI设计趋势解析:帮你一网打尽流行风格

Glassmorphism

这种把阴影、透明度以及模糊的背景结合到一起的设计思路,使界面呈现出介于玻璃和塑料板之间的质感,被Michal Malewicz称为Glassmorphism(玻璃拟态),对比之前火爆一时的Neumorphism(新拟态),这种新趋势更加垂直。

这种垂直性让用户可以通过它看到底层的元素,用户可以确定界面的层次结构和深度。他们可以识别出哪一层在哪一层之上,就像虚拟玻璃一样。

玻璃拟态的设计有几个特点:

·  透明度

 (使用背景模糊的磨砂玻璃效果)

· 类似于物体漂浮在太空中的多层方法

· 背景上鲜艳的色彩突出了模糊的透明度

· 半透明物体上的细微浅色边框

2021UI设计趋势解析:帮你一网打尽流行风格

这种隔着一层玻璃的质感,呈现出一种独特的「虚实结合」的美感。

2021UI设计趋势解析:帮你一网打尽流行风格

毛玻璃风格ICON

2021UI设计趋势解析:帮你一网打尽流行风格

值得一提的是,玻璃拟态与「 macOS Big Sur 和 iOS 14 」在视觉美学上也保持着高度的一致,尤其是在系统的设计美学逻辑上是统一的。

相比于看起来高级但是炫技多于实用性的「新拟态」,「玻璃拟物化」这种风格在各大操作系统的实行和验证之下,实用性更强,视觉美感上也得到目前最新的操作系统的验证。

不过作为善变的人类,我们很容易就会对流行的趋势感到厌倦,所以每隔几年就会流行到另一种不同的风格。

扁平化的风格已经流行了很长一段时间了,或许现在又会慢慢向色彩更丰富、更立体、更炫丽的风格回归了。

附上那个引领新拟态风格的乌克兰设计师Alexander Plyuto 的最新作品

2021UI设计趋势解析:帮你一网打尽流行风格

三、真实的照片

插图和3D并不一定适合所有人,有时候真人和真实的物品会对用户产生更大的吸引力,让他们更加感同身受。

网站主页:

2021UI设计趋势解析:帮你一网打尽流行风格

华硕(ASUS)官网:

2021UI设计趋势解析:帮你一网打尽流行风格

制作美食:

2021UI设计趋势解析:帮你一网打尽流行风格

航空公司:

2021UI设计趋势解析:帮你一网打尽流行风格

四、多彩的颜色搭配

许多设计都使用了多色搭配,使得自己的设计呈现出神奇、空灵、包罗万象的感觉,而且,鲜艳的色彩更容易区分和让人记住。

图标的多色搭配:

2021UI设计趋势解析:帮你一网打尽流行风格

时尚移动应用:

2021UI设计趋势解析:帮你一网打尽流行风格

色彩应用:

2021UI设计趋势解析:帮你一网打尽流行风格

五、模糊的彩色背景

使用模糊彩色背景的设计看起来有种特别的温暖和热情。

2021UI设计趋势解析:帮你一网打尽流行风格

六、极简主义

极简主义本身是一种设计理念,应用到UI或者平面设计领域当中的时候,可以理解为:设计中的每一个元素都应该是有用的,它简单,干净,漂亮,且实用。极简主义的设计易于用户理解,参与度也高。

大量的留白:

2021UI设计趋势解析:帮你一网打尽流行风格

元素规整、有条理和秩序:

2021UI设计趋势解析:帮你一网打尽流行风格

扁平化的元素:

2021UI设计趋势解析:帮你一网打尽流行风格

简化配色:

2021UI设计趋势解析:帮你一网打尽流行风格

可读性较高的字体:

2021UI设计趋势解析:帮你一网打尽流行风格

极简主义的好用之处在于它凸显关键,为用户呈现最重要的东西,并且让用户关注最重要的事情。

七、几何结构

越来越多的设计呈现整合、规整、有秩序的视觉结构,使用户增加使用和观看的乐趣。

视觉设计的平面几何:

2021UI设计趋势解析:帮你一网打尽流行风格

空间几何:

2021UI设计趋势解析:帮你一网打尽流行风格

平面设计:

2021UI设计趋势解析:帮你一网打尽流行风格

八、野蛮主义

「野蛮主义」一词,最早出现于1950年,由瑞典建筑师汉斯·阿斯普隆德用以描述乌普萨拉一座名为「Villa Göth」的现代砖房。

2021UI设计趋势解析:帮你一网打尽流行风格

顾名思义,野蛮主义的特征十分「简单粗暴」,通常都由不断重复的元素拼接而成,以笔直的线条和锋利的棱角居多。

对于大型建筑物而言要么追求奇形怪状,要么追求严格对称,落成的建筑外墙多为毫无修饰的砖块和混凝土,整体看起来异常冰冷和沉重。

而在数字设计中衍生的的「野蛮主义」是一种故意试图显得原始、随意、无装饰的样式。刻意的不设计使这些网站几乎没有美感甚至显得有些简陋。

尽管很少有人将这种设计风格归类为漂亮,但它对于某些内容类型确实具有独特的表达魅力。而且具有鲜明大胆的风格。

野蛮主义设计风格短期内应该不会深入到UI设计中去,更多的会在网站,或者杂志的设计运用此种设计思想。

2021UI设计趋势解析:帮你一网打尽流行风格

九、简化UI/UX流程

此处说的简化,不是指视觉效果的简化。设计流程做的太复杂,不论对于用户或者是设计师都是不利的。

优秀的设计师会兼顾美学和实操效果,把流程简化到减无可减,给用户以丝滑流畅的体验效果。

2021年,设计将变得更多元、更新颖,不同风格也会相互碰撞,新技术也被应用在设计中。

我们作为设计师,要更好的理解和跟上新趋势的发展,扩大自己知识的范围,例如设计美学和心理学知识等,就可以知道设计趋势如此流行的原因和源头。

在此基础上利用好新知识和新工具,为更好的服务大众时刻准备着。

相关推荐