神译局是36氪旗下编译团队,关注科技、商业、职场、生活等领域,重点介绍国外的新技术、新观点、新风向。
编者按:转眼之间,我们就迎来了2022年。过去的2021年中,设计趋势依然随着整个设计行业的发展,而发生着缓慢而深刻的改变。这篇文章来自编译,文中针对2022年值得关注的UI/UX设计趋势展开了预测。由于篇幅问题,本文将拆分为两部分。这一篇是第二部分,文中介绍了六大设计趋势。
延伸阅读:2022年值得关注的UI/UX设计趋势(上)
我们没有把这一趋势放在第一位,是因为设计领域很久之前就对3D图形和动画疯狂不已。
过去的4年里,3D一直存在,而且短期内也不会消失。我们预测,3D图形将更具多样性和包容性。
在过去的几年里,各大媒体的UI设计趋势中都有3D艺术和动画的身影。这能够说明的是,越来越多的设计师在将其整合到网站和登陆页的设计中。
3D无疑是2022年的热门趋势和预测方向之一,逼真的3D形状与动作相结合,它怎样都比经典动画更加引人注目。
从技术上来说,3D更能够传达能量、纹理和意义,因为它比平面图像更接近我们的感知。3D插图内容更丰富,互动性也更强。
许多设计师能够将3D元素无缝地“安插”在2D空间中。这不但能让设计师创造更多有趣的作品,而且它也是一种非常出色的工作方式。
乌克兰政府网站用3D手掌模仿黑客帝国
最后,值得注意的是,在插入像3D图形这类大型文件之前,请确保你的应用程序性能够高,并且能快速加载所有元素。
越来越多的公司在网站和移动应用中加入动画,来提升用户沉浸感和体验感,让内容看起来更具趣味性。
动画是2022年的主要网页设计趋势。明年,如果你的产品缺少动画,可能就会让人觉得是“半成品”、平淡乏味。
混合风格的动画越来越受欢迎。这里的“混合风格”,主要指的是定格动画与3D,或者2D与3D动画的组合。设计师采用这样的混合设计风格,是希望获得不同寻常的风格解决方案,提高最终产品的质量。
2022年,动态设计将成为市场品牌定位过程中至关重要的一部分,它也能体现出品牌的精心策划。你可以设想一下,公司推出动画标识的话,这将是一种怎样的视觉体验。
随着这一领域专业人员数量的增加,实现这一全新想法的可能性也在增加。
动画可以在用户与界面之间建立一种情感联系,以此来传达某个信息。
图片来源:Yoichi Kobayashi
没有人愿意把时间花在等待上,除非加载页面非常有趣。显示百分比的动画不仅可以产生娱乐效果,还可以告知用户具体的页面加载时间。
如果不喜欢百分比,还可以使用进度条,或者你能设想出来的任何能显示时间进度的元素。
用户的眼光通常都聚焦于光标位置。因此,你可以通过添加对光标做出响应的智能交互动画,吸引用户继续浏览并探索网站。
这种效果在2000年左右非常流行。众所周知,时尚往往每20年就会轮回一次。
你有没有想过让文字跳舞?
说到文字,你知道美国广播电视界最具权威的奖项艾美奖设有“最佳片头设计”提名奖吗?
以下是2021年获得艾美奖“最佳片头设计”奖提名的电影《后翼弃兵》(The Queen"s Gambit)片头的精彩动画:
据全球综合数据资料库Statista,2020年全球动画市场规模已达2700亿美元。这一趋势正在转向视频领域,而非静态信息。
无论是社交媒体平台,还是在商业广告中,国际品牌都会加入动画元素。动画插图毋庸置疑的两大优势是其灵活性和多样性。
这类作品常用于以下两种情景:
说明类视频
商业广告
图片来源:Creative X
早在几年前,就开始出现用动画来辅助说明的趋势。说明类视频能够清楚地告诉用户该如何操作,或者让用户认识某个项目。
而在普通视频中,通常无法展示实际上不存在的内容。相反,在动画中,只要人们可以想象的,都可以呈现出来。
在招聘类视频或商业广告中,用户更喜欢看绘制的人物,而非抽象形状或物品。笔下的人物可以像真人一样唤起用户心中的友谊和同情。
微交互是帮助用户浏览网站或使用移动应用程序的微小界面变化。通常,其主要表现为用来提示用户的视效或音效:它可以显示发生了什么,接下来会出现什么,以及还需要做什么。
图片来源:Awwwards
动画式交互将为你的设计注入活力,并保持用户参与度。关注每一个细节是决定设计作品成败的关键,因为关注设计中的所有元素必将带来更友好的用户体验。
此外,值得注意的是,最好实现页面多个元素的整体和谐,而不是把注意力分散到屏幕各处。微交互的一个重要部分就是颜色。有了颜色,众多界面元素才有意义。在2022年,建议你尽早学会使用冷暖色调。
动态行动号召(CTA)
另外,微交互还有很多作用,比如帮助用户浏览页面或使用应用程序、介绍相关功能,以及轻松地吸引新用户。但它最重要的一项作用是,此前用户执行某特定操作要经历冗长的步骤,而微交互则有助于加快并简化这一过程。
最后,交互可以通过游戏化的设计方式来提升用户体验。品牌向用户展示某些用户体验操作的重要性,以此表明其非常关注用户如何获取相关信息。
2022年,名片、笔记本、钢笔以及广告册都不会消失。毕竟,动态logo再怎么活跃,也不适用于印刷品。不过,在线品牌却面临着新的挑战,并需要寻求新的解决方案。其中,动态logo设计就是一种方案。
图片来源:Toridori
就动态logo而言,其主要有以下营销优势:
他们能吸引注意。这意味着,其有助于提高品牌知名度。
他们有助于提高SEO排名。恰巧谷歌更倾向于动态内容,而带有动态图形的页面也可以迅速吸引用户。
他们在移动设备上具有美观性。吸引人的动画必然会比静态logo更有趣。
最主要的是他们还可以展现品牌历史。动画可以将静态logo背后的发展理念整合呈现出来。多亏这一点,在几秒之内就能展示出品牌的使命,甚至其核心价值观。
某洗衣机品牌动态Logo。图片来源:schulthess
静态logo也可以改变为动态logo。设计师可以根据源文件重新设计其动态元素。此外,你也可以通过字体轻松地制作动态logo。
图片来源:Shabello
图片来源:Bobby Voeten
简而言之,2022年一定会出现许多有趣的新品牌、网站,以及移动应用程序。
但值得注意的是,设计总是在变化,始终保持不变的只有设计的含义。如果你无法领会它,那么了解再多设计趋势,都可能对你不起作用。
译者:俊一