ui未来的设计趋势(2020流行的ui设计)

来源：15手游网时间：2022-10-19 13:36:45

日新月异的技术影响着每年的设计趋势。作为设计师，我们需要时刻关注，对设计趋势有高度的敏感度，不断学习，拓展自己的设计技能，才能跟上最新的市场环境。基于我的研究、经验和观察，我选择了你将在2020年看到的八个关键UI/UX设计趋势。我们一起来看看吧。

一、动态插图在APP中的使用由来已久，近几年的演变令人印象深刻。插画作为一种非常受欢迎的设计元素，为我们产品的整体产品增加了一种情感体验。插画非常醒目，尤其是融入动态效果后，会更加自然，将产品带入生活，使产品功能更加突出，增加更多的细节和个性。

欢迎来到斯威奇

入职动画—维吉尔帕纳

还有一个好处就是使用动态效果后，可以抓住用户的注意力，让他们更加沉浸在你的产品中。动态效果也是讲述一个好的品牌故事、产品或服务的最有影响力的方式之一。

二、微交互微交互存在于每一个网页或app界面。每当你打开你喜欢的应用程序，你就有机会看到它们。例如，在脸书有许多不同的微互动，我认为“喜欢”功能是一个完美的例子。

有时候，我们几乎意识不到它的存在，因为它们非常不起眼，很自然地融入了界面。但是，如果你去除了这些微交互，你会很快注意到，并感觉到缺少了一些非常重要的东西。

菜单切换关闭动画— Aaron Iker

标签栏活动动画— Aaron Iker

一般来说，即使是UI/UX中非常小的细节设计，也可能带来很大的影响。微互动就是最好的证明。细节和对它的重视，可以大大提升产品的整体体验，让产品体验上升到一个更高的层次。每一年，新设备的发布都伴随着新的机会，可以为产品创造新的品牌和创造性的微交互。

三、3D图形的应用3D图形设计几乎无处不在，比如电影、游戏或者运营广告等。3D平面设计早在10年前就出现了，并且一直在不断改进和发展。随着手机和网络技术的快速发展，新的网络浏览器功能打开了3D设计新世界的大门，这使设计师有机会在网络和手机界面上创建酷的3D设计。

Minh Pham的3D翻转菜单

格列布库兹涅佐夫的汽车健康报告界面

创建这些3D创意设计并将其整合到网络和手机界面中需要特殊的技能和大量的工作，但这些努力将会得到回报。

苹果AirPods Pro登陆页面

3D设计对产品和服务的吸引力非常大，比如可以支持用户360度交互查看产品，从而大大提升整个产品体验。

2020年，将有更多品牌使用3D渲染模型的产品和服务来模仿线下购物体验。

四。虚拟现实VR技术在2019年有巨大的飞跃。在过去的一年里，我们兴奋地看到耳机的巨大发展，尤其是在游戏领域。我们需要记住的是，游戏行业往往在引领新技术的发展，并将其投入到实际的产品设计中。

研究表明，VR也不例外。2019年Oculus Quest推出后，很多机会为其他行业打开了大门。脸书首席执行官扎克伯格已经测试了激动人心的手交互功能，并正式宣布将在2020年初为Quest更新该功能。

Oculus Quest —手部交互功能

卡齐穆罕默德范二设计的PlayStation虚拟现实网站

索尼和微软计划在2020年夏天发布他们的新设备，这将为VR技术带来巨大的机遇和发展空间。

增强现实近年来，我们可以看到AR(增强现实)的巨大进步和惊喜。世界已经导致科技公司大量投资AR开发，因此我们应该期待这项技术在2020年有更大的增长和发展。苹果还发布了他们自己的AR套件，名为ARKIT3，以帮助设计师和开发者在他们的产品中创建AR体验。

苹果ARKit 3由苹果

李逸的公共交通应用

内森赖利的植物之家AR概念

AR空间将会有无限的机会和创意，去创造一个新的品牌和令人兴奋的体验。面向AR的UI设计将成为2020年的一大趋势，这需要设计师在打造AR产品体验之前，准备和学习新的工具、原型等知识。

不及物动词新拟像风格一般来说，拟像设计是指以现实主义风格/方式创造的设计元素，以匹配真实的对象。VR/AR技术的不断发展以及在最流行的设计平台(Dribbble、Behance等)上展示的设计作品趋势。)预示着伪物化的回归，只不过这一次，用了一个更现代、更酷、略高的名字，叫做“新模仿风格”(也叫Neumorphism)。

Skeuomorph Mobile Banking | Dark Mode by Alexander Plyuto

Simple Music Player by Filip Legierski

Sleep Cycle App — Neumorphism Redesign by Devanta Ebison

你可能注意到了：Neumorphism代表了丰富细节和明确的一种设计风格。高光，投影，发光，这些细节非常令人印象深刻。Neumorphism风格已经鼓舞了全世界一大批的设计师创作作品，它也会成为2020年最大的设计趋势。

七、不对称布局

最近一年我们也注意到一种不对称风格正在快速发展。传统基于“模板”的布局肯定会消失，这种设计趋势给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

Free Sketch Template ：Mimini by Tran Mau Tri Tam

讲故事可以帮助产品创造出品牌和用户之间积极的情感连接。讲故事可以为你的产品创造出非常多的记忆点，让用户感受到自己就是产品或服务的一部分，他们便会更加愿意使用你的产品。话虽如此，讲故事也是一种非常有效的营销手段，它可以极大地提高你的产品/服务的销量。讲故事作为一种非常成功的手段，将在2020年继续发扬光大。

总结

（1）动态插图

通过把动画和插图进行结合，我们可以使得设计变得更加突出，并把它带入用户的日常生活，为产品赋予了极致的细节和个性化。

（2）微交互

微交互被证明是可以在当用户注意到他们是能够带来非常大的惊喜体验，它能够有效的提升整个产品的用户体验并把产品的品质提升一个等级。

（3）3D图形的应用

新的浏览器技术打开了3D图形应用的大门，能够给设计师带来非常大的创意机会去打造让人惊叹的3D图形设计应用到网页和手机APP中。

（4）虚拟现实

游戏行业将迎来新的变革，新的技术能够应用到产品设计中。

（5）增强现实

在AR空间中拥有无限的机会去创造新的品牌和令人激动的新体验。为AR技术服务的UI设计将在2020年成为主要趋势，设计师需要位为之准备并去学习新的工具，原型，当真的需要你去做一款AR应用时就需要用到。

（6）新拟物风