哪些网页设计趋势将主导 2022 年？您应该熟悉哪些风格和技术，以便您的作品全年保持新鲜和现代感？

设计趋势可以塑造一切，从设计师的创作方式到用户界面设计，再到从网站到包装设计的一切未来迭代。它们还可以快速放大或淡出，因此关注现在的流行趋势很重要，这样您的设计就不会很快过时。

让我们深入探讨2022 年的一些顶级网页设计趋势。我们将着眼于 2021 年末开始出现的趋势，这些趋势是来年奠定基础的明确候选者，以及一些即将流行的趋势设计。

有趣、乐观的设计

时髦的形状、颜色，甚至面孔都可以带来很多乐趣。设计师正在使用网页设计趋势，为从投资组合网站（如上面的示例）到电子商务的所有内容提供有趣、乐观的设计。这些设计的共同点是它们为世界注入了一点额外的快乐。

没有什么比笑脸更能表达乐观了。正确的图像是描绘这种氛围并利用这种网站设计趋势的简单方法。注意摄影和整体图像，并寻找与虚拟观众相关的面孔，例如来自 LegalSuper 的示例。

黑白配色方案

黑色和白色配色方案是今年最鲜明、最美丽的设计趋势。没有颜色，你真的必须在限制范围内思考和设计。虽然这听起来有点吓人，但它可以释放并帮助激发创造力。另外，结果绝对是惊人的。

也许在世界大事的另一个迹象中，黑白配色几乎无处不在。这种鲜明的审美表明有多少设计师可能会关注简单和鲜明。

使黑白配色方案既清新又现代的关键在于应用正确的效果和技术。

在上面的例子中，悬停时有一个微妙的、流动的动画以及超大的鼠标指针来增强交互性。

大胆的排版

在 2022 年，没有错误的字体排版方式。大粗体——甚至是衬线——无处不在。他们看起来棒极了。在玩弄这种网站设计趋势时，请考虑字体将如何响应（在移动屏幕上一切看起来都不同）以及如何最大限度地对访问者产生影响。许多实验性字体不仅设计有天赋，还包括动画或 flex 选项等元素。

从轮廓到彩色字体，再到不断变化的形状和填充，粗体和实验性字体选项在网站设计中占据主导地位。谈到今天的网络排版，真的没有规则，设计师们在玩弄一切。

Garcia Salmeron 的设计在主页上使用了多种字体效果来体现这一趋势：混合和匹配主标题中的字符、有点实验性的字体选择以及带有图像和背景的彩色填充层。

超大指针

这是一种设计趋势，如果您点击浏览，您会在此处的许多示例中看​​到，但在您尝试参与网站设计之前根本看不到：超大指针或鼠标悬停。

这个用户界面元素无处不在。最常见的例子和用法是 Jade Sheng 的例子，它的圆形指针在屏幕上移动，甚至在穿过可点击元素时扩展或改变颜色。

这种 UI 设计趋势的伟大之处在于，它为网站访问者提供了有价值的可用性信息，并帮助他们更好地参与设计。

三维设计元素

虽然 2020 年和 2021 年有很多设计师为完整的网站进行全面的 3D 设计，但新兴趋势是将 3D 元素与更扁平的整体美感结合起来。

具有 3D 风格的元素可能包括用于创建深度和维度的阴影、动画或图层效果。

是时候在 3D 中思考几乎所有事情了。从真实的网络模型到具有深度的视频或照片插图，3D 元素有助于为设计提供额外的理解，例如上面的建筑渲染，或增强视觉兴趣。

三维设计也延伸到视觉叙事。考虑如何以突出景深和阴影的方式捕捉您的故事或产品。视频，例如上面的示例，是有效传达这种风格的最可靠和最真实的方式之一。

粗野主义

粗野主义是人们想要加入的网站设计趋势，但它对于大多数项目来说过于苛刻和尖锐。进入这一趋势的最新迭代——几乎是野蛮主义。

这些设计使用了许多相同的鲜明效果，但边缘更轻。比单色字体更容易看到的衬线和沙色衬线是常态。即使有一些明显的边界和线条，元素之间也有足够的空间，而不是锐利的边缘。

没有太多的装饰或其他视觉效果，留下颜色和文字来真正承载这些项目。

滚动文本元素

虽然您总是希望文本元素可读，但它们也可以是动态的。滚动文本元素——通常使用超大字体，只有几个字，在一个位置——可以强调关键词并激发用户的兴趣。

文本滚动通常在屏幕左侧两个不太忙的位置缓慢移动。大纲字体是一种流行的选择，保持可读性的关键是使用简短的常用词或短语。

号召性用语和其他消息应与滚动文本分开，以确保网站访问者可以轻松阅读它们。

滚动文本选项不仅仅是网站设计趋势或技巧，它们实际上可以帮助鼓励互动和用户参与。在上面来自 Mama Joyce Peppa Sauce 的示例中，光标包含滚动文本，该文本扩展为更大的滚动文本显示。

玻璃形态

玻璃形态的最初暗示始于 2020 年末和 2021 年初的新形态，并演变成现在流行的更完整的玻璃效果。

Glassmorphism 正是您所想的：设计元素的外观让人联想到玻璃。可能有透明、冷淡或光泽的元素。

设计师们一直在 Dirbbble 上以一种主要的方式使用这种风格，并在大量已发布的网站设计中找到了一种方法。

更多渐变

除了每个设计都非常平坦的短时间内，渐变是不断出现的设计趋势。2021 年，设计中的大部分渐变都出现在背景中。

2022 年，渐变将采用两种新形式：

• 为文本颜色填充（如上面的例子）提供最大的影响和强调
• 用其他线条填充插图或图标以创建纹理深度效果

没有图像的主页

不许图片素材？没问题！无需图像即可设计它，您将在 2022 年紧跟潮流。

使用不同类型的用户界面或设计技巧来充分利用没有图像的主页。在此处的示例中，Kirifuda 使用了漂亮的黑白配色方案，在文本元素之间具有叠印效果。超大字体和手写风格的字体有助于将它们整合在一起。（请注意将其他设计趋势与这一趋势相结合以获得出色的效果。）

没有图像的设计也是尝试其他技术的好机会，例如动画、悬停状态或其他交互元素。

分层效果

堆叠、边缘和重叠的元素可以在设计元素和深度效果之间建立连接。分层效果可以是明显和直接的，也可以是低调一点。这两个选项可以一起使用或单独使用以产生整体影响。

State Creative 使用多个图层——背景、中间、前景——以视觉上有趣且有意义的方式将各种元素组合在一起。

分屏美学

分屏美学重新流行。几年前的趋势是出于可用性和响应性的原因，现在它更像是一种设计。

这些视觉效果可以包括水平或垂直分割的屏幕，每一侧具有相同或不同的功能或点击动作。

最好的分屏设计可以同时做两件事：

• 它们提供了强烈的视觉体验
• 他们使用多个入口点来深入研究内容

结论

当谈到网站设计趋势时，新的一年已经开始以非凡的方式爆炸。考虑如何将这些元素合并到现有项目中或作为新项目的一部分。最重要的是，玩得开心！

原文作者：Carrie Cousins