你将做出的最重要的早期设计决定之一是什么样的背景将承载一个项目。应该是单一颜色,无色,使用新潮元素如几何形状,渐变或木纹图案?或者一个坚实的背景设计可以帮助一个项目发光?
与背景设计风格保持一致也很重要。一个时髦的背景选择表明一个网站设计是现代的,内容是新的。现代视觉框架甚至可以向用户发出信号,表明您正在考虑他们的需求,并充分利用工具来改善他们的体验。
那你是怎么做到的呢?以下是2021年的背景设计趋势和风格,有几个很好的选择可以尝试。
液态背景
流动背景越来越受欢迎,因为它们在视觉上非常有趣。
您可以通过以下两种方式之一找到它们:
作为其他元素背后微妙的液体图像
作为背景中流动的动画
这两个概念看起来都很简洁,即使在静止的流动背景下,它也能唤起运动的感觉。液体动画或背景的水状感觉通常也有一些平静的效果,因为屏幕上的自然流动。
液态背景包括几种配色方案中的高分辨率背景。每个都有一个有趣的纹理,可以在完全饱和的颜色或静音工作。
覆盖照片
背景图像似乎永远不会变老,设计师们正在用不同的方法来增加图像的对比度,叠加和效果将整个场景结合在一起。
覆盖很有趣,因为有很多不同的方法可以做到这一点,从全色屏幕到部分覆盖,再到在图像上添加颜色和其他设计元素。
使照片覆盖背景工作的真正关键是使用足够的颜色,使前景元素高度可见,而不会隐藏太多的背景图像。
史诗照片覆盖包括一些趋势叠加选项,既能使图像变暗,又能提供梦幻效果。(这在社交媒体上很流行,也开始渗透到更多的网络项目中。)
厚透明胶片
与上述趋势形成鲜明对比的是在图像或视频上使用较厚的颜色透明度。虽然这种效果产生了很大的对比度,但它几乎使背景图像不可读。
这就是设计师试图通过这种外观来实现的目标。它在艺术品不牢固的情况下效果最好,主要用于提供额外的纹理,以便背景不仅仅是纯色块。
注意在厚透明物后面使用的图像或视频。它们不应该如此有趣,以至于人们试图理解它们。这些图像应该很容易地淡入背景。
水彩画
水彩背景是网站设计中插图和场景的新呈现。这种趋势包括任何有点手绘质感的东西。
水彩画的优点——也可能是它们受欢迎的原因——是这种风格具有某种柔和性,而一些更为苛刻的背景选择则缺乏这种柔和性。水彩也有一种真实的感觉,传达了你将要探索的内容的独特性。
最后,水彩风格散发出一点奇思妙想。这个概念似乎是一种设计感觉,现在有更多的项目试图复制这种感觉。
全屏视频
几年来,视频一直是热门的背景设计元素,但随着这一趋势,它正在被重新发明:全屏背景视频。
响应式形状允许设计人员缩放视频以填满落地屏幕。像上面的例子一样,这种趋势集中在具有最小效果和周围元素的视频上。
这种近乎电影般的体验吸引了用户,并且可以通过合适的视频剪辑进行高度互动。为了充分利用这种背景设计趋势,请寻找具有大量运动和动作的视频。
背景文本
您可能不认为文本是背景元素,但它可以。
带有大字的强力字体可以承载周围有图像元素的背景,甚至侵占空间。
这可能是最棘手的背景趋势之一,因为你需要在字体、图像和响应之间保持平衡,同时保持可读性。
微妙的纹理
背景中微妙的纹理可以增加项目的深度和维度。
有各种各样的纹理图案可以尝试,但主要的趋势似乎是纯色上的斑点(最常见的是白色)。
这种风格的纹理为背景提供了一种粗糙的元素,并增加了一种设计没有过度抛光的感觉。这种趋势最好的部分可能是它几乎适用于任何东西,你甚至可以将其与其他背景趋势相结合。(上面的例子使用了视频和纹理。)
悬停动画
谁说背景图像必须是静态的?
完美放置的悬停动作为原本静止的背景增加了适量的移动。这项技术适用于照片、插图,甚至图案或纹理。
诀窍在于,它为用户体验增加了意想不到的乐趣。在悬停动作出现之前,用户甚至不知道它在那里。
为了充分利用这种背景趋势,创建一个微妙的运动。在上例中,图像被激活时会有一点反弹。
分层场景插图
另一个正在发展的背景趋势是插图的使用。虽然设计师在背景中使用插图已经有相当长的时间了,但这些插图更复杂,有分层场景,甚至有一些动画。
一幅插图可以引人注目,令人难忘。插图的难点在于,这些背景设计可能会相当繁忙,你必须仔细规划其他元素的位置和风格。
上例中插图的使用几乎是完美的。通过偏离中心的位置和动画的提示,它很好地补充了文本和设计的其余部分。
色块层
色块已经成为一种超越学科的设计趋势。你会在时尚、家居装饰和网站设计中找到它。
这种风格设计背景的好处是它可以是明亮的,有层次感,视觉上很有趣。它可以与各种调色板一起工作——这对品牌来说非常棒——并且不会产生过于复杂或难以实现的背景。
使用带有明亮或浅色背景的颜色遮挡层,然后添加另一种颜色的第二个“背景”。您可以在上面的投资组合网站示例中看到这一点,白色背景,然后蓝色框中的单个元素。
纯色
平面设计从未真正消失的部分之一是风格的颜色。这些颜色又作为背景色出现了。
这种风格不仅使用更大胆的色调作为背景,而且以一种扁平的方式使用它们。没有渐变,没有变化,只有单一色调的纯色背景。
这些背景通常在顶部有逼真的图层,有时在它们后面有一个边框或另一个背景来创建深度。(您可以从上面的示例中看到这种完整的效果,米色背景周围有白色镶边,顶部有图像。)
几何形状
圆形、多边形等几何元素是2021年背景设计的一大部分。
这些形状可以让人想起童年,或者只是一种有趣的替代物,取代了以前流行的所有平面单色背景。为了在几何图形上有现代的天赋,坚持使用单调的调色板,并使用具有大量对比度的元素来充分利用背景。
这些背景风格可能有点华而不实,例如上面的例子,或者包括带有微妙几何底色的柔和调色板。
线条图案
从细微的曲线到大胆的笔触,线条图案作为背景设计元素越来越受欢迎。
让台词发挥作用的是它们有意义。最好的线条图案有助于将用户吸引到设计中,并将视线引向其他视觉元素,例如上面示例中的自定义线条图案。
线条模式可以是大的也可以是小的,根据项目的目标,这两种模式都是有效的。
水彩画
令人惊讶的是,水彩背景往往会引起设计师的大量反应——他们不是爱就是恨。
许多人将水彩元素与更女性化的色调联系在一起,比如上面的例子,但他们并不一定要这样。使用中性水彩给背景增加深度或平衡。
水彩背景可以模仿被画的元素,或者仅仅包括“画”的线条和漩涡
梯度
这种趋势在只有颜色的背景渐变、覆盖图像或视频的背景渐变,甚至是改变颜色或似乎在整个设计中浮动的动画背景渐变方面非常灵活。
有这么多的选择,几乎可以肯定,你可以找到一个可行的解决方案,与你的调色板和设计方案。
气泡和斑点
虽然气泡和斑点可能类似于几何形状,但它们通常是不同的,因为这些元素中的许多包含一些运动,并且形状相当不完美。
作为背景元素,这种趋势有两种作用:
作为一个实际的背景与气泡或斑点形状的元素,这只是为了视觉兴趣或增加一点颜色的整体设计。
作为“前景”背景元素,如上例。气泡和斑点通常是移动的形状,在整个设计中向上浮动,以创建更有层次的效果,但它们是“背景元素”,因为它们除了帮助吸引用户的注意力之外,没有任何功能。
抽象形状
有很多形状和设计可以创造美丽的背景,但不要归入任何一类。所有这些要素都可以归入包罗万象的“抽象”范畴。
抽象背景元素纯粹是为了视觉兴趣。他们可以在用户需要看到的元素附近创建一个焦点,开发一种空间感和深度感,或者只是为其他元素提供一个层。
虽然抽象背景是一种“无规则”的设计,但在使用它们时,最好有一些组织性和模式感,这样设计就不会给用户留下混乱的感觉。
木纹
当涉及到产品摄影和场景风格设计时,木纹背景很受欢迎。
两者都很适合这个元素,因为木纹背景提供了一个不平坦的自然环境。很有趣,但不是压倒性的。它提供了一个有趣的位置,有助于将焦点放在背景上。
为了充分利用木纹风格,尽量使木材的颜色与前景元素相匹配,并根据前景元素寻找宽或薄的木板。尽量避免元素落入木板之间的“裂缝”。
白色和灰色
浅色——白色和灰色——背景是一种持续流行的趋势。这些背景大多源自极简主义趋势,对用户来说简单易行。它们为屏幕上的其他元素提供了充足的空间和对比度。
大多数白色和灰色背景都有一些纹理元素,例如浅渐变,使用阴影来创建与前景元素或某种整体图案或纹理的分离。
结论
用新背景改变旧设计。像改变设计画布的外观这样简单的事情可以完全刷新一个项目。
寻找具有时尚感的东西,为你的设计增添更多现代感。