2022 年到来了，像往常一样，我们为您准备了要遵循的顶级 UI设计趋势列表。

未来一年的设计是关乎用户，他们的独特性，并避免“完美的画面”。因此，现实生活中的照片、现场艺术插图和不对称越来越受欢迎。

用户界面 (UI) 定义了用户与产品或服务之间的交互。简而言之，UI设计包括界面的所有交互和视觉元素。它们是按钮、图标、菜单栏等等。许多公司专注于 UI 设计以提炼用户的整体体验。

几年前要求很高的一些 UI 趋势仍然处于领先地位。同时，一些在 2021 年变得普遍，并将在今年继续流行。

复古风格设计

2022 年的复古风格在许多领域都流行：服装、室内、音乐、印刷。此外，它还有机地融入了网页设计中。

这种风格的显着特征受到复古杂志的启发。复古风格包括明亮和柔和的颜色、线条图形元素、阴影、圆形同时又锐利的形状、优雅的衬线字体和圆形文本元素的组合。所有这些功能在 2021 年的网站界面中都以全新的方式脱颖而出。此外，这种风格仍然是 2022 年相关的 UI 趋势之一。

这样一来，复古风格与现代风格相结合成为一种新鲜而不同寻常的趋势。然而，难怪他们说一切新事物都被遗忘了。

家具品牌Sol'ace是实施复古风格的一个非常酷的例子

3D和3D动画

UI设计中的3D一定会在2022年进入我们的生活。3D元素之前已经被使用过，而今年，它们的使用频率会更高。因此，设计师将最大限度地发挥他们的技能，在 3D 中创建有趣的概念和动画。

3D作为2022年最流行的设计趋势之一，在很多领域都有应用。它们是电子商务、建筑、时尚产业、商业、文化、教育等等。例如，Apple 积极使用其产品的 3D 模型向未来客户展示他们最好的一面。

雷诺原件博物馆使用 3D 动画从不同角度展示汽车

艺术插图

设计师正在寻找一种方法来吸引用户，并将他们的注意力集中在网站或应用程序上。虽然人和物体的简洁矢量插图已经流行了好几年，但现在是时候改变方向了。

那么，不太完美的插图呢？这些可以是具有自然纹理、不同线宽的图像，也可以是艺术家手绘的图像。

品牌有多少植物成功地实现了这一趋势

大字体和现代衬线

您肯定遇到过具有巨大标题、硬字体以及明亮甚至霓虹色组合的网站。此外，这些站点的元素以混乱的方式分散。

然而，这就是创造组合的原因。这一切都是野蛮主义，是 2022 年 UI 设计趋势之一。显然，这种风格并不追求舒适和方便。相反，它具有挑战性并且打破了规则。

尽管野蛮主义现在正处于流行的顶峰，但您需要清楚地了解何时应用它，何时不应用它。例如，这种风格非常适合投资组合设计。此外，它适用于概念性服装品牌登陆页面或专门讨论主题的网站。

MSG 品牌展示了如何在网站设计中实施野蛮主义

不对称设计

UI 和图形设计中的不对称并不是新趋势，但在 2022 年仍将存在。

人们习惯于标准网格和经典站点结构。但是如果你转移焦点，让用户的注意力集中在主要的事情上呢？

Revolt网站是不对称风格整体看起来和谐清晰的一个例子

实拍照片

2022 年的这一设计趋势并不新鲜，但它会继续保持下去，并且只会在今年流行起来。手放在笔记本电脑前，一个穿着衬衫的人在画画，人们在不断增长的图表的背景下微笑……这些照片你肯定很熟悉。许多设计师使用它们，但这些图像不提供有关网站性质的任何信息。

c

Figma是如何在网站设计中使用实时照片的一个很好的例子

滚动讲述

现在，您可以使用滚动来介绍您的产品或公司。您可以创建一个网站，在用户滚动页面时逐步解释基本思想。

此外，了解这一趋势适用的主题和领域也很重要。毫不奇怪，没有人愿意长时间滚动网站来订购紧急产品。不过，您可以在适当的地方安全地实施这一趋势。

蓝色海洋基金会有效地使用滚动讲述来告诉游客海洋问题

极简主义

极简主义自豪地站在最新的 UI 趋势中，并且不会失败。从某种意义上说，它成了经典。然而，即使在经典的方法中，也应该带来一些新的东西，创造简单但引人入胜的解决方案。

极简主义基于自由空间、对比文本、图形元素、形状和有限的调色板。所有这些特征都旨在简化网站的视觉感知。此外，它们确保与它交互的便利性，这始终是设计师的首要任务。

界面越简洁明了，用户越愉悦。通常，用户希望快速使用应用程序或网站来满足他们的需求。因此，极简主义在这种情况下是理想的，不会分散或超载感知。这种风格的每个元素不仅是构图的一部分，而且还是一个功能组件。

有趣的是，2022 年的极简主义并不全是单色或白色背景。这个方向扩大了边界，变得明亮。然而，它保留了简单和方便的一般概念。

Neuro网站是极简主义的一个很好的例子

我们希望我们能帮助您了解网页设计的趋势，并启发您制作有效且不乏味的页面。现在您已经熟悉了 2022 年的许多设计趋势，但不要忘记主要的事情 - 无论设计是为谁设计的，它都应该清晰且用户友好。

文章最初发表在Codica 博客上