10个最新且值得关注的UI设计趋势

厦门/设计爱好者/5年前/379浏览
10个最新且值得关注的UI设计趋势

这篇文章出自UX设计师 Diana Malewicz,这篇是她梳理总结的10个2020年最值得关注的UI设计势趋


在2019年至2020年,如果你有注意可以发现,有一些UI设计的发展方向中出现了一些非常有创意,有希望和鼓舞人心的趋势,我认为这将在不久的将来塑造新UI设计。


以下是根据各大设计网站的梳理得出的10种趋势:



1. 新拟态-New Neuomorphism

新拟态是2019年底由乌克兰设计师AlexanderPlyuto发表的作品开始风靡起来,从出现以来新拟态一直都是出于风口浪尖的一种视觉风格,无论你喜欢不喜欢,觉得它可行不可行,新拟态已经发展的越来越好了,并且正在持续着。新拟态到了2020年,已经从最初的形式慢慢发生了改变,它正在朝着更加多样的和易于访问的风格特征。它几乎类似于拟态,但具有新鲜,现代,更美的氛围。


从左到右:Fireart Studio,Ionutzamfir(IG),Dawid Tomczyk,Ui8net(IG)



2. 模糊渐变-Soft gradients

在UI设计中的渐变不在,无论是背景、UI元素(比如按钮、卡片和图形)中都能看到渐变元素,并且渐变的使用更加注重自然柔和的颜色过渡。渐变中经常混合两种以上的颜色以创建多彩的模糊背景也是值得注意的渐变趋势


从左到右:Dominik Bednarz,Mufidul.design(IG),Haolabteam,Ariuka_dsgn(IG),Sajon007(IG)


3. 几何元素-Geometric elements

几何元素既可以作为背景来使用,也可以作为装饰细节,,使设计看起来更有趣,几何元素的运用正收到越来越多的关注。在设计上的应用也颇为广泛,通常将它们混合在一起以创建马赛克最终呈现出来的视觉效果非常酷!

从左到右:Victor.niculici(IG),Sun,Ashik,Interfacely.net,Halolabteam



4. 浅色背景-Pastel backgrounds

可是说这是让人非常喜欢的设计趋势,在各大设计平台中能够看到很多精致,轻柔,美观的背景设计,都适用明亮的柔和配色方案。浅色背景的设计看起来非常现代,有沉浸感,小清新并且令人愉悦,设计做到以内容为本,让用户更专注于内容

从左到右:Emy Lascan,Zerotoone.de,DesigningUI.com,jajadesign(IG),Flowstudio



5. 插画和3D-Illustrations and 3D

2020年,插画更加快速的发展流行着。不管是扁平的还是3D的插画风格,最终的目标依然是要契合产品和 UI。这几年来插画在UI中的使用,是一个不错的改变!

从左到右:batcz(IG),tranmautitram(IG),Purrweb_design(IG),Izmahsa(IG),tranmautritram(IG)



6. 不规则形状-Abstract shapes

将不规则的形状用于背景和不同的UI元素。使界面看起来更有活力,有生机,更有趣,这是一个很有意思的设计风格。你可以使用钢笔工具编辑最简单的形状(正方形,椭圆形),使用不同的边界半径,尝试不同的颜色/渐变,你可能会得到非常有趣的结果。

从左到右:弗拉基米尔·格鲁夫(Vladimir Gruev),c.sen_(IG),埃迪·洛比亚诺夫斯基(Eddie Lobianovsky),cmarixtechnolabs(IG)



7. 深色模式-Dark mode

深色模式可以说是这两年来最多人熟知的设计趋势了,如今的深色模式的使用已经深入到各个不同的应用。简单来说他是整个界面配色反转之后的效果,便于用户在深夜更轻松地浏览界面信息。只不过在具体的设计实施上,深色模式远不是简单的色彩反转就可以实施的,需要特别注意不同层级的界面深色的使用。

从左到右:Hype4.com,nickelfoxstudio,purrweb_design(IG),Vadim Drut,UI8net



8. 角度呈现-Elements at an angle

最初大家在 Dribbble 上会倾向于使用非标准的排版布局方式来呈现UI界面,后来这种展现方式开始逐渐在实际的设计项目中应用开来,它使内容看起来更加有趣和引人注目,在实际的设计当中,绝大多数情况下都会挑选30度到50度之间的倾斜角度,大家可以尝试看看。

从左到右:Hype4.com,nickelfoxstudio,purrweb_design(IG),Vadim Drut,UI8net



9. 弥散阴影-Soft shadows

轻量的弥散阴影使UI看起来更有空间感。呈现效果通常非常不错,在视觉上令人愉悦。通常,阴影使某些UI元素富有点击感,并且它们有助于区分内容之间的层次结构的用处。

从左到右:Cuberto,Fireart Studio,Dogstudio,Hype4.com,Prakhar Neel Sharma



10. 粗和大的文字-Soft shadows

APP中越来越注重内容的易读性,加粗的字体能够提升文字的可读性,字体的外轮廓都大体趋近于正方形,外观显得更加大气而现代。如果你正在寻找类似这样的字体,可以试试 PoppinsMontserratGilroySofia ProProxima Nova 等字体。

从左到右:andreisimon.design(IG),Shakib Ali,Felixlesoeuf(IG),Glebich(IG),Tramautritram(IG)


如果你发现了更多有意思的设计趋势,可以给我留言欢迎讨论

8
阅读原文
|
Report
|
10
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
包装文字排印
Homepage recommendation
相关收藏夹
ui设计
ui设计
ui设计
ui设计
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
文创
文创
文创
文创
精选收藏夹
作品收藏夹
大家都在看
Log in