Hi，我是彩云。
2021 年比 2020 年变得更好了吗？是的，如果我们磋商的是 UI 和 UX 设计的话。新的令人惊艳的网站和 APP 被开拓出来，面向设计师的新软件得到更新和发布，创造力被进一步引发了出来。
当设计师被迫待在家里时，终于能有韶光去反思现有的设计并重新创造。无聊是艺术家最大的仇敌，他们会尽可能地冲破困局。
那么，2022 年的 UI/UX 设计趋势是什么呢？看看现在的情形，我们已经可以预测未来的设计趋势，就像我们对 2021 年所做的预测一样（转头看非常准确）。
在本文中，我们将创造：
3D 视觉设计师的内卷将会越来越严重。数据可视化的事情将变得越来越主要。做事的移动化还须要做出更多努力。scrollytelling 技能会越来越盛行。一、滚动已去世，滚动叙事兴起旧的滚动是无聊的。如果你想吸引把稳力，你就须要实现滚动叙事（scrollytelling）。（彩云注：这个技能的核心在于边滚动页面边讲故事）
《纽约时报》是第一批在他们的文章《雪花飘落》中利用滚动叙事手腕的机构之一。
它是一种叙工作势，可以在网页和 APP 上呈现。想象一下，在一个网站中每个插图、文本和其他元素都开始变得生动起来。自然地，你会想看到这个故事的结局。它就像一个游戏，带你穿越迷宫。虽然你不能影响它的进程，但却让你觉得自己能参与个中。
2022 年，Scrollytelling将会涌如今你看到的每一个盛行网站上。
另一方面，scrolllytelling 让用户真正去阅读内容。你可以用动态文本让他们产生兴趣，比如谷歌的网站（https://www.google.com/search/howsearchworks/）。他们的团队知道如何让信息看起来更好：
Scrollytelling 在用户向下滚动时被激活，因此得名。没有点击，没有选择的麻烦，没有弹出窗口。你彷佛勾留在一个地方，但通过滚动，把屏幕上的故事逐步展开。这不仅哀求设计师创造出酷炫的视觉效果，还须要负责思考一个你想要讲述的故事情节。
以是，最好的网站不可能在 2 天内建成，须要更多的韶光去打磨。
IAmBinadam 令人惊艳的阐述设计
滚动叙事的项目常日须要大量的韶光和精力。不过，这样做的结果是值得的。页面变成“活的”，每一秒都有新的事情发生，以是在阅读时很难感到无聊。
那么移动端 APP 呢？ Pure 是一款约会运用（彩云注，这个运用在 app store 可以搜到，推举大家安装一个体验一下，非广告），它创造了一种我称之为“tappytelling”的故事（当你第一次点击并打开运用时，它就会被激活）：
Scrollytelling 是为用户而创建的，用户很喜好它，不须要到其他页面去阅读全体故事。相反，网页设计的全体故事都是事先考虑好的，并尽可能以最有趣的办法设计出来。
二、用户喜好看数据，数据可视化越来越被重视
如何在 2022 年做出一个还不错的企业网站？你不会想见告用户你是“XX 领域公认的领导者，该领域最好的之一”。这种标准的广告表达并不传达任何有代价的信息。
最好不要用形容词，而是用事实来解释:你有多少分支机构，在哪些城市，谁是你的客户，以及你是如何帮助他们的。抽象信息是不可靠的。但如果你有很多想要分享的数据，你须要让它不仅大略，而且有趣。
数据可视化有助于以一种吸引人的办法传达精确的信息。它也可以与滚动叙事（Scrollytelling）紧密结合。以下是 IAmBinadam 展示数据的办法：
通过去除数据集的繁芜性，使信息更随意马虎让读者感知。
不同级别的数据具有不同的大小，这样用户知道该当先从哪里查看。
读者可以很快把稳到作者试图通过图片引出的结论。考虑到如今人们消费的数据量巨大，那些干净整洁的数字带来的正面影响更大。
有些图表乍一看乃至不像图表，这使得它们更加能被把稳到。
还有一种征象叫做“新冠后遗症”。这是 Covid 对公司及其员工的长期影响。根据英国国家统计局的数据，2018 年，压力和焦虑的均匀得分约为 2.7/10。悛改冠疫情发生以来，得分已升至 4.0/10，很少低于这一水平。同样由于大盛行，在过去两年里事情量增加了 4 个小时。
人们压力太大，卷的太辛劳，以至于不愿去看繁芜的数据。
设计师做好数据可视化，以保持人们的把稳力。记住，繁芜的信息常日被忽略，由于读者试图节省他们的韶光，更有可能利用滚动按钮。
Illustration by Mona Chalabi
以下是我们推举的一些表示数据的办法：
Illustration by Ink Factory
1. 如何让信息图表看起来更好？
一个好的图表，或者任何其他形式的数据可视化，都该当具有在 Edward Tufte 的“定量信息的可视化显示”中描述的特色。在他的书中，Tufte 通过图表阐明了好图表的 3 个原则：
（1）展示数据的图形元素与数值总数的比值应趋向于 1。大略地说，该当删除统统不必要的元素，保持整洁。
Graph by Hootsuite
（2）充分利用好画面空间。也便是说，须要将数据编排的更紧密。
Graph by Hootsuite
（3）客不雅观地描述数据。不要利用夸年夜的图表，可视化数据可以看起来很酷，但真实永久是更主要的。
三、2022 年还有必要做 APP 吗？
根据 We Are Social 的数据，2021 年有 52.2 亿人利用手机，约占天下人口的 66%。自 2020 年 1 月以来，手机用户数量增长了 1.8%(9300 万)，而手机联网总数量增长了 7200 万(0.9%)，到 2021 年初达到 80.2 亿。
过去一年，社交媒体用户的数量增长了 13%以上。到 2021 年初，社交网络上已有近 5 亿新用户注册。根据 App Annie 的数据，Android 用户每天花在手机上的韶光超过 4 小时。2020 年，安卓用户上网时长超过 3.5 万亿小时。
令人印象深刻的数字，是吗？彷佛到 2022 年，为产品做一个 APP 将成为必须拥有的东西。如何知道你的公司是否真的须要一款运用？有以下几点可供评估：
（1）用户紧张通过移动设备访问你的网站
这是你该当理解的主要数据。客户和你在一起的韶光越长，你就有越多的机会去吸引他们，理解他们的习气，并给他们想要的东西。（彩云注：这便是为什么各大厂之间都在冒死抢占用户的在线时长。）
（2）帮助内部业务流程更加有效
如果你想要提高员工的事情效率、改进事情流程或增加利润，那么就制作一个可以帮助管理业务流程的移动运用。
如今，像这样的手机运用使企业能够实行越来越繁芜和多样化的任务，加快日常重复操作和文档管理。
（3）实现一些网站上没有的新功能
如果你认为 APP 能为用户打开新的触点，并让用户体验更加友好，那么它就值得考虑开拓。问问自己的 APP 能供应什么新的商业机会？例如，随着疫情的蔓延，许多人开始用上健身 APP 在家里磨炼。
（4）竞争对手的情形
要理解竞争对手在做什么，他们是否有 APP，能做什么，以及他们是否真的对用户有用。
查看 App Store 和谷歌 Play 的统计数据。***和评论的数量可以见告你用户是如何利用竞争对手的运用的。如果他们的做事真的很方便而且很有必要，那么你就随意马虎被甩在后面。
（5）复购率
一个运用可以帮助你留住那些习气从你那里购买的人。如果想为老客户开展匆匆销活动了，给他们发送一个关照就能完成，本钱更低。
在精确的韶光供应的报价越有吸引力，人们购买的可能性就越大。
出租车做事公司有转头客，他们肯定须要一个运用。
（6）匆匆销工具
有了运用，你就不须要费钱设计和制作实体卡，客户也不须要随身带卡。将匆匆销操持整合到 APP，并分享有用的匆匆销信息。
1. 做原生 APP 还是移动端网站？
开拓手机网站比开拓手机运用须要更少的事情量，这反过来可以降落整体推广本钱。
这部分是由于相应式设计的涌现，它许可你根据打开网站的设备屏幕来调度网站。至于 APP，它们必须为许多移动平台单独编写:Android、iOS、Windows 等。
一些设计师认为“前端驱动的网络体验”会是 2022 年的一个好机会，我非常赞许!（彩云注：在海内，现在开拓小程序切实其实定越来越多了。）
四、3D 设计具备更强竞争力
我们一开始并没有将其放在首位，由于这并不是一个新的趋势，在良久以前设计师们就已经设计了很多 3D 图像和动画了。
Cardi B rhymes with 3D
3D 技能已经在过去盛行了很多年，但它不会很快消逝。此外，我们预测 3D 图形将变得更加多样化和原谅。
在过去的几年里，3D 艺术和动画已经涌如今各种 UI 设计趋势评论中。这意味着越来越多的设计师将它们整合到页面中。
3D 当然该当成为 2022 年最热门的趋势和预测之一，由于与经典动画比较，逼真的 3D 形状结合动画总是引人瞩目的。
“从技能上讲，通过 3D 更随意马虎传达更多内容，由于它比平面图片更靠近我们的感知。3D 插图更有深度，信息量更大，也更具互动性。”
许多设计师将 3D 工具无缝地“安置”在 2D 空间中。它许可创建更有趣的组合，也作为一个精良的事情方法蕴藏着巨大的潜力。
乌克兰政府网站用 3D 手仿照了黑客帝国
把稳一点：在整合 3D 图形等重量级内容之前，确保你的运用性能是 OK 的，能够快速加载所有元素。
五、元宇宙风潮
Meta 的 logo 既不是 2D 也不是 3D。或者两者兼而有之？这便是即将到来的 2022 年的莫比乌斯带和薛定谔的猫。
Meta logo 的变革
（彩云注：这个观点在去年切实其实不要太火，未来几年肯定还会是一个大的趋势，设计师也须要保持关注。随着趋势走，易于放大自身代价。）
六、稠浊动画
越来越多的公司在网站和移动运用中利用动画，以提高用户的沉浸感和体验，使内容更有趣。
动画是 2022 年主要的网页设计趋势。2022 年，如果没有它，你的产品很可能会看起来就像个半成品。稠浊风格的动画越来越受欢迎:定格动画和 3D 动画的结合，2D 动画和 3D 动画的结合。设计师这样做是为了得到不同平凡的风格办理方案，以及提高终极产品的质量。
2022 年，动画设计将是品牌市场定位的主要组成部分，想想一个公司新的视觉形象——动画形象。随着这个领域的专业设计师数量的增长，实现新想法的机会也在增加。
1. 2022 年如何利用网页动画？
（1）讲故事
动画可以通过在界面和用户之间建立情绪联系来传达信息。
加载动画 Yoichi Kobayashi
（2）更有趣的加载
用户不愿意等待，除非载入画面很有趣。带有百分比的动画不仅可以分散用户的把稳力，还可以奉告他们加载页面须要多少韶光。利用进度条或者任何你能想到的可以显示韶光流逝的东西。
（3）光标效果
用户可以精确地不雅观察光标所在的位置。通过添加智能互动动画，对这个光标作出反应来探索网站。这种效果在 21 世纪初非常盛行。如你所知，盛行趋势每每每 20 年就会重演一次。
（4）动态排版
你有没有想过让字母舞蹈？
（5）添加角色的动画插图
据 Statista 统计，2020 年环球动画市场达到了 2700 亿美元。趋势是***，而不是静态信息。环球品牌在社交网络上利用动画制作广告。毫无疑问，动画插图的上风是它们非常灵巧和多样化。
（6）宝马历史动画
这样的作品常日用于两种情形：
动画讲授的趋势涌如今几年前，讲授***清楚地显示点击的位置或公司的项目是关于什么的。
在招聘或商业***中，用户更喜好看画出来的人物，而不是抽象的形状或物品。画出来的人物可以唤起情绪共鸣，就像活着的人一样。
七、微交互，大影响
微交互是帮助用户浏览网站或运用的小界面变革。常日这些是作为提示用户的视觉或声音效果：它们显示发生了什么，将导致什么操作，下一步须要做什么。
图片来源 awwards
动画交互将为你的设计注入活力，并有助于保持用户粘性。关注每一个细节是设计师事情的关键，由于设计中的所有元素都可以带来积极的用户体验。
主要的是要达到元素的和谐，而不是把把稳力分散到界面的各个方面。微交互浸染的一个主要部分是颜色，它们为界面元素增强代价。
CTA animated
微交互有助于页面导航，阐明它们的功能。最主要的方面之一是加快和简化以前冗长的功能，以实现特定的行为。
八、动态 logo，加深品牌印记
2022 年，在线品牌面临着新的寻衅，需寻求新的办理方案，个中之一便是动画 logo 设计。
图片来源 Toridori
动画 logo 紧张有以下几点营销上风：
吸引把稳力。这意味着它们有助于提高品牌有名度。有助于提高 SEO。谷歌更方向于动态内容，带有动态图形的页面更随意马虎吸引用户。在移动端看起来更好。丝滑的动画看起来比静态的 logo 更有趣。最主要的是展示了历史。静态 logo 背后的想法正在动画中发展。由于这一点，在几秒钟内，你可以展示品牌的义务，乃至它的代价！一家洗衣机[公司]的标志
现在有很多设计模板，可以很随意马虎地用字系统编制作一个动画 logo：
来源 Shabello, Bobby Voeten
九、末了的话
记住，设计趋势总是在变革的，但是设计的意义不会变。如果你不能深刻理解这一点，那么任何设计趋势的文章不能帮你做好设计。
#专栏作家#
彩云sky，腾讯高等视觉设计师；"大众年夜众号：彩云译设计
本文原创发布于大家都是产品经理。未经容许，禁止转载
题图来自Unsplash，基于CC0协议
