2022 年用户界面趋势

插图的使用

任何类型的 2D 或 3D 插图、自定义插图或涂鸦都提供了一个非常友好和简约的环境，从而提升了更好的用户体验。插图使可以页面脱颖而出。通常，插图带有一些动作设计，而动作通常会吸引用户的注意力并一目了然地解释公司提供的产品（只需几秒钟）。移动元素和动画让用户好奇，邀请他们进一步互动，看看接下来会发生什么。有许多免费资源可供设计师获取这些令人惊叹的插图并使您的页面生动活泼。

微交互是关键

为了使页面脱颖而出，微交互的使用非常普遍，这些微交互在创造出色的用户体验和保持用户参与方面发挥着至关重要的作用。微交互提供更直观的体验。流行的微交互之一是自定义光标交互，它随着光标的移动而发生，并创造出生动、互动和有趣的结果。

3D无处不在

3D 已经存在多年，但随着时间的推移，运用越来越广泛。在数字产品中实现 3D 的最实用方法之一是通过电子商务。随着市场逐渐转向在线世界，品牌找到了营销产品的巧妙方法。借助 Polycam 等易于使用的照片扫描技术，每个人都可以立即为其产品创建高质量的 3D 扫描。如今，在网站和移动应用程序中使用 3D 元素也很流行。在网站和移动应用程序中使用 3D 元素也很流行。我们不再被固定在 2D 外壳中。目前，我们引入 UI 的方式比以往任何时候都多。

一些例子 ：

粗体字体（粗体和简单）

每年，字体趋势都在变化和出现。因为如果不使用适当的字体，即使是最精彩的信息也会显得乏味，新的排版方法使我们的文字焕然一新。网页排版变得更大更大胆，特别是对于土地页面。粗体字体是吸引用户注意力的好方法。它使您的页面脱颖而出并要求用户阅读它。
一些粗体字体的例子是：

黑暗模式

暗模式已经以一种或另一种形式存在了很长时间，但现在更多的应用程序和网站具有暗模式。黑暗模式给人一种时尚现代的外观。使用暗模式功能还有很多其他重要的理由。例如，它可以帮助提高设备的电池寿命，并帮助减少使我们的大脑在夜间保持清醒的蓝光。
从 UX 的角度来看，暗模式增强了可读性。它可以减少屏幕眩光并节省电池。它还有助于减轻眼睛疲劳，并保护您的眼睛免受长时间使用屏幕的影响。
暗模式的一些示例：

来源（Apple Airpods Pro）


可见网格

另一个最受欢迎的 UI 趋势是可见网格。在成为趋势之前，长期以来，网格在网页设计部门中已经司空见惯。然而，在 2021 年情况发生了变化，设计师过去常常让网格几乎不引人注目，而今天使用粗线使设计更具吸引力。可见网格的主要好处是它使大量数据看起来井井有条，元素的简约和生动的块状图案确保了更快的扫描过程。

新拟态

神经拟态设计是一种视觉趋势，已成为当代软件、网站和移动应用程序的流行审美选择。“新拟态设计之父”Alexander Plyuto在追波和ins上发布了一张作品后突然爆火，浏览超30W+，获得众多设计师的喜爱，并被追波收录到2020设计趋势预测里面。有设计师称这种设计叫Neumorphism（新拟态）或者Soft UI（软UI），之后新拟态就慢慢传开了。

设计系统：

设计系统为设计界带来了纪律。随着时间的推移，越来越多的公司更加关注制作他们的设计系统。设计系统为我们提供了可重复使用的组件，从而为设计师节省了大量时间。
有不同的开源和流行的设计系统，如 Material Design、Ant Design、Atlassian Design、Uber Design、Apple Human Interface Guidelines 等。

用户语音界面：

非接触式交互变得越来越重要。使用了与设备交互的不同方法，例如语音控制和手势。这些基于语音的 UI 流行的原因是它们消除了对类型的需求，从而节省了大量时间。一些例子是 Siri 和 Alexa。

来源（苹果 Siri）

平滑渐变：

渐变又回到了趋势。通过渐变，我们可以混合不同的颜色，为我们的设计增添多功能性。它们可以混合相似的颜色（例如不同深浅的蓝色或黄色）或完全不同的对比色（例如紫色、红色或黄色）。而且因为它们融合了不同的色调，所以最终给人一种清新而现代的全新外观。我们可以用这些渐变创造奇迹，而且可能性是无穷无尽的。渐变在吸引最终用户的注意力方面起着至关重要的作用。
渐变的一些例子：

使用柔和的颜色：

UI设计师正在采用自然和柔和色彩的热门趋势。颜色在整体设计过程中起着非常重要的作用，因为每种颜色都会唤起一些情绪并影响整体情绪……柔和的颜色给人一种非常清新、平静和美感的外观。柔和的渐变也用于登陆和网页的背景，给人非常梦幻和美感的外观。

UX/UI 正在不断发展，就像其他领域一样，新趋势也在不断涌现。作为 UI/UX 设计师，我们应该随时了解趋势，这样我们就可以避免过时的设计经验并提出最新的设计。