• 以指代步
社交账号登录
  • 首页
  • 博客
  • 模板
  • 源码
  • 壁纸
  • 视频
  • 软件
  • 文库
  • 学习
  • 创作中心
  • 关于我们
  • 招兵买马
  • 联系我们
  • 法律申明
  • 合作招商
  • 注册
  • 粉丝
  • 关注
  • 创作
  • UI设计师如何营造节日氛围?12个方法+超多案例!

  • 张大湿 2023-04-06 22:54:22 收藏
  • 文章标签: 氛围 兔年 用户
  • UI设计师如何营造节日氛围?12个方法+超多案例!

    随着开工响声结束了兔年春节,相信兔年都会给我们带来好运和惊喜,让我们一起来努力和期待吧!

    在这个移动互联网时代中,相信手机也是伴随我们跨年的物件,而各类应用软件也为我们的兔年春节增添了许多乐趣。作为 UI 设计师,我们通过自己的创意让用户感受到不一样的兔年氛围,下面黑马哥带大家一起回忆一下。

    通过一些 APP 线上案例分析,看看 UI 设计师是如何营造兔年春节氛围感的。

    更多氛围感设计案例:

    如何营造氛围感?来看QQ游戏中心的实战案例!

    QQ 游戏中心作为服务于 QQ 玩家的平台,致力于为游戏玩家发现好游戏和提供游戏相关服务,如何在为玩家提供好游戏推荐同时,为他们提供好游戏相关服务,是我们需要探寻的设计平衡点。

    阅读文章 >

    一、应用图标小空间里的氛围感

    应用图标的氛围感是提高用户打开产品的关键,作为春节氛围感的营造来说,是最容易让用户感知到的。在这个方寸内的小空间里面,也是设计师发挥创意脑洞的形式。

    通过兔年春节发生变化的一些应用软件分析,众多案例都在配色、文案、图形营造等方面进行设计发挥,也有结合 IP 形象装扮和营销活动主题等形式,增强用户对产品的情感化认知。

    UI设计师如何营造节日氛围?12个方法+超多案例!

    二、顶部视觉区域背景营造

    作为应用软件的主界面来说,顶部视觉区域也是设计师发挥的一方空间。在氛围感的表现中也是非常利于发挥的,经常在一些节日庆典和主题活动时进行设计表现。

    结合春节元素和喜感的红色氛围营造,给软件带来了新春情感化,作为兔年春节来说,小兔子的元素也会被充分展现。

    UI设计师如何营造节日氛围?12个方法+超多案例!

    除了兔子元素以外,也有运用灯笼、烟花、祥云等元素点缀,达到营造背景氛围的目的。

    UI设计师如何营造节日氛围?12个方法+超多案例!

    三、营造图标设计氛围

    春节期间在图标设计上面营造氛围感是最为常见的,也最容易吸引用户的关注度。重点在金刚区图标和底部标签栏图标设计进行发挥,结合配色、节日元素和造型等方面进行设计,达到营造氛围的目的。

    图标风格多样和灵活多变的特性,无论是结合传统文化还是其他多样化表达,都非常利于设计发挥。除了在春节氛围中便于发挥以外,在其他主题活动中也是重点表达的形式。

    UI设计师如何营造节日氛围?12个方法+超多案例!

    四、异形广告中的氛围和元素

    异形广告相较于中规中矩的矩形束缚来说融合性更强,更容易让界面上下的内容过度更自然。近些年异形广告穿插在界面中非常普遍,特别是在营造氛围层面效果也是十分突出的。

    由于特殊造型的设计发挥,便于设计师结合各类元素,营造贴合的界面氛围和强化视觉感。

    UI设计师如何营造节日氛围?12个方法+超多案例!

    五、氛围浓厚的闪屏广告

    闪屏广告算是春节期间最常见的表达方式,无论是情感化的闪屏设计,还是结合营销广告表达,这里都是最容易出现在用户视野中的。闪屏广告的主题营造非常多,众多产品都会结合,创意发挥也是层出不穷。

    UI设计师如何营造节日氛围?12个方法+超多案例!

    六、引导页中的风格氛围化

    引导页相对来说曝光度会比较低一些,大部分情况还是初次使用或者更新时出现,如果恰逢春节期间发生版本迭代也可以尝试营造氛围。可以在元素造型不变的情况下改变配色风格,也能起到营造氛围的作用。

    UI设计师如何营造节日氛围?12个方法+超多案例!

    七、弹窗设计的氛围点缀

    在用户浏览内容或者操作功能时,弹窗可以辅助操作和理解,也可以作为温馨提示或者信息传递等。在春节期间为了渲染氛围,也会结合主题元素进行氛围点缀,带给用户更加情感化的感官体验。

    UI设计师如何营造节日氛围?12个方法+超多案例!

    八、异形弹窗营造新春氛围

    在一些营销活动的配合中,弹窗通常会打破边界的束缚,异形弹窗更能吸引用户关注。也能更容易结合主题元素营造氛围感,特殊的造型更利于设计发挥,界面内的融合度也相对较高。通常结合兔子 IP 形象、红包和春节元素等,以质感风和 3D 建模形式表达居多。

    UI设计师如何营造节日氛围?12个方法+超多案例!

    九、丰富界面背景氛围感

    丰富整个界面背景相对较少,也有产品会在部分界面或者界面局部卡片等场景中进行表现。氛围感的营造可以带给用户有温度的体验感,也能将春节氛围重点突出。

    UI设计师如何营造节日氛围?12个方法+超多案例!

    十、沉浸式体验的活动氛围感

    沉浸式的体验能够吸引用户的参与感,比如春节期间的红包雨,融入到整个界面的设计中,以趣味性的形式满足用户心理。在不隔断与界面之间的联系,降低活动对用户的干扰,进而提高氛围感和参与度。

    UI设计师如何营造节日氛围?12个方法+超多案例!

    比如高德地图在春节期间设计了放烟花的体验,用户可以在定位的任何地方点击燃放烟花,新添春节的氛围。将这一传统文化搬到了线上云端,也是提高体验度的不错形式。

    UI设计师如何营造节日氛围?12个方法+超多案例!

    十一、营造氛围的专题页设计

    春节氛围感在各类营销活动中表现度是最高的,随着近些年新的技术和视觉表现力的提升,在视觉感的强化层面也是十分出色。无论是运用三维化还是插画风,带来的视觉张力都是非常棒的,今年各大产品呈现出来的设计感视觉表现力都非常不错。

    UI设计师如何营造节日氛围?12个方法+超多案例!

    十二、互动性体验的活动设计

    随着视觉表现力的提升,提高用户对于活动的参与度要往游戏化和互动性等方面探索。比如抖音在兔年春节期间的活动设计,游戏化的互动体验增加了活动的娱乐性,用户的参与度也是可想而知的。

    UI设计师如何营造节日氛围?12个方法+超多案例!

    也有通过自定义角色装扮的形式带来互动性的玩法,在氛围感十足的场景中送祝福,无论是娱乐性还是感官体验层面都非常不错。

    UI设计师如何营造节日氛围?12个方法+超多案例!

    小结

    本文主要是对春节期间的一些设计案例进行了回忆,体验、分析和总结了一些优秀的设计点,希望可以作为日后灵感的来源。描述属于主观意识,不足之处大家选择性吸收,我们互相进步。

    本篇来源:优设网

    原文地址:https://www.uisdc.com/create-festive-atmosphere

    评论
    Artlist模板 广告