扫一扫 扫一扫 扫一扫 扫一扫 随着开工响声结束了兔年春节,相信兔年都会给我们带来好运和惊喜,让我们一起来努力和期待吧! 在这个移动互联网时代中,相信手机也是伴随我们跨年的物件,而各类应用软件也为我们的兔年春节增添了许多乐趣。作为 UI 设计师,我们通过自己的创意让用户感受到不一样的兔年氛围,下面黑马哥带大家一起回忆一下。 通过一些 APP 线上案例分析,看看 UI 设计师是如何营造兔年春节氛围感的。 更多氛围感设计案例: 如何营造氛围感?来看QQ游戏中心的实战案例!QQ 游戏中心作为服务于 QQ 玩家的平台,致力于为游戏玩家发现好游戏和提供游戏相关服务,如何在为玩家提供好游戏推荐同时,为他们提供好游戏相关服务,是我们需要探寻的设计平衡点。 阅读文章 >一、应用图标小空间里的氛围感应用图标的氛围感是提高用户打开产品的关键,作为春节氛围感的营造来说,是最容易让用户感知到的。在这个方寸内的小空间里面,也是设计师发挥创意脑洞的形式。 通过兔年春节发生变化的一些应用软件分析,众多案例都在配色、文案、图形营造等方面进行设计发挥,也有结合 IP 形象装扮和营销活动主题等形式,增强用户对产品的情感化认知。 二、顶部视觉区域背景营造作为应用软件的主界面来说,顶部视觉区域也是设计师发挥的一方空间。在氛围感的表现中也是非常利于发挥的,经常在一些节日庆典和主题活动时进行设计表现。 结合春节元素和喜感的红色氛围营造,给软件带来了新春情感化,作为兔年春节来说,小兔子的元素也会被充分展现。 除了兔子元素以外,也有运用灯笼、烟花、祥云等元素点缀,达到营造背景氛围的目的。 三、营造图标设计氛围春节期间在图标设计上面营造氛围感是最为常见的,也最容易吸引用户的关注度。重点在金刚区图标和底部标签栏图标设计进行发挥,结合配色、节日元素和造型等方面进行设计,达到营造氛围的目的。 图标风格多样和灵活多变的特性,无论是结合传统文化还是其他多样化表达,都非常利于设计发挥。除了在春节氛围中便于发挥以外,在其他主题活动中也是重点表达的形式。 四、异形广告中的氛围和元素异形广告相较于中规中矩的矩形束缚来说融合性更强,更容易让界面上下的内容过度更自然。近些年异形广告穿插在界面中非常普遍,特别是在营造氛围层面效果也是十分突出的。 由于特殊造型的设计发挥,便于设计师结合各类元素,营造贴合的界面氛围和强化视觉感。 五、氛围浓厚的闪屏广告闪屏广告算是春节期间最常见的表达方式,无论是情感化的闪屏设计,还是结合营销广告表达,这里都是最容易出现在用户视野中的。闪屏广告的主题营造非常多,众多产品都会结合,创意发挥也是层出不穷。 六、引导页中的风格氛围化引导页相对来说曝光度会比较低一些,大部分情况还是初次使用或者更新时出现,如果恰逢春节期间发生版本迭代也可以尝试营造氛围。可以在元素造型不变的情况下改变配色风格,也能起到营造氛围的作用。 七、弹窗设计的氛围点缀在用户浏览内容或者操作功能时,弹窗可以辅助操作和理解,也可以作为温馨提示或者信息传递等。在春节期间为了渲染氛围,也会结合主题元素进行氛围点缀,带给用户更加情感化的感官体验。 八、异形弹窗营造新春氛围在一些营销活动的配合中,弹窗通常会打破边界的束缚,异形弹窗更能吸引用户关注。也能更容易结合主题元素营造氛围感,特殊的造型更利于设计发挥,界面内的融合度也相对较高。通常结合兔子 IP 形象、红包和春节元素等,以质感风和 3D 建模形式表达居多。 九、丰富界面背景氛围感丰富整个界面背景相对较少,也有产品会在部分界面或者界面局部卡片等场景中进行表现。氛围感的营造可以带给用户有温度的体验感,也能将春节氛围重点突出。 十、沉浸式体验的活动氛围感沉浸式的体验能够吸引用户的参与感,比如春节期间的红包雨,融入到整个界面的设计中,以趣味性的形式满足用户心理。在不隔断与界面之间的联系,降低活动对用户的干扰,进而提高氛围感和参与度。 比如高德地图在春节期间设计了放烟花的体验,用户可以在定位的任何地方点击燃放烟花,新添春节的氛围。将这一传统文化搬到了线上云端,也是提高体验度的不错形式。 十一、营造氛围的专题页设计春节氛围感在各类营销活动中表现度是最高的,随着近些年新的技术和视觉表现力的提升,在视觉感的强化层面也是十分出色。无论是运用三维化还是插画风,带来的视觉张力都是非常棒的,今年各大产品呈现出来的设计感视觉表现力都非常不错。 十二、互动性体验的活动设计随着视觉表现力的提升,提高用户对于活动的参与度要往游戏化和互动性等方面探索。比如抖音在兔年春节期间的活动设计,游戏化的互动体验增加了活动的娱乐性,用户的参与度也是可想而知的。 也有通过自定义角色装扮的形式带来互动性的玩法,在氛围感十足的场景中送祝福,无论是娱乐性还是感官体验层面都非常不错。 小结本文主要是对春节期间的一些设计案例进行了回忆,体验、分析和总结了一些优秀的设计点,希望可以作为日后灵感的来源。描述属于主观意识,不足之处大家选择性吸收,我们互相进步。 手机扫一扫,阅读下载更方便˃ʍ˂ |
@版权声明
1、本网站文章、帖子等仅代表作者本人的观点,与本站立场无关。
2、转载或引用本网版权所有之内容须注明“转自(或引自)网”字样,并标明本网网址。
3、本站所有图片和资源来源于用户上传和网络,仅用作展示,如有侵权请联系站长!QQ: 13671295。