快来学习UI背景设计趋势，让你的设计更出彩!_惠州UI设计培训学校

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

结语

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

文章来源：优设

原文作者：Justinmind 原文链接：#/EADK2Np

点击咨询直接了解更多相关资料，我在惠州北大青鸟新方舟等你。

本文内容转载自网络，版权归原作者所有，如有侵权请联系我们进行删除。

标签：惠州计算机软件培训惠州计算件软件开发惠州计算机软件基础惠州计算机UI设计软件开发惠州UI设计培训学校惠州UI设计培训UI设计基础教程UI设计是什么UI设计教程UI设计入门UI设计培训