查看原文
其他

高级美!2022 值得关注的7大UI设计趋势

UI设计达人 2022-05-22

The following article is from 功夫UX Author 功夫UX

2021已快接近尾声,我想细心的朋友应该发现,这一年,很多产品在设计形态上开始发生一些变化,比如开始走向拟物潮流。今年议论最多的UIUX趋势莫过于“元世界”,新物种的出现,我们的设计思维模式也会随着变化,要考虑更多环境和场景因素。


那么这些对设计师影响大与小,我想时间开始慢慢证明。作为设计师,要有前瞻探测思维,对行业的敏感性,对趋势的敏感性。今年我从年初就开始关注趋势变化,那么按照惯例,我把自己所看到的及时与大家分享,希望各位能看完文章留言和我一起讨论。


接下来,我们就正式进入今天的主题。




#1.视觉质感

2021年,我们发现了UI全面走向拟态化,逐渐达到最高峰,可以看到很多产品迭代更新,都在UI界面中使用一些质感,这些质感可以丰富UI界面的细节元素,也是打破了这几年单一扁平化的设计,在2022年UI轻拟态化的浪潮又将继续掀起一阵风。


关键词:柔光质感、细节拟态化、轻玻璃质感、弥散渐变


Oppo ColorOS 12


Oppo ColorOS 12
Oppo ColorOS 12 设计语言更新宣传影片



NAVER 首页更新,图标采用轻玻璃拟态质感
Dribbble @Gleb Kuznetsov

UI界面拟态化不只是使用3D元素,当然还有一些弥散质感光影元素应用,可以增加UI界面质感厚度和纵深感。Windows 11 拟物图标


Dribbble @Damian Denis


3D元素的使用从去年一直延续至今,对于2022年3D化的使用将会持续加强,至少目前还没有出现说看腻了场面,但是时间过长也许还会回归半扁平质感。



在网页设计中,玻璃拟态化质感也频频出现,让网页设计富有空间质感。


#2.情感数字化

情感数字化也是我今年听到的一个词,觉得非常有意思,以前我们谈情感化,其实情感化都是基于我们前期安排好的布局。如今数字情感,与机器对话不再是冷冰冰,情感数字化正在以“无打扰”的方式崛起,以陪伴式出现在用户面前。


关键词:无打扰、主动式、机器对话


百度·IDG体验设计部/Behance@42 Design
百度·IDG体验设计部/Behance@42 Design

虚拟助手的出现,让人类与机器世界对话更加真实。比如百度车联网今年前瞻概念设计中 “interflow” 设计,虚拟语音助手主动唤醒与前排乘客交流,让乘坐体验更温暖。



AVON产品情感化小手设计,用户将选中产品加入购物车中,整个过程就是一只手拿着产品放入购物车,然后完成后点赞表示很棒。




#3.动态UI


动态设计,今年看到很多设计师,都将静态的UI加上趣味性动态效果。动效可以增加产品对用户吸引力,还可以更有效的传递关键信息。在某些时刻动效还能唤醒用户情绪,比如一些开场动效或者触发式动效。


关键词:互动性、趣味性、奇妙感、吸引力
‍Dribbble@Minh Pham‍
HMI仪表‍‍概念动画
3D 产品导览@Minh Pham‍

Cosmin Capitanu


Facebook


今年6月Facebook品牌更新,推出了一个新的品牌标志,该LOGO以新的、富有想象力和表现力的方式展示了该平台当前的核心视觉元素。杂志化版式与动态集合,让整个画面富有张力。




#4.人性化表情符号


在过去的十年里,表情符号已经成为我们交流方式中不可或缺的一部分,并引起了从语言学到心理学等学科的学者的关注。在最近几年,各大企业重新定义的表情,人性化表情的出现也是对生活的一种映射


关键词:人性化、真实感、互动性

Microsoft | Emojis


微软在今年九月份,对现有的表情符号库进行概念化重新设计,让表情更生动,拟真效果更明显。

Microsoft | Emojis



Facebook 的“关怀”表情符号帮助人们在疫情斗争中进行交流。
ONE UI4.0

ONE UI4.0


三星ONE UI4.0系统更新,重塑表情符号展现方式。


#5.多元图形


不知道大家有没有发现,我们常规圆方三角形的应用现在看着越来越枯燥乏味了,今年发现Google materials you 系统语言更新,带来全新多维图形系统,打破了单一图形在系统里面的应用。随着技术的成熟,更多可能性将会逐步实现。


关键词:品牌个性、记忆点、丰富细腻

materials you


materials you



Google materials you 采用多元形状来构建系统,相比我们传统思维,方形、圆形等过于单一,新的几何化系统会更丰富和品牌性。

Dribbble@Tubik


Brand New@Yubo


多元几何应用可以增加设计记忆点,在竞争产品中脱颖而出。


Behance@the octopus magazine




#6.单色设计


单色设计一直以来都是每年会延续的一个趋势,为什么?其实我们可以看到在一些偏工具性产品或者商务软件应用、高端产品定位,单色设计几乎常存在。所以虽然今年逐渐走向拟物化元年,但是一些极简小众的格调还是依旧保留。


关键词:极简、品牌色、产品性格个性化

XXL



kurppahosk对XXL品牌的全新重塑,整个设计就绿色贯穿整个品牌延展。


National Women’s History Museum

Twoo




#7.VR&AR


VR与AR每年都会跟随着不一样的技术形式出现,比如今年比较火的“元宇宙”、其实就离不开这两种技术。VR与AR技术的出现,给产品体验带来更丰富的体验感,AR 使用户能够在现实世界中看到数字对象,跨越屏幕边界的体验。VR可以在家享受丰富的数字生活,沉浸式体验氛围感。


关键词:沉浸式、增强现实、虚拟实境、混合现实(XR)

AR 购物应用



Holoride 为自动驾驶汽车乘客打造抗晕车 VR 体验,在车空间内可以享受这种娱乐体验。


Holoride
Space Popular 为约翰索恩爵士的博物馆展览设计虚拟门户

Architecture studio Space Popular 已经与约翰·索恩爵士博物馆在伦敦建立一个展览,着眼于虚拟旅行“的魔法和力学”。


该展览名为“流行空间:门户画廊”,将于 2022 年 6 月开幕,将展示虚构门户的历史,以及对博物馆本身的物理门户和虚拟现实 门户的研究


HO JENG AR

伦敦数字公司Sennep与动画工作室Animade和创意技术专家BitStudio合作,通过 Google HK 创建了一种有趣的增强现实应用程序体验,为香港市民带来趣味性体验。




总结


趋势每年都有更新迭代,但是不一定每年都要革新的变化,我认为好的趋势自然是慢慢微小的变化,是克制的进步。每年的趋势出现,也都是互联网时代的产物,消费升级的变化,用户的品味变化,这是好事。
面对新趋势我们需要理性看待,合理的应用。我个人很喜欢去研究趋势,很喜欢新鲜事物,就仿佛发现了新大陆。不过对于产品的设计,关键还是需要找到符合自己产品调性的打法,切勿跟风。


主页君个人微信

添加主页君个人微信领取:大厂设计规范及组件库、免商中文字体、样机、作品集等



推荐阅读

(点击标题可跳转阅读)

这个简单的界面我是这样进行修改的设计师被辞退后老板喊你回去,放弃22万补偿金 VS 每月涨薪7000,你会如何选?
互联网大厂vs互联网小厂回复 灵感 下载UI设计灵感合辑
点个 “ 在看” 好文不断

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存