「设计趋势专题」2020最值得关注的8个UI设计趋势
设计师需要意识到及时了解设计趋势、坚持学习、提高和扩展设计工具的重要性。一起来看一下2020最值得关注的8个UI设计趋势。
全篇译文共2469个字,阅读大约需要10分钟。更多原创设计文章,更好的阅读体验,请关注彩虹BOOK。
快速发展的技术时刻影响着设计趋势,为了紧跟当前市场,设计师需要意识到及时了解设计趋势、坚持学习、提高和扩展设计工具的重要性。此篇设计师应该关注的2020年设计趋势,是我根据经验和观察,精挑细选的8个UI/UX设计趋势,让我们一起来看看吧!

插画被应用到数字产品的设计中已经有很长时间了,他们在最近几年的演变非常令人印象深刻。插画是一种非常受欢迎的设计元素,它为我们的产品和交互增加情感化。同时它具有非常强烈的视觉吸引力,如果我们再进一步的为这些插画增加动效、细节和个性化,就能使我们的产品变得更有生机、更与众不同。

Welcome to Swiggy by Saptarshi Prakash
另外还有一个好处是运用动效抓住用户的注意力,让用户沉浸在产品之中。除此之外,动画也是一种讲品牌故事、产品和服务的最佳方式。

你会在每个app和网站上看到微交互,每次打开你喜欢的app时都能看到: 比如说Facebook有很多不同的微交互,“Like”这个功能就是一个很棒的例子。有时候我们甚至很难注意到他们,因为他们在界面中融合的是如此自然。但是, 当你从产品中移除他们的时候,就会很快发现重要的东西消失了。

Menu toggle close animation — Aaron Iker

Tab bar active animation — Aaron Iker
通常来说, 在UI/UX设计中一个小细节的改变就能带来很大的影响,微交互就是一个最好的证明,这些细节会极大的提升产品整体用户体验。每年,每一种新设备的出现都会为微交互带来新的机会点和创意,2020年也不例外。

3D设计无处不在:电影里、视频游戏里、街头广告中。随着移动设备和网站技术的发展,3D设计从十几年前出现到现在迅速发展。 新的浏览器技术打开了3D图形应用的大门,让设计师可以设计创造更多的3D设计应用在网站和移动设备界面中。
3D flip menu by Minh Pham

Car health report UI by Gleb Kuznetsov
创造3D设计并将其整合到网站和移动设备界面中需要掌握很多的技能并付出很多工作,但这些付出也会有更好的收获。

Apple AirPods Pro landing page
3D图像渲染器可以为现在的产品或服务提供更强的互动和更有趣的方式, 举个例子,3D图像渲染可以360度展示产品,提升交互体验。
在2020年,为了获取跟线下购物同样的体验,将会有更多的品牌用3D渲染模型展示产品和服务。

2019年对VR来说是至关重要的一年,这一年有太多关于VR的进步以及令人兴奋的头戴式设备,这些大多数出现在游戏行业。 游戏行业通常会为数字产品带来更多新创意和新技术。随着Oculus Quest(VR一体机)在2019年的发布,VR将会为更多行业带来机遇。Facebook CEO 马克·扎克伯格已经测试了激动人心的手部追踪技术,并宣布将在2020年更新到Quest。

Oculus Quest — hand interaction feature

PlayStation Virtual Reality Website Design by Kazi Mohammed Erfan
索尼和微软将会在2020年末发布新主机,这也将会为VR技术带来更多的机会和发展空间。

近几年我们见证了AR的快速发展,世界顶级的科技公司为AR开发投入巨资,这也让我们更加期待2020年AR技术的发展, Apple已经推出了他们的AR套件“ARKIT 3”来帮助设计师和开发者构建增强应用现实的产品。

Apple ARKit 3 by Apple

Public transit app by Yi Li
在AR领域,将会有无数的机会去创造焕然一新、激动人心的体验,在UI设计领域AR将会是2020年一个重要趋势,而作为设计师,我们要为设计AR体验准备好,学习新技术和设计规范等。

通常拟物化指的是模仿现实物体的设计风格,随着VR、AR技术的发展和最近在各大设计平台(Dribbble,Behance等)发布的设计作品来看,拟物化的设计可能会在2020年回归—但是这次会以一种更加现代化的方式,名字变成“新拟物化”。

Skeuomorph Mobile Banking | Dark Mode by Alexander Plyuto

Simple Music Player by Filip Legierski

Sleep Cycle App — Neumorphism Redesign by Devanta Ebison
可能你已经注意到了, 新拟物化代表的是非常精致的一种设计风格:高光,阴影,微弱的光感—对细节的关注程度达到了像素级。新拟物化在全世界设计师之间的流行,将会使其有机会发展成为2020最大的UI设计趋势。

过去几年我们注意到很多产品设计中都采用不对称布局,传统的“模板”布局将要消失,2020年毫无疑问这个趋势会继续流行, 在设计中适当加入不对称布局,加入一些人物、戏剧化和个性,让它们看起来不再像是基于模板的布局。

Limnia Fine Jewelry Grid — Zhenya Rynzhuk

Carine fashion store — selection screen concept — Dawid Tomczyk
设计不对称布局充满无限可能,这里面有太多的创意空间和无数的选择机会,可以让设计师自由发挥,但是, 想设计好这种风格需要大量的时间练习,这绝不是将元素随机的放在网格中,设计师应该更加谨慎的安排页面元素,始终要记得用户需求,毕竟我们不希望用户在产品中迷失。

在产品的交互设计中,讲故事扮演着重要的角色,你可能会经常在介绍品牌、产品和新服务的落地页中见到他们。 讲故事是用一种创意的方式将信息传达给用户,这可以通过区分视觉层级和均衡布局来实现(字体、插画、高清图片、大胆用色、动画和交互元素)。

A+WQ / Young Lab Page Story of The Week Animation by Zhenya Rynzhuk
讲故事有助于在品牌和用户之间建立积极的情感链接,讲故事也能让你的用户印象深刻,并感觉自己就是产品和服务的一部分,所以他们会更喜欢使用你的产品和服务。这么说吧, 讲故事也是一个很好的市场营销工具,它能够极大的增加你的产品或者服务的销量,讲故事作为一个非常成功的工具将会在2020年持续发展。
总结:
#1 动态插图
通过将动效和插画结合,增加更多的细节和个性,就能使我们的产品变得更有生机、更与众不同。
#2 微交互
微动效是“细节提升产品的整体用户体验”的完美证明,所以将它放在第二位。
#3 3D图形的应用
新的浏览器技术打开了3D图形应用的大门,设计师可以创造更多的3D设计应用在网站和移动设备界面中。
#4 VR
游戏行业通常会为数字产品带来更多新创意和新技术。
#5 AR
在AR领域,将会有无数的机会去创造焕然一新、激动人心的体验,在UI设计领域AR将会是2020年一个重要趋势,而作为设计师,我们要为设计AR体验准备好,学习新技术和设计规范等。
#6 新拟物化
随着VR、AR技术的发展和最近在各大设计平台发布的设计作品来看,拟物化的设计可能会在2020年回归—但是这次会以一种更加现代化的方式:新拟物化。
#7 不对称布局
设计不对称布局充满无限可能,这里面有太多的创意空间和无数的选择机会,可以让设计师自由发挥,但是,想设计好这种风格需要大量的时间练习。
#8 讲故事
讲故事有助于在品牌和用户之间建立积极的情感链接,讲故事也是一个很好的市场营销工具,它能够极大的增加你的产品或者服务的销量。














































































