图形背景：移动端UI/UX背景设计六大趋势

在设计一个app的时候，大家都知道屏幕背景是十分重要的。在过去的十年中，用户的品味与喜好已经发生了变化，这就使得我们在2018年迎来了一些令人兴奋的设计趋势的爆发。

在过去，我们采用的几乎都是一些比较浅的纯色背景，这样用户就可以不被干扰，同时也能突出app的内容。如今，我们认识到了一个图形背景可以在补足内容的同时不会影响到用户的注意力。这是一件需要拿捏好分寸的事情，而我们的工作就是帮助你在你的app设计中找到完美的平衡。

所有的UI设计师都知道，某些元素的添加可以帮助引导用户的视线、奠定产品的基调以及提升内容的可读性，而这就打开了一扇在设计中使用图片、插图、色块以及各类效果的大门。

使用颜色去分割屏幕：划分与征服

屏幕分割这个技巧已经被使用了一段时间了。在电脑端上，屏幕分割是一个很常见的设计特点，然而，将这个技巧应用到移动端上却依然是一个挑战。在有限的空间里，我们要怎么在不增加用户视觉负担的情况下进行屏幕的分割呢？

幸好，UI设计师们已经找到了答案。通过使用对比度大的颜色来对内容进行划分以及显示用户已执行的动作，我们可以得到一个既好看又实用的图形背景。

Credit: Tubik.

在这个例子中，我们可以看到，设计师不仅使用红色去分割屏幕，同时也加入了一个白色框来承载内容——这使得彩色的图像背景与白色框之间得到了最大的对比度。实用，有趣，而且漂亮！

重叠的平面元素：场景搭建

对某些人说，在背景中使用多种重叠元素可能很奇怪。如果做得不好，你最终得到的可能是一个充斥了太多元素的屏幕。视觉上的污染同时令人困惑——你绝对不会想你的产品是这样的。但做对了的话，这类图形背景可以产生很好的效果。

越来越多的设计师采用这种UI设计，因为你可以利用重叠的元素来创造出空间感。即使智能手机变得越来越大，但屏幕区域依然是有限且宝贵的。如果你想的话，你可以在屏幕上创造出深度感，这样用户就会在视觉上感到有更多的空间。真机智！

Credit: Kai Rennenberg.

这种设计的另外一个好处就是，你可以有机会去创造出一个十分抓人眼球的设计——在Justinmind中，我们很喜欢给图形背景中的某些元素添加阴影，从而得到一个优雅的外观与真实的感觉。

这里面的窍门是，元素之间要可以达成一致，这样即使你的屏幕上有好几件事情在同时发生，但一切仍然是和谐的。

使用整张图片作为背景

是的，用单一张图片来做整个图像背景这个做法引起了UI/UX设计团体间的争论。有些人很爱它，有些人却说这是不可原谅的。

先不考虑你对使用图片作为背景这件事的看法，不可否认的是，它已经成为了2018年的一个设计趋势。实际上，如果你可以巧妙地围绕背景图片建立你的app的产品特色，那么你很可能可以得到一个超棒的结果。

Credit: Tubik and Sergey Valiukh.

毕竟，一图胜千言，不是吗？图片还可以清晰地向用户传递信息——无论是品牌形象还是app的功能。

在你把内容与背景图片进行有机结合的时候，有两个可靠的盟友可以帮上你的忙：透明度与内容框。

Credit: Air France.

有些设计师很懂得将内容放在框中，这样就能够得到很好的对比度和可读性，就像法航这个精心排布的图片背景界面一样。除了内容被很好地展示出来以外，由于背景图片本身是不透明的，这就使得这个屏幕都很优美，同时也保证了用户的注意力都放在登机信息上。

颜色渐变：给你的用户一点感觉 

设计师们都很了解色彩的力量。在你的图形背景中使用正确的色彩方案就能够反映出品牌形象与个性、保证高可读性以及影响用户的情感感知。

你可以用你的渐变颜色作为地图来将你的内容按类型或者按概念进行划分。如果你的背景是蓝色的，简单的一个更深的蓝色就能够帮助你组织屏幕内容，同时也能够使用户的浏览更加简单。

你可以用你的渐变颜色作为地图来将你的内容按类型或者按概念进行划分。如果你的背景是蓝色的，简单的一个更深的蓝色就能够帮助你组织屏幕内容，同时也能够使用户的浏览更加简单。

颜色渐变这个趋势背后的真正动力在于它影响人类情感的能力。世界上大多数的UI设计师都已经认识到，人类心理上的因素在移动端设计中有着举足轻重的地位，而且，我们的情感也是任何一个app能够成功的关键因素。

Credit: Tubik and Sergey Valiukh.

你可以对颜色的对比度和亮度进行各种尝试，最后得到一个能够使你的用户感到幸福/舒适/稳定/可信赖等感觉的背景。你的图形背景可以成为一个使你app变得优秀的强而有力的推手，而不仅仅是作为你的内容的一块白色衬底。

一个小提醒：在背景中，递增的透明度是确保图像与Call to action之间有一定对比度的好方法。而我们所有人都知道，Call to action应该一直都是焦点！

定制插画：让你的图形背景会讲故事 

使用定制的插画可以让你的产品更有个性。我们都看惯了不同app中大家都使用的经典图标，因此，当我们看见一些特别的东西的时候，我们会更加欣赏它。

要创造一些可以代表公司、代表产品或者代表用户的角色是需要做一些调查与研究的。之后，我们应该怎么着手去拟人化我们的app呢？如果我们的app是一个卡通人物，那它会是一个机器人吗？还是人类呢？或者一些其他的动物能够更好地体现我们的品牌形象？

Credit: Nimasha Sperera.

很多设计师都选择为图形背景创作插画是因为，这些插画能够更好地向用户介绍这个app。如果你的app涉及一些必经的或者大量的登录操作，那么，在背景中加入一些角色，让乏味的指示转变为讲述故事的方式，则可以帮助用户了解进度。

几何图形与形式：一种我们都会说的语言 

几何图形都是一些很基本的元素，但简单的东西在UI设计里却可以变得很强大。

使用简单的几何图形，你就不会再有任何藏起来的别致的小花招或插画了。你将面临在该屏幕上使用单个元素进行测试的需要，以及要研究该内容将如何影响图形背景，反之亦然。

Credit: Michal Palruski.

这意味着需要仔细考虑屏幕的不同元素。你的设计中的亲密性，间距或对齐都需要达到完美的程度才能产生和谐。 这是非常苛刻的，但它确实能让设计师有机会以一种不会让人怀疑他们才能的方式去展示他们的作品。

这并不容易，但几个世纪以来，设计师们一直在使用几何形状和图像。 事实上，我们也可能会在下个世纪中继续使用几何元素。 另外，依赖于简洁形状的图形背景和外观清晰的设计可以在传递优雅和简洁方面创造奇迹，上至品牌，下至用户。

就像你的app的所有其他的方面一样，你的背景值得被关注和规划——你可以花时间和精力，把它变成一个可爱的背景，让它去讲述一些你的事情，让你的用户感受到某些事物，让他们以不同的方式来看待你的内容。

这就是为什么是图形背景，而不是一些旨在不会制造麻烦的东西，在UI设计师中变得如此受欢迎的主要原因。他们的目标，是要找一个能为app增加价值的背景。 通过正确的研究和对的UI设计师，你将拥有一个有独特的个性和感觉的产品。 谁不想要这样呢？