2022年值得关注的UI/UX设计趋势(下)

来源:36氪时间:2022-01-06 18:47:06

神译局是36氪旗下编译团队,关注科技、商业、职场、生活等领域,重点介绍国外的新技术、新观点、新风向。

编者按:转眼之间,我们就迎来了2022年。过去的2021年中,设计趋势依然随着整个设计行业的发展,而发生着缓慢而深刻的改变。这篇文章来自编译,文中针对2022年值得关注的UI/UX设计趋势展开了预测。由于篇幅问题,本文将拆分为两部分。这一篇是第二部分,文中介绍了六大设计趋势。

延伸阅读:2022年值得关注的UI/UX设计趋势(上)

3D仍将持续流行

我们没有把这一趋势放在第一位,是因为设计领域很久之前就对3D图形和动画疯狂不已。

过去的4年里,3D一直存在,而且短期内也不会消失。我们预测,3D图形将更具多样性和包容性。

在过去的几年里,各大媒体的UI设计趋势中都有3D艺术和动画的身影。这能够说明的是,越来越多的设计师在将其整合到网站和登陆页的设计中。

3D无疑是2022年的热门趋势和预测方向之一,逼真的3D形状与动作相结合,它怎样都比经典动画更加引人注目。

从技术上来说,3D更能够传达能量、纹理和意义,因为它比平面图像更接近我们的感知。3D插图内容更丰富,互动性也更强。

许多设计师能够将3D元素无缝地“安插”在2D空间中。这不但能让设计师创造更多有趣的作品,而且它也是一种非常出色的工作方式。

乌克兰政府网站用3D手掌模仿黑客帝国

最后,值得注意的是,在插入像3D图形这类大型文件之前,请确保你的应用程序性能够高,并且能快速加载所有元素。

要么动画,要么消失

越来越多的公司在网站和移动应用中加入动画,来提升用户沉浸感和体验感,让内容看起来更具趣味性。

动画是2022年的主要网页设计趋势。明年,如果你的产品缺少动画,可能就会让人觉得是“半成品”、平淡乏味。

混合风格的动画越来越受欢迎。这里的“混合风格”,主要指的是定格动画与3D,或者2D与3D动画的组合。设计师采用这样的混合设计风格,是希望获得不同寻常的风格解决方案,提高最终产品的质量。

2022年,动态设计将成为市场品牌定位过程中至关重要的一部分,它也能体现出品牌的精心策划。你可以设想一下,公司推出动画标识的话,这将是一种怎样的视觉体验。

随着这一领域专业人员数量的增加,实现这一全新想法的可能性也在增加。

2022年该如何使用网页动画?

讲故事

动画可以在用户与界面之间建立一种情感联系,以此来传达某个信息。

图片来源:Yoichi Kobayashi

让加载变得更有趣味

没有人愿意把时间花在等待上,除非加载页面非常有趣。显示百分比的动画不仅可以产生娱乐效果,还可以告知用户具体的页面加载时间。

如果不喜欢百分比,还可以使用进度条,或者你能设想出来的任何能显示时间进度的元素。

用光标效果吸引用户

用户的眼光通常都聚焦于光标位置。因此,你可以通过添加对光标做出响应的智能交互动画,吸引用户继续浏览并探索网站。

这种效果在2000年左右非常流行。众所周知,时尚往往每20年就会轮回一次。

用动态文字“搞破坏”

你有没有想过让文字跳舞?

说到文字,你知道美国广播电视界最具权威的奖项艾美奖设有“最佳片头设计”提名奖吗?

以下是2021年获得艾美奖“最佳片头设计”奖提名的电影《后翼弃兵》(The Queen"s Gambit)片头的精彩动画:

用动画插图来增加个性

据全球综合数据资料库Statista,2020年全球动画市场规模已达2700亿美元。这一趋势正在转向视频领域,而非静态信息。

无论是社交媒体平台,还是在商业广告中,国际品牌都会加入动画元素。动画插图毋庸置疑的两大优势是其灵活性和多样性。

这类作品常用于以下两种情景:

说明类视频

商业广告

图片来源:Creative X

早在几年前,就开始出现用动画来辅助说明的趋势。说明类视频能够清楚地告诉用户该如何操作,或者让用户认识某个项目。

而在普通视频中,通常无法展示实际上不存在的内容。相反,在动画中,只要人们可以想象的,都可以呈现出来。

在招聘类视频或商业广告中,用户更喜欢看绘制的人物,而非抽象形状或物品。笔下的人物可以像真人一样唤起用户心中的友谊和同情。

微交互,大影响

微交互是帮助用户浏览网站或使用移动应用程序的微小界面变化。通常,其主要表现为用来提示用户的视效或音效:它可以显示发生了什么,接下来会出现什么,以及还需要做什么。

图片来源:Awwwards

动画式交互将为你的设计注入活力,并保持用户参与度。关注每一个细节是决定设计作品成败的关键,因为关注设计中的所有元素必将带来更友好的用户体验。

此外,值得注意的是,最好实现页面多个元素的整体和谐,而不是把注意力分散到屏幕各处。微交互的一个重要部分就是颜色。有了颜色,众多界面元素才有意义。在2022年,建议你尽早学会使用冷暖色调。

动态行动号召(CTA)

另外,微交互还有很多作用,比如帮助用户浏览页面或使用应用程序、介绍相关功能,以及轻松地吸引新用户。但它最重要的一项作用是,此前用户执行某特定操作要经历冗长的步骤,而微交互则有助于加快并简化这一过程。

最后,交互可以通过游戏化的设计方式来提升用户体验。品牌向用户展示某些用户体验操作的重要性,以此表明其非常关注用户如何获取相关信息。

动态LOGO

2022年,名片、笔记本、钢笔以及广告册都不会消失。毕竟,动态logo再怎么活跃,也不适用于印刷品。不过,在线品牌却面临着新的挑战,并需要寻求新的解决方案。其中,动态logo设计就是一种方案。

图片来源:Toridori

就动态logo而言,其主要有以下营销优势:

他们能吸引注意。这意味着,其有助于提高品牌知名度。

他们有助于提高SEO排名。恰巧谷歌更倾向于动态内容,而带有动态图形的页面也可以迅速吸引用户。

他们在移动设备上具有美观性。吸引人的动画必然会比静态logo更有趣。

最主要的是他们还可以展现品牌历史。动画可以将静态logo背后的发展理念整合呈现出来。多亏这一点,在几秒之内就能展示出品牌的使命,甚至其核心价值观。

某洗衣机品牌动态Logo。图片来源:schulthess

静态logo也可以改变为动态logo。设计师可以根据源文件重新设计其动态元素。此外,你也可以通过字体轻松地制作动态logo。

图片来源:Shabello

图片来源:Bobby Voeten

写在最后

简而言之,2022年一定会出现许多有趣的新品牌、网站,以及移动应用程序。

但值得注意的是,设计总是在变化,始终保持不变的只有设计的含义。如果你无法领会它,那么了解再多设计趋势,都可能对你不起作用。

译者:俊一

责任编辑:FD31
上一篇:
下一篇:

信用中国

  • 信用信息
  • 行政许可和行政处罚
  • 网站文章