新年新趋势,对于设计趋势我们似乎永远都聊不完。虽然我们无法确知 2022 年会有怎样的变化,但是我们可以通过 2022 年整个设计圈的演进,来窥见未来可能会越来越火热的设计趋势。
不过,因为视角和领域的差异,各家对于设计趋势的看法各不相同,不过总体上并没有冲突,从优设近期的几篇设计趋势文章中就能看出来。 UI 设计趋势的转变,很大程度上会受到多用户互动习惯、设计语言和数码装置的影响,《趋势丨 8 个您需要知道的 2022 年 UI 设计流行趋势》这篇文章能让您更加明白这个道理; 而从事电商行业的小婷姐则更多是从行业发展和从业经验的角度来分享 2022 年电商设计的变化趋势:《电商|入行 5 年,我写文百篇后总结了这 8 条趋势分析》; 至于相对宽泛的多用户体验设计,所探讨的话题也相对更加抽象,但是依然很重要,有兴趣可以看看这篇优设重译之后的《2022 年即将流行的 9 大 UX 设计趋势》,相信您能有所收获。
当然,今天我们要聊的是在网页设计领域在 2022 年可能会出现的设计趋势,也许并不完全精准,但是相信您会在接下来的一年中,越来越多地看到这些设计手法。
1 、越来越多的衬线体

除开我们所熟知的 Helvetica,占据我们萤幕页的各种非衬线体字型还有很多。在过去几年中,高清大图的流行和跨平台设计大行其道,这两种客观需求之下让设计师惯于将加粗、易读的非衬线体和大图结合起来使用。
但是随着高清萤幕的流行与普及,非衬线字型一家独大的局面将会发生改变。
细节丰富,充满装饰性的非衬线体字型在现如今的萤幕上,已经不存在识别度的问题了,可读性强了很多。在如今高画素密度的萤幕上,拥有不同美学特征的非衬线体字型的全部特色,都能完整地呈现出来。
2 、深色系配色

在过去的一年当中,大量的网站采用了白色和浅色的背景,采用深色背景设计的网站相对较少。
可是看多了也腻味。有一部分网站已经开始倒转整个配色,开始在自家的网站上探索深色系配色的美学。在配色上采用深色为主的设计,需要注意的就是其中色彩的对比度和内容的可读性,只要把握好其中的关节,能够很好的吸引访客的注意力。
随着深色系配色而来的,还有越来越多的单色配色方案,更极端一些的,干脆就只在纯色的深色背景上搭配照片。这样的配色手法乍一看很单调,但是深色背景下,流行色会显得更加突出,也更容易鼓励访客与网站进行互动。
3 、中性、自然的配色方案

如果您一直关心流行色或者优设的话,您肯定会知道潘通新发布的 2022 年流行色——草木绿,这一自然气息浓郁的色彩被大家称为 “新中性色” 。
在未来的一年当中,将会出现越来越多充满自然特色的配色方案,而其中许多配色方案会选择使用草木绿来搭配。
如果您想了解潘通的草木绿是如何挑选出来的,那么这篇文章不容错过:《潘通发布 2022 年流行色后,我们和它的 CEO 来了一场对话》。看完之后,优设的这篇《玩转草木绿! 在这里了解 2022 的年度潘通流行色》应该能让您更了解,如何将出草木绿融入到您的设计当中~
4 、几何元素

从矩形到三角形,从方形到圆形,几何图形已经越来越多地出现在网页设计当中。好的设计不会让这些几何图形在整体中过于突兀,而是尽量融入,为多用户提供视觉引导,强化互动体验,提供行动召唤,或者让整个视觉更加有趣。
网页中几何元素的设计要如何设计好呢? 技巧在于,尽量采用简单的设计。例如,您喜欢环状的元素,那么您可以将它作为一个固定的元素,在整个设计中使用,它可以承载图示,也可以用作团队成员头像外框。
几何元素的另外一种用法,是将多种图形做成拼贴式的背景装饰元素。几何元素尺寸较小的时候,可以使用明亮的色彩,让整个设计显得更加缤纷有趣。如果几何图形尺寸较大,就不能这么用了,而是要通过着色让他能和其他元素构成对比,又不能太过于突兀,比如 Hive Boxx 这个页面的设计。
5 、超大字型

有一些设计师已经开始这样做设计了,不过随后您会在网页设计中看到更多的超大字型的设计。字型尺寸拉大之后,搭配多样的样式、飞溅的色彩,这些尺寸超大的文字如今已经变得越来越重要了。
超大字型流行背后的逻辑是页面需要通过它们抓住多用户的注意力,每个设计师都需要让特定的部分在整个设计中脱颖而出。拥挤的浏览器页面中,要怎样才能抓住多用户的注意力呢? 肯定是强视觉化的内容,这样一来,超大字型的流行就解释得通了。
当然,您可以从经典的英文字型入手:《灰昼的字型库!10 款常用的经典基础英文字型推荐 (已打包)》
6 、虚拟现实

对,虚拟现实是目前火热的趋势,并且它已经入侵到了网页设计领域了。
许多设计师已经开始在他们自己的网页中尝试设计类似虚拟现实的效果。从游戏到 360 度视讯,设计师试图让多用户无需 VR 眼镜而拥有环绕的真实视野。虽然技术上和 VR 几乎完全不沾边,但是它同样是追求真实的体验。
目前,这种设计还没有完善的规则,许多类 VR 的网页设计还是需要设计师动脑子想办法来实现,非常考验设计技巧。
如果您对于 VR 和 AR 感兴趣,优设之前的这篇文章应该能让您有所思考:《AR|也许 AR 增强现实技术才是距离设计师近的未来》
7 、新的导航模式

如果您一直在关注新的设计趋势,您会发现设计师一直在尝试寻求不同的导航模式。当然,截至目前,绝大多数的页面依然还是将导航挂着页面的顶部。
随着不同的尺寸比例萤幕、不同的装置的出现,新的导航模式拥有了存在的可能性。先流行开来的是萤幕侧边导航设计和隐藏式的导航设计。
这种看似微小的变化,让网站的浏览方式和体验出现了翻天覆地的变化:它们让页面变得更加时尚,可以相容不同的萤幕需求,甚至让整个网页布局都能进行全新的设计了。
隐藏式选单设计并不是让导航完全隐藏,而是让整个萤幕都成了拨出选单的控制组件,这样的设计已经被很多多用户所理解并熟知,它在移动端上的应用已经相当的广泛。
结语
今天所聊的这 7 个网页设计趋势,其实只是诸多趋势中,相对明显的 7 个,如果您仔细观察还能发现更多。