杭州ui设计培训学校网页设计交互设计培训

无论是设计网页还是海报，背景图片都是常用、也能体现当下设计趋势的一种设计元素。在设

计APP 的时候同样是如此。过去的10年当中，用户的品味发生了不小的变化，而现在，整个设计趋

势上，似乎正处在一个关键的转折点上。

在我们所能观察到的诸多设计当中，浅色的背景是当之无愧的主流。浅色背景本身就不太可能喧宾

夺主，让视觉主体更加突出。而如今，我们逐渐发现，背景还具备补充主体的功能，并且这种补充

是潜移默化的。背景的功能性其实还可以强化，这种思路可以在如今的APP 界面设计当中应用，让

整体设计更加平衡。

如今的UI设计师大都明白在背景中融入元素来吸引用户的眼球，提升产品调性，提高内容的可读性

。而这也促使图片、插画、色块等元素在背景当中发挥了更大的作用。

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

分屏式设计并不新鲜，它是一个存在了很长时间的设计趋势了。在桌面端的屏幕上，分屏式设计一

直都很有效，宽广的屏幕让设计师有足够的施展空间，但是在移动端上则是个挑战。

在 UI 设计师们找到了解决方案，对比色是增加视觉吸引力的佳方式。
在 Tubik Studio 的这个设计案例当中，设计师使用不均等分布的色块来分割屏幕，同时使用白色

背景区块来承载主体内容，避免被背景色彩干扰。设计师充分利用了对比色的对抗性，以及和白色

之间的对比度，功能完善，但是有趣又漂亮。

2、为营造氛围，在背景上叠加辅助性图形元素
虽然在背景图片中叠加各种图形化的元素听起来很奇怪，但是确实是逐渐流行起来的一种背景设计

玩法。不过，这存在一种风险，就是如果叠加太多的图形化元素，会让整体看起来过于杂乱。尽量

在丰富视觉和制造视觉污染之间找到平衡，终的设计效果，能够给你带来意料之外的优质效果。

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

用户以空间感。
这种背景设计的另外一个好处在于，你可以让整个UI显得更加富有视觉吸引力。在设计的时候，需

要注意的是，要保持元素之间的一致性，确保不同的元素在屏幕上呈现的时候，仍然保持协调。

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

使用整张图片作为背景，一直被UI/UX领域的设计师所争论。对，你没看错，这个事情一直存在争议

。有人非常喜欢使用图片背景，有人则完全无法接受这种呈现方式。

但是撇开个人喜好，趋势上，这种背景运用方式还是越来越流行了。在APP的UI界面中，如果你能灵

活自由地使用全屏背景的化，对于接下来的设计肯定是有所助益的。

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

当然，核心的技巧，是在于透明度的控制，和内容框的设计。为了避免信息和背景之间的对比度

不足，合理的方法是使用内容框将前景的元素承载起来。而为了避免背景图片喧宾夺主，还可以借

助透明度的控制，来确保背景图片更加平滑自然，不会影响到阅读和使用。