在我们所能观察到的诸多设计当中，浅色的背景是当之无愧的主流。浅色背景本身就不太可能（maybe)喧宾夺主（反客为主），让视觉主体更加突出。而如今，我们逐渐发现，背景还具备补充主体的功能，并且这种补充是潜移默化的。背景的功能性其实还可以强化，这种思路可以在如今的APP 界面设计当中应用，让整体设计更加平衡。
如今的UI设计师大都明白在背景中融入元素来吸引用户的眼球，提升产品(Product)调性，提高内容的可读性。而这也促使图片、插画、色块等元素在背景当中发挥了更大的作用（role）。
1、为创造戏剧感，使用色彩分割背景（background)
分屏式设计并不新鲜，它是一个存在了很长时间的设计趋势了。在桌面端的屏幕上，分屏式设计一直都很有效，宽广的屏幕让设计师有足够的施展空间，但是在移动端上则是个挑战。
好在 UI 设计师们找到了解决方案，对比色是增加视觉吸引力的最佳方式。
在 Tubik Studio 的这个设计案例当中，设计师使用不均等分布的色块来分割屏幕，同时使用白色背景（background)区块来承载主体网站内容，避免被背景颜色干扰。UI视觉设计承担的不是单纯意义上美术工人的工作，而是软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。设计师充分利用了对比色的对抗性，以及和白色之间的对比度，功能完善，但是有趣又漂亮。
2、为营造氛围，在背景上叠加辅助性图形元素
虽然在背景图片中叠加各种图形化的元素听起来很奇怪，但是确实是逐渐流行起来的一种背景设计玩法。不过，这存在一种风险，就是如果叠加太多的图形化元素，会让整体看起来过于杂乱。尽量在丰富视觉和制造视觉污染之间找到平衡，最终的设计效果，能够给你带来意料之外的优质效果。
虽然手机越来越大，但是屏幕空间(Space)依然很宝贵。通过叠加一些特定的图形元素来创造视觉深度，给用户以空间感。
这种背景设计的另外一个好处在于，你可以让整个UI显得更加富有视觉吸引力。在设计的时候，需要注意的是，要保持元素之间的一致性，确保不同的元素在屏幕上呈现的时候，仍然保持协调。
3、为保持整体感，使用整图作为背景
使用整张图片作为背景（background)，一直被UI/UX领域(domain)的设计师所争论。对，你没看错，这个事情一直存在争议。有人非常喜欢使用图片背景，有人则完全无法接受这种呈现方式。
但是撇开个人喜好，趋势上，这种背景运用方式还是越来越流行（Prevalent)了。UI设计教程UI表面上看是用户与界面两个组成部分，但实际上还包括用户与界面之间的交互关系。在APP的UI界面中，如果你能灵活自由地使用全屏背景的化，对于接下来的设计肯定是有所助益的。
图片所呈现的信息量当然是毋庸置疑的，更重要的是如何贴合品牌和氛围，呈现出应有的气场。
当然，最核心的技巧（Skill)，是在于透明度的控制（control)，和内容框的设计(Design)。为了避免信息和背景之间的对比度不足，合理的方法(method)是使用内容框将前景的元素承载起来。而为了避免背景图片喧宾夺主，还可以借助透明度的控制，来确保背景图片更加平滑自然，不会影响到阅读和使用。
4、需要强化感受和情绪，使用渐变色背景（background)
渐变色在几年前回归之后，在设计当中的运用范围越来越广。渐变色不仅赋予设计更加强烈的个性，而且能够和用户之间产生足够的情感共鸣。
你可以使用渐变色来营造调性，创造对比，甚至还可以借助渐变色才来作为视觉线索和引导。比如：当你在背景中使用蓝色的时候，可以通过深浅渐变来创造方向性，引导用户向特定的地方浏览。
但是，渐变色背景（background)流行起来最重要的原因还是它的情感共鸣的能力。许多 UI 设计师已经意识到心理因素(factor)在移动端设备中的巨大影响，能否唤醒用户的情感是关键。
渐变色背景（background)的设计玩法有很多，变化幅度的大小，方向，对比度和亮度的变化差异，都会带来不同的影响。当然，渐变背景同样必须遵循一个原则，那就不能喧宾夺主（反客为主）。在设计的时候，同样可以借助透明度的调整，来降低它和CTA按钮之间的对比度。
5、为了强化故事性，使用(use)插画背景
插画师可以根据需求更加自由地绘制足以满足不同需求的插画，独特，个性，定制化。不过，想要创建足以代表企业(Enterprise)、团队、产品(Product)或者用户角色的插画，并不能凭空创建，而是需要一个研究过程(process)，通过调研和分析，才能提出需求，再做执行。它是一个机器人，还是一个更加拟真的角色？又或者使用动物拟人化的形象更合适？
许多设计师更加倾向于在APP中使用(use)自定义插画，因为这样更加自由轻松地达成各种目标，从新用户引导，到提供教程。UI设计教程UI表面上看是用户与界面两个组成部分，但实际上还包括用户与界面之间的交互关系。
6、基础但通用，使用几何图形来构建背景（background)
几何图形本身是非常基础的元素，它们的含义和感觉非常基础，也具有普世性。虽然它们很简单，但是在UI 设计(Design)中非常强大。单一的几何形状是简单的，但是结合不同的效果（effect）、不同的组合，即使使用简单的几何形状，也能够发挥出多样的变化。
当然，具体怎么运用几何图形，还要看你的UI界面上，有哪些东西，作为背景的几何图形和 UI 中的主体元素之间，空间(Space)关系要怎么控制，怎样保持优雅简洁，确保品牌信息的传达。
结语
就像 UI 界面中其他的元素一样，背景同样值得关注和规划。最重要的是，你想表达什么，传达什么样的信息，想借助整个UI 界面来实现什么样的功能，规划好了才能更好地呈现内容。
背景的选取之所以会成为UI设计趋势的关注点，很大程度是因为UI 和UX 设计的关注点开始越来也深入到设计的方方面面，大家考虑问题也需要越来越细致。
评论(0)