设计癖 - 关注设计癖 发现好设计

X

设计癖 - 关注设计癖 发现好设计

登录

忘记密码?

X

设计癖 - 关注设计癖 发现好设计

邮箱注册

《设计癖免责声明》

密码找回

取消

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

面对新趋势我们需要理性看待,合理的应用。

文章来源:功夫UX
ID:UX-Talk
作者:功夫UX
编辑:卝生

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

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

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

 

01

视觉质感

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

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

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

Oppo ColorOS 12

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

Oppo ColorOS 12

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

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

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

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

Dribbble @Gleb Kuznetsov

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

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

Windows 11 拟物图标

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

Dribbble @Damian Denis

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

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

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

 

02

情感数字化

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

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

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

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

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

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

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

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

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

 

03

动态UI

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

关键词:互动性、趣味性、奇妙感、吸引力

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

‍Dribbble@Minh Pham‍

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

HMI仪表‍‍概念动画

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

3D 产品导览@Minh Pham‍

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

Cosmin Capitan

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

Facebook

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

 

04

人性化表情符号

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

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

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

Microsoft | Emojis

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

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

Microsoft | Emojis‍

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

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

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

ONE UI4.0

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

ONE UI4.0

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

 

05

多元图形

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

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

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

materials you

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

materials you

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

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

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

Dribbble@Tubik

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

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

Brand New@Yubo

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

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

Behance@the octopus magazine

 

06

单色设计

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

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

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

XXL

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

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

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

National Women’s History Museum

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

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

Twoo

 

07

VR&AR

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

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

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

AR 购物应用

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

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

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

Holoride

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

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

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

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

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

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

HO JENG AR

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

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

总结:

趋势每年都有更新迭代,但是不一定每年都要革新的变化,我认为好的趋势自然是慢慢微小的变化,是克制的进步。每年的趋势出现,也都是互联网时代的产物,消费升级的变化,用户的品味变化,这是好事。

面对新趋势我们需要理性看待,合理的应用。我个人很喜欢去研究趋势,很喜欢新鲜事物,就仿佛发现了新大陆。不过对于产品的设计,关键还是需要找到符合自己产品调性的打法,切勿跟风。

你此刻的心情

  • 28

  • 0

  • 0

  • 0

  • 1

版权声明: 凡本站注明来源非设计癖的文章,目的在于传播,如需转载,请与稿件来源方联系,如产生任何问题与本站无关;凡本站所发布的图片、视频等素材,版权归原作者所有,仅供学习与研究,如果侵权,请提供版权证明,以便尽快删除。

留下评论 全部评论(0)

你可能也喜欢

表达过心情的用户

留给MUJI的时间不多了

40+企业案例:六一活动这样做,「大龄儿童」也能重返童年!

一解封就穿上高跟鞋去浪吧……男的

138岁的可口可乐是如何炼成的?|跟老消费学什么

《 核 酸 凭 证 插 画 大 赏 》