2018年，网页和APP中背景的8个主要设计趋势

在许多设计当中，背景元素常常是设计师在设计早期就开始考虑或者需要考虑的事情。是使用单一色彩，还是运用时髦的元素，是加入几何图形，还是加入渐变纹理？不同的考量，最终都会反馈到设计当中，影响一切。

在设计的时候，让视觉主体符合趋势是绝大多数设计师都在做的事情，而背景也是一样。一个时尚而贴合趋势的背景，能够更好地让网页和APP具备恰到好处的氛围，营造出对的感觉。现代的视觉框架让设计师可以更好地迎合用户的需求，借助合理的工具创造更好的体验。

看看2018年，设计师们使用背景的8个主要趋势吧，如果你正在头疼如何设计背景，这8种趋势和样式将是一个不错的参考和指引。

几何图形元素

当然，几何图形元素在这两年的设计当中大出风头，那么在设计背景的时候，它们怎么会缺席呢？

几何图形本身充满了童真，拥有着让人想起小时候的能力。它们和之前一直流行的扁平化设计有着千丝万缕的联系，而借助分明的几何特征，赋予设计以现代感，结合简约的配色方案，就能够营造出对比分明的背景，作为一个颇为优秀的背景画布。

几何图形营造的背景可以华丽无比，也可以通过微妙的色彩变化，创造低调但富有生命力的背景效果。

线性图案元素

从微妙的线条到大胆粗犷的笔触，线性图案也越来越受到设计师的青睐。

线性图案成为时下流行的趋势并不令人意外，它们在背景中作为装饰性元素，形式感本就极强，对于用户有着极强的视觉吸引力，通过合理的对比和引导，能够将用户的视觉导向关键的部分。

线性图案可大可小，可以直观而清晰，也可以微妙而深沉，设计师可以根据实际需求来进行调整。

水彩元素

其实，水彩元素在背景设计中的流行才是最令人感到惊讶的，因为根据反馈，设计师对于这一元素的态度其实是两极分化的，喜欢者对其极为热衷，讨厌者则避之不及。

许多人将水彩元素或者水彩风视之为一种女性化的设计趋势，就像上面的案例。不过，实际上，水彩元素可以承载着不同的感觉，传递不同的体验。水彩元素的好处在于，它的微妙变化和多样的色彩，能够赋予背景以深度，甚至能够很好的平衡背景元素。

渐变

当然，渐变的设计也是如今许多设计师的心头好。在扁平化流行后才重新回归的渐变，和以往相比更加灵活多变。单独的渐变色彩可以用作背景，将渐变色覆盖在视频或者图片当中，也是常见的用法。结合一些前端工具，甚至可以使用动态的渐变背景。

有了这么多选择，可以肯定的是，你最需要的其实也就是一套靠谱的渐变色配色方案了。

气泡和斑点元素

带有气泡和斑点元素的背景，乍一看和包含几何图形的背景很相似，但是你很快会发现两者差别还挺大的。通常气泡和斑点元素的分布会更加随意，视觉上没那么均匀完美，更富有动感，更重要的是它们通常是动态的。

这种趋势通常会以两种方式存在于背景当中：

• 将带有气泡或者斑点元素的图片用作实际背景，这些元素的功能仅仅是创造视觉吸引力，为整个背景在视觉上增色；
• 气泡或者斑点浮动在背景之上，就像上方的示例，气泡和斑点作为移动的视觉元素，丰富了整个设计的层次感，而不仅仅是附着在背景图片之上，而功能是用来吸引用户注意力。

抽象图形元素

最近一些新兴的图形设计工具能够创造出更加漂亮的背景图片，不过这些图片中的图形更加肆意放飞，它们不属于以往我们常见的任何类型，这些无以名状的图形元素通常可以被归类于抽象图形。

抽象图形元素和背景的结合同样在视觉上有着突出的优势，更容易形成视觉焦点，由于许多抽象图形是借助3D建模的方式构建出来的，渲染效果常常更加富有空间感和深度，为其他的元素提供一个可展示的、有层次的空间。

虽然抽象图形元素并不是一个富有规则的设计，但是它们在使用上通常是有组织且有模式的，这样的设计不会让用户感到混乱。

木纹元素

木纹元素在产品图片和场景设计是非常受欢迎的。

木纹本身会创造出不平整但是足够自然、富有肌理的环境氛围，这也是为什么在展示产品和场景的时候会更加有优势。在这一点上，木纹优势很明显，也很强大，它像视觉白噪音一样，让用户在查看的时候更容易关注到它所衬托的视觉主体。

为了充分利用木纹材质，可以尝试在拍照和取材的时候选取和视觉主体构成对比和搭配的木纹素材和实物，避免喧宾夺主，构建出协调的设计。

白色和灰色

白色和浅灰色的背景其实是一直存在的、持续发展的一种设计趋势。这两种色彩本身是非常优秀的背景画板，同时，也是极简主义风格下最合适的背景色彩，对于用户而言也足够简约、清晰。它可以为屏幕上所有其他的元素提供足够的空间感和对比度。

绝大多数的惫色和灰色的背景都会带有一些轻微的纹理，比如浅色的渐变，或者微妙细腻的图案。即使没有，设计师也常常会借助柔和和轻微的阴影让前景的元素在白色和灰色的背景上更加醒目。

结语

背景这样的设计中的绿叶是必不可少的，另一方面它也是无比重要和强大的。你甚至可以通过翻新背景来营造出全新的设计氛围，你会发现，调整了背景图片之后，整个设计项目的感觉就截然不同了。当你不知道如何处理背景元素的时候，在目前正在流行的背景图片设计趋势当中，仔细看看，找到一个适合你的设计的背景风格并不难。

「2018年设计趋势，一个都不要错过」

• 《2018年，这10个LOGO设计趋势值得你关注》
• 《超全面总结！2017年UI设计领域流行过这21个设计趋势》
• 《掌握这12个移动端UX设计趋势，你就掌控了2018年》
• 《这款独特的紫色，是为你指引2018年设计方向的年度潘通色》

================ 明星栏目推荐 ================

优优教程网： UiiiUiii.com 是优设旗下优质中文教程网站，分享了大量PS、AE、AI、C4D等中文教程，为零基础设计爱好者也准备了贴心的 知识树专栏 。开启免费自学新篇章，按照我们的专栏一步步学习，一定可以迅速上手并制作出酷炫的视觉效果。

设计导航：国内人气最高的设计网址导航，设计师必备：http://hao.uisdc.com