020-29815005
预约专线时间:09:00-23:59

背景元素设计技巧怎么样提高用户停留率

新闻来源:优漫教育 日期:2021-10-16
不管是网页设计还是海报设计,背景图片都是最常用的设计元素,同时最能反映当前设计潮流。这同样适用于设计APP。在过去10年里,用户的口味发生了很大的变化,如今,从整体设计的趋势来看,似乎到了一个关键的转折点。
  在我们可以看到的众多设计中,浅色背景才是不愧为主流的。光的背景颜色本身是比较不会吵闹的,让视觉主体更突出。但现在,我们逐渐发现,背景还具有补充性主体的功能,而且这种补充性是潜移默化的。其实背景色功能还可以加强,这一思路可以应用于现在的APP界面设计中,让整体设计更均衡。

  当今的UI设计者大多懂得将元素融入到背景中,以吸引用户的眼球,提升产品调性,增加内容的可读性。而且这也促使像,插图、插图、色块等元素在背景中扮演着重要角色。


  1.用颜色划分背景,以营造戏剧感。

  分屏设计并非新鲜事,而是一种存在已久的设计潮流。分屏设计,桌面端的屏幕一直是高效的,宽广的屏幕给设计师提供了充分的发挥空间,但在移动端却是一个挑战。

  对于UI设计者来说,对比色是增加视觉吸引力的最好方法。

  以TubikStudio为例,设计者用不均匀分布的色块分割屏幕,同时使用白色背景块来承载主体内容,避免被背景色彩干扰。设计人员充分利用了与白色对比色的对抗性,具有很好的特性,但很有趣,很美观。


UI设计培训班


  2.为了营造气氛,在背景上加上辅助图形元素。

  尽管背景图片中各种图形元素叠加起来听起来有些古怪,但实际上是一种逐渐流行的背景设计玩法。然而,有一种风险是,在过多的图形元素上叠加过多,会使整体看起来过于混乱。试图在丰富视觉与制造视觉污染之间找到一个平衡点,最终的设计效果,能带给您意想不到的优质效果。

  尽管移动电话的规模越来越大,屏幕仍然是宝贵的。在视觉深度上叠加特定的图形元素,给使用者以空间感。

  这个背景设计的另一个好处就是,你可以让整个UI看起来更有视觉吸引力。当设计时,要注意各元素之间的一致性,以确保在屏幕上呈现的时候,不同的元素仍然是协调一致的。


  3.为了保持整体感,请用整个图片做背景。

  用整个画面作为背景,一直在UI/UX领域的设计者争论不休。没错,你没看错,这是有争议的。有些人很喜欢使用图片背景,而有些人完全不能接受这种表现。不过,抛开个人偏好,趋势上,这种背景的应用仍然越来越受欢迎。在APP的UI界面中,如果您可以灵活、自由地使用全屏幕背景化,对以后的设计一定会有帮助。

  照片展示出来的信息量无疑是不容置疑的,更重要的是如何融入品牌与氛围,展现自己应有的气质。其实,最核心的技巧,在于透明度的控制,以及内容框的设计。为避免资讯与背景对比度不够,合理的办法是使用内容框来放置前景元素。而且为避免图片背景嘈杂,也可借助于透明控制,以保证背景图片更平滑自然,不影响阅读和使用。


  4.需要用渐变色的背景来增强感觉和情绪。

  渐变技术在几年前回归后,在设计中的应用范围越来越广。渐变不仅赋予设计更具个性的同时,还能与使用者产生足够的情感共鸣。您可以用渐变颜色来创造调性,创造对比,甚至是利用渐变效果来作为视觉线索和导引。例如,当你用蓝色作为背景时,通过深渐变可以使用户指向一个特定的位置,从而使用户浏览特定的地点。不过,颜色渐变背景之所以流行,最大的原因还是其情感上的共鸣。很多UI设计者都认识到了移动设备中心理因素的巨大影响,能否唤起用户的情绪是关键。

  渐变背景设计玩法有很多种,变化幅度的大小、方向、对比度、亮度变化的差异性,将产生不同的效果。当然,渐变背景也要遵守一个原则,那就是不要吵闹。同时,通过调节透明度,也能降低CTA按钮与CTA按钮的反差。


  5.为增强故事性,采用背景插图。

  插图师可以根据需要更多的自由绘制符合不同需要的插图,独特、个性、个性化。然而,想要创造能够代表企业.团队.产品或用户角色的插图,并不是凭空创造出来的,而是需要一个研究过程,经过调查与分析,提出需求,再去实施。这到底是个机器人还是个更逼真的人物?还是用动物拟人形象更恰当?

  很多设计者更倾向于在APP中使用定制的插图,因为这样可以更轻松的达到不同的目标,从新用户引导到教程。


  6.基本而一般,使用几何图形作为背景。

  几何体本身就是最基本的要素,其意义和感觉都很基础,同时也具有普遍性。尽管他们很简单,但它在UI设计中非常强大。一个几何形状简单,但能结合不同的效果,即使运用简单的几何形状,不同的组合也能发挥出多种变化。自然地,具体如何使用几何图形,还取决于UI界面上有什么东西,作为UI背景的几何图形与UI主元素之间,空间关系要如何控制,如何保持优雅、简洁,保证品牌信息的传递。