2020年03月02日
2020年全新UI趋势,快来了解下!

相信关注UI行业的朋友都知道,2020年初,在各大设计网站上流行起了一种名叫Neumorphism的新拟态风格,是区别于目前流行的扁平化设计的一种浮雕风格。今天就让我们一起来了解一下这种新风格的趋势吧。

 

什么是新拟态

这种风格源于2019年115日,乌克兰设计师Alexander PlyutoDribbbleins上发布了一张作品,并配了这样一段说明:“让我们想象一下,如果在移动界面设计中,投影的形式发展得更好的话,那将来的界面将会是什么样的,这是我的愿景。”

来源:Dribbble-Alexander Plyuto

 

这种独特的浮雕风格使该作品截止目前在Dribbble平台的点赞量高达4800+,浏览量31W+。而Neumorphism这个名称,也有人称为Soft UI,最早作者是以Skeuomorph来命名这个作品,后来就有设计师创造出一个新的虚构名词,把New Skeuomorphism两个词组合,Neo谐音New就是Neuomorphism。于是大家都开始用这个新名词发布作品,甚至作者后来的作品也用上了这个名称,成为了设计的新趋势。

来源:Dribbble-Filip Legierski

 

我们该怎么实现它

其实在设计中想要达到这种效果并不难,首先需要了解这种风格的结构。

来源:Dribbble-OTAKOYI

如上图所示,主要由三个样式组成:1个背景色+2个投影色,两个阴影一个作正值,一个作负值。突出样式作外阴影,下沉样式作内阴影,在这两个基础上,通过改变颜色、大小参数和透明度来达到不同效果。

 

对于新拟态风格我们该注意什么

首先这种风格在较小的按钮上表现的并不明显,只通过下沉阴影样式并不能很好的区别按钮的状态,因此在设计的重点上更多的将这种风格放在卡片样式上,使这种视觉表现能够更加直观的感受;其次这种风格在界面的运用中识别度低,如果在界面中除了文字其他元素都使用这种效果,将会导致界面的所有内容看起来都像按钮,这样在用户体验上容易造成混淆,不利于用户进行下一步操作。

来源:Dribbble-MazePixel

 

在动画效果方面,这种风格由于阴影效果,很难做出十分轻快顺滑的动画效果。

来源:Dribbble-Vadim Demenko

 

总结

这种全新的视觉风格给我们带来了持续很长时间的新鲜感,甚至在2020年211日举行的三星视觉发布会中也使用了这种新拟态的设计手法。

来源:三星官网

 

像大多数设计趋势一样,新拟态风格是一种全新的界面设计表现手法,也许在扁平风格流行多年后,未来的它会成为UI设计、游戏运营设计的一种新趋势。

 

最新文章