UI
您现在所在的位置:首页>企业动态>UI

2022 年 UI/UX 设计趋势

编辑:学到牛牛IT培训    发布日期: 2022-03-23 17:09:36  

转眼之间,我们就迎来了2022年。在过去的2021年中,设计趋势依然随着整个设计行业的发展,而发生着缓慢而深刻的改变。这篇文章来自编译,文中针对2022年值得关注的UI/UX设计趋势展开了预测。

相比2020年,2021年是否更好?如果就用户界面(UI)和用户体验(UX)两大领域而言,那么答案是肯定的。

2021年,惊艳四座的网页和应用程序纷纷亮相,为平面设计师打造的全新软件接连发布,设计界的创造力呈井喷之势。

那么,2022年值得关注的UI/UX设计趋势是怎样的呢?从目前来看,我们已经可以预测到设计界未来一年的大致趋势。

阅读完这篇文章,你将收获:

如果你没有为最激烈的行业竞争做好准备,那你就可能会失去3D设计师的工作;

即便面对普通受众,设计师也可以让晦涩枯燥的数据变得有趣易懂;

如果你没有针对移动设备优化网站设计,那你就可能会错过许多新的潜在客户;

2022年,“滚动叙事”将如何统治世界并提高转化率。

“滚动叙事”将成为热潮

滚动是一种非常传统的页面浏览方式,但这种方式却让用户感到越来越无聊。如果想吸引用户注意力,那就采用“滚动叙事”。

《纽约时报》(The New York Time)是最早在文章中使用“滚动叙事”的机构之一。

“滚动”这一形式在网站页面和移动应用端都可以实现。你可以设想一下,在制作网站时,伴随着每次滚动手势,页面上的插图、字体、文本片段和其他元素也跟着滚动起来,并且呈现出一副栩栩如生的画面。这样的叙事方式必然会吸引用户一直读下去。

它就像电子游戏一样,带领用户穿越符号迷宫。虽然不能影响故事走向,但用户却能够置身其中,体验一种身临其境之感。

2022年,几乎所有热门网站都会采用“滚动叙事”的设计方式。

设想一下,如果你想去健身房健身。你可能会进入某个当地健身房的网站。进入页面后,你可能会看到这类的口号:“和我们一起健身吧!”你可能会发现,这种口号形式有一定的趣味性和新颖感。

接下来,再向下滚动,你还可以看到各种各样的补充信息,比如全员介绍、健身价值观、企业使命等。这些内容过于俗套,你甚至可能都不会关注这些内容。

我需要滚动四个屏幕,才能获得相关信息,这种体验太糟糕了。

与此相反,滚动叙事却能吸引读者“用心阅读”。比如,你可以借助动态文本提高用户的关注,在这方面,谷歌团队就知道如何把将网页上的说明文本变得更有趣味:

当用户向下滚动浏览页面时,就会自动开启滚动叙事,它也因此得名。不用点击,没有选择,也没有弹窗。

它给你的体验就是,你只需要停留在一个地方,通过不断滚动页面,屏幕上的故事便会娓娓道来。设计师不但要设计出炫酷的视觉效果,而且还要精心构思希望叙述的故事:故事的情节和受众。另外,最好的网站不是两天就能建成的。

IAmBinadam引人入胜的“滚动叙事”设计

滚动格式的项目通常需要投入大量的时间和精力,但成果是值得的。页面可以变得更加生动活泼,而且可以做到“瞬息万变”。因此,受众在浏览过程中,也很难感到无聊。

你可能想问,这种设计方法适用于移动应用程序吗?一款名为Pure的约会应用程序,就设计了“轻击叙事”的用户体验。

滚动叙事为用户而生并深受用户喜爱。用户无需跳转到其他页面,就能阅读整个故事内容。相反,网页设计的整个叙事,通常都是经过提前布局并以尽可能有趣的方式而构建的。

用户喜爱数据,那就让数据更可爱一点

2022年,如何创建一个像样的企业网站?你不想对用户说你是“某某领域公认的领导品牌,是该领域的佼佼者之一”。这种常规的广告话术并不能传达出任何实质内容。

最好去掉形容词并呈现事实:你有多少分支机构,分布于哪些城市,你的客户是谁,以及你如何帮助客户。抽象信息不可靠,但事实绝对可靠。但如果你希望分享大量数据,那就以简单有趣的方式呈现出来。

数据可视化有助于通过博得关注的方式传达准确的信息。它还与滚动叙事直接相关。旨在促进少数群体融入社会的网站IAmBinadam在数据可视化方面就做到了引人入胜:

团队设计网站,通过消除数据集的复杂性,从而简化信息,便于用户解读。

用户可以直观便捷地了解有关数据

在借助图片的情况下,读者可以快速发现作者试图得出的结论。考虑到现如今人们读取的数据量之大,那就更不应该随意散乱地分布各种数据信息。

乍眼一看,有的图表可能看起来并不像图表

此外,还有一种现象叫做“新冠后遗症”。它指的是新冠疫情对企业及其员工的长期影响。

据英国国家统计局(Office of National Statistics)的数据显示,2018年英国人的紧张和焦虑平均得分约为2.7/10。由于新冠疫情的爆发,这两项数据已经上升到了4.0/10,并且此后几乎没有下降。

人们压力山大、疲惫不堪,所以不想看那些复杂数据。但设计师知道如何降低疫情对人们的负面影响。

此外,他们还能通过数据可视化来保持人们的注意力。值得注意的是,复杂信息通常都会被忽略,因为用户都希望节省时间,一看到复杂信息他们就有可能直接滚动下滑了。

在数据可视化方面,我们推荐利用以下这些元素:

图表和图形

插图(包括带有手写短语的插图)

静态信息图表

交互式信息图表

如何让信息图表更吸引眼球?

设计精美的图表,或任何其他形式的数据可视化方式,都应该具备爱德华·塔夫特(Edward Tufte)在《定量信息的可视化显示》(Visual Display of Quantitative Information)一书中描述的特征

在塔夫特的这本书中,他介绍了通过图表真正把故事讲好的三大原则。

首先,用于显示数据的图形元素与图形元素总数的比例应趋近于1∶1。简单地说,不要把注意力放在装饰图表上。务必删除不必要的内容元素。

其次,最大化利用图形的一切空间。也就是说,数据排列要保持紧凑而简洁。

最后,关注“畸变因子”这一概念:你要客观地描述数据。不要使用夸大的图形,并提供诚实的统计数据。虽然数据可视化应该展现出炫酷的一面,但诚实永远是更重要的因素。

移动应用程序仍有发展潜力

根据媒体研究机构We Are Social的数据显示,2021年全球共有52.2亿手机用户——约占世界总人口的66%。自2020年1月以来,独立手机用户数量增长1.8%(约9300万),而移动连接总数则增加了7200万(0.9%),截止到2021年初已达80.2亿。

过去一年中,全球社交媒体用户数增长了13%以上。截止到2021年初,社交网络新增注册用户数已接近5亿。据移动互联网市场研究公司AppAnnie称,Android用户每天使用手机的时长超过了4小时。2020年,全球Android用户上网总时长已达3.5万亿小时。

这组数字够震撼了吧?2022年,你似乎也必须要开发出相关产品或服务的移动应用程序了。那么,你该如何知道你的企业是否真的需要一款应用呢?对此,如果存在以下几种情况,那你就可能需要准备预算来开发应用程序了。

用户会通过移动设备端访问你的网站

这是你应该了解的重要数据。客户与你产品交互的时间越长,你就越有机会去吸引他们,了解他们的习惯并提供他们想要的产品。

你需要提高内部业务流程效率

如果你希望提高员工工作效率、改进工作流程或提高利润,那你可以开发一款能帮助你管理业务流程的移动应用程序。

如今,这类应用程序可以帮助企业完成越来越复杂且多样化的任务。它能够让重复性的日常操作和文档管理工作变得更加快捷,创建有助于处理复杂决策的算法,并了解员工工作方式及工作情况。

你希望实现网站上无法实现的全新功能

如果你认为,应用程序可以为用户开辟新的接触点,并让用户体验变得更加成功,那就值得考虑开发一款应用程序。

问问自己,移动应用可以创造哪些新的商机。例如,在疫情影响下,许多人都更加关注健康,并转向在家通过健身应用来锻炼。

然而,对于需要处理照片或室内设计公司而言,应用程序却几乎毫无用处。这类公司需要展示自己的作品集,而在移动设备上浏览大图却很不方便。所以,这类公司最好还是开发自己的网站。

你的竞争对手已经开发了移动应用程序

在市场中,你必须了解竞争对手在做什么,他们是否开发了应用程序,他们能做什么,以及用户是否认为他们有价值。对此,你可以通过苹果App Store或谷歌Google Play等应用商店了解有关统计数据。

竞争对手的应用下载量和用户评论可以告诉你用户使用其应用程序的情况。如果他们真的能为用户提供方便而必要的服务,而你却因为没有开发同类型的应用或功能,那就可能会因此落后。

用户经常复购

应用程序可以帮你留存那些经常向你购买产品或服务的客户。你是否想过为老客户推出促销活动?你可以给他们推送一条行动召唤通知,比如节日大促销?

最好给用户发放打折优惠码。在正确的时机,你的优惠力度越有吸引力,人们下单购买的可能性就越高。

出租车公司的客户必然会经常复购,因此必须要开发应用程序。

你有一套忠诚度系统

如果开发移动应用,那你就无需再为设计和印刷投入相关费用,客户也无需携带实体会员卡。将你的忠诚度计划整合至移动应用中,并通过电子方式分享吸引人的促销活动、折扣优惠和满减红包。

开发移动APP?还是开发移动友好的浏览器版本?

开发移动网站比开发移动应用更简单,因此能降低整体推广成本。

部分原因在于,响应式网页设计的出现,得以让网站自动适配屏幕宽度。然而,开发移动应用则需要涉及Android、iOS以及Windows等多个平台的复杂工作。

据估计,还有一个小趋势还将持续到2022年,即越来越多的应用程序都变得更加相似这一现象。同时,它们也有一定程度的独特性。

有些设计师认为,“前端驱动的Web体验”将是2022年的

3D仍将持续流行

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

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

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

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

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

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

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

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

要么动画,要么消失

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

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

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

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

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

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

讲故事

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

让加载变得更有趣味

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

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

用光标效果吸引用户

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

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

用动态文字“搞破坏”

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

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

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

用动画插图来增加个性

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

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

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

说明类视频

商业广告

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

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

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

微交互,大影响

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

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

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

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

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

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

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

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

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

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

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

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

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

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

免费试学
课程好不好,不如实地听一听

封闭学习

2

1

联系我们

电话:028-61775817

邮箱:1572396657@qq.com

地址:成都高新西区西芯大道4号

  • UI_UI学习教程_UI最新资讯-学到牛牛
    UI_UI学习教程_UI最新资讯-学到牛牛

    扫一扫,免费咨询

  • UI_UI学习教程_UI最新资讯-学到牛牛
    UI_UI学习教程_UI最新资讯-学到牛牛

    微信公众号

  • UI_UI学习教程_UI最新资讯-学到牛牛
UI_UI学习教程_UI最新资讯-学到牛牛

学一流技术,找高薪工作

UI_UI学习教程_UI最新资讯-学到牛牛

7-24小时服务热线:

028-61775817

版权声明 网站地图

蜀ICP备2021001672号

课程问题轻松问