UI 背景设计的6个趋势

无论是设计网页还是海报，背景图**都是最常用、也最能体现当下设计趋势的一种设计元素。在设计APP 的时候同样是如此。过去的10年当中，用的品味发生了不小的变化，而现在，整个设计趋势上，似乎正处在一个关键的转折点上。

在我们所能观察到的诸多设计当中，浅色的背景是当之无愧的主流。浅色背景本身就不太可能喧宾夺主，让视觉主体更加突出。而如今，我们逐渐发现，背景还具备补充主体的功能，并且这种补充是潜移默化的。背景的功能性其实还可以强化，这种思路可以在如今的APP 界面设计当中应用，让整体设计更加平衡。

如今的UI设计师大都明白在背景中融入元素来吸引用户的眼球，提升产品调性，提高内容的可读性。而这也促使图**、插画、色块等元素在背景当中发挥了更大的作用。

1、为创造戏剧感，使用色彩分割背景

分屏式设计并不新鲜，它是一个存在了很长时间的设计趋势了。在桌面端的屏幕上，分屏式设计一直都很有效，宽广的屏幕让设计师有足够的施展空间，但是在移动端上则是个挑战。

好在 UI 设计师们找到了解决方案，对比色是增加视觉吸引力的最佳方式。

在 Tubik Studio 的这个设计案例当中，设计师使用不均等分布的色块来分割屏幕，同时使用白色背景区块来承载主体内容，避免被背景色彩干扰。设计师充分利用了对比色的对抗性，以及和白色之间的对比度，功能完善，但是有趣又漂亮。

2、为营造氛围，在背景上叠加辅助性图形元素

虽然在背景图**中叠加各种图形化的元素听起来很奇怪，但是确实是逐渐流行起来的一种背景设计玩法。不过，这存在一种风险，就是如果叠加太多的图形化元素，**让整体看起来过于杂乱。尽量在丰富视觉和制造视觉污染之间找到平衡，最终的设计效果，能够给你带来意料之外的优质效果。

虽然手机越来越大，但是屏幕空间依然很宝贵。通过叠加一些特定的图形元素来创造视觉深度，给用户以空间感。

这种背景设计的另外一个好处在于，你可以让整个UI显得更加富有视觉吸引力。在设计的时候，需要注意的是，要保持元素之间的一致性，确保不同的元素在屏幕上呈现的时候，仍然保持协调。

3、为保持整体感，使用整图作为背景

使用整张图**作为背景，一直被UI/UX领域的设计师所争论。对，你没看错，这个事情一直存在争议。有人非常喜欢使用图**背景，有人则完全无法接受这种呈现方式。

但是撇开个人喜好，趋势上，这种背景运用方式还是越来越流行了。在APP的UI界面中，如果你能灵活自由地使用全屏背景的化，对于接下来的设计肯定是有所助益的。

图**所呈现的信息量当然是毋庸置疑的，更重要的是如何贴合品牌和氛围，呈现出应有的气场。

当然，最核心的技巧，是在于透明度的控制，和内容框的设计。为了避免信息和背景之间的对比度不足，合理的方法是使用内容框将前景的元素承载起来。而为了避免背景图**喧宾夺主，还可以借助透明度的控制，来确保背景图**更加平滑自然，不**影响到阅读和使用。

4、需要强化感受和情绪，使用渐变色背景

渐变色在几年前回归之后，在设计当中的运用范围越来越广。渐变色不仅赋予设计更加强烈的个性，而且能够和用户之间产生足够的情感共鸣。

你可以使用渐变色来营造调性，创造对比，甚至还可以借助渐变色才来作为视觉线索和引导。比如：当你在背景中使用蓝色的时候，可以通过深浅渐变来创造方向性，引导用户向特定的地方浏览。

但是，渐变色背景流行起来最重要的原因还是它的情感共鸣的能力。许多 UI 设计师已经意识到心理因素在移动端设备中的巨大影响，能否唤醒用户的情感是关键。

渐变色背景的设计玩法有很多，变化幅度的大小，方向，对比度和亮度的变化差异，都**带来不同的影响。当然，渐变背景同样必须遵循一个原则，那就不能喧宾夺主。在设计的时候，同样可以借助透明度的调整，来降低它和CTA按钮之间的对比度。

5、为了强化故事性，使用插画背景

插画师可以根据需求更加自由地绘制足以满足不同需求的插画，独特，个性，定制化。不过，想要创建足以代表企业、团队、产品或者用户角色的插画，并不能凭空创建，而是需要一个研究过程，通过调研和分析，才能提出需求，再做执行。它是一个机器人，还是一个更加拟真的角色？又或者使用动物拟人化的形象更合适？

许多设计师更加倾向于在APP中使用自定义插画，因为这样更加自由轻松地达成各种目标，从新用户引导，到提供教程。

6、基础但通用，使用几何图形来构建背景

几何图形本身是非常基础的元素，它们的含义和感觉非常基础，也具有普世性。虽然它们很简单，但是在UI 设计中非常强大。单一的几何形状是简单的，但是结合不同的效果、不同的组合，即使使用简单的几何形状，也能够发挥出多样的变化。

当然，具体怎么运用几何图形，还要看你的UI界面上，有哪些东西，作为背景的几何图形和 UI 中的主体元素之间，空间关系要怎么控制，怎样保持优雅简洁，确保品牌信息的传达。

结语

就像 UI 界面中其他的元素一样，背景同样值得关注和规划。最重要的是，你想表达什么，传达什么样的信息，想借助整个UI 界面来实现什么样的功能，规划好了才能更好地呈现内容。

背景的选取之所以**成为UI设计趋势的关注点，很大程度是因为UI 和UX 设计的关注点开始越来也深入到设计的方方面面，大家考虑问题也需要越来越细致。

作者：Justinmind

译者：陈子木

来源：https://www.uisdc.com/graphical-backgrounds-6-great-trends

本文由 @陈子木 授权发布于人人都是产品经理，未经作者许可，禁止转载

题图来自 Pixabay，基于 CC0 协议