你的设计有没有节日氛围感?

北京/UI设计师/4年前/279浏览
你的设计有没有节日氛围感?
非佛系

hello大家好,我是非佛系丫——未来设计界最会摊煎饼的

这是2021年第二篇文章,希望走过路过不要错过

马上就要到春节啦,大家是不是都在忙着置办年货、收拾屋子、集五福呢?

但不得不说,年味似乎越来越淡了,真不知到底是时代发展了,还是我们长大了呢?


不过话说回来,虽然线下的年味不似以往,但各大互联网产品却是实实在在地为我们这些打工人营造了满满的氛围感,打开app,能感受到“年”依然还在。


话不多说,让我们一起来学习一下优秀作品,看看那些大厂是如何营造节日氛围哒~


目录


一、启动icon

二、开屏动画

三、头部背景

四、金刚区图标

五、主banner

六、异形banner

七、卡片区

八、底部标签栏

九、内嵌h5活动

十、活动弹窗





01.启动icon


不知道大家有没有发现,各大app已经悄咪咪的调整启动icon啦

虽都是为了营造节日气氛,但改版形式各有不同不同,可以将改版形式分为【元素融入】【整体改版】【横幅提示】


🔥 改版启动icon,一方面可以营造节日的氛围,另一方面也能更好的宣传卖点,增加流量,一举两得~

题外话:现在打开手机,感觉自己分分钟能赚几个亿(乐视:又被冒犯到)




02.开屏动画


许多app在节日期间都选择插画形式的开屏来营造节日气氛,也有一些app选择明星拜年等形式来迎接节日的到来

题外话:是丰富自己参考图的时候啦




03.头部背景

一些app为了迎合节日,将首页背景整体换为红色,以此来营造喜庆的气氛。还有一些app,如淘宝等,通过在头部增加灯笼、流云、烟火、鞭炮等节日相关元素来传递氛围。这样不仅有热闹的气氛,更有一种设计过的精致感。



04.金刚区图标


金刚区图标是大家一显身手的好地方,各家app争奇斗艳。

常用的设计手法有三种——

  1. 原图标替换为带有节日祝福语的字标(受限于图标原有的数量)

  2. 为原有图标添加微量的节日装饰

  3. 在原有的图标下面,添加具有节日气氛的底板




05.主banner


主banner占据屏幕大半的,是营造氛围感的好地方。

通常是为了宣传活动,鼓励大家积极参与而营造氛围感,多用于引流。




06.异形banner


和主banner的设计有异曲同工之妙,但相对于主banner,形状变化更加灵活,可以设计的形式也更多样。




07.卡片区


卡片区对营造氛围感来说没有那么重要。

多是为了配合活动宣传,增加几个运营板块,或者在少量卡片上增加一些节日装饰。




08.底部标签栏


底部标签栏也是各大app设计的重点。

通常是将原有的图标替换为节日相关的小元素。

因其停留时间短暂,大多追求【节日感】【美观度】,而不去在意功能与图标的契合度。

当然,在设计时也要注意和品牌的相性,适当的融入品牌细节在里面。

(可以注意soul的节日图标——星球图标的鼓上有「soul」的标志,发布按钮是soul的吉祥物)




09.内嵌h5活动


年关将至,很多app都开始举办活动。我猜大家最熟悉的应该就是【集五福】活动吧?不知道大家都集齐了吗?今年能分到多少钱呢(悄悄搓手)

除了集五福,很多app就有活动,一部分纯活动,为了更好的引流,如集五福。还有一些是用于促销商品,如拼多多。虽然目的不同,但打开h5页面都能感到满满的节日感。

具体大致体现在

  1. 因为是内嵌h5活动,整体设计不用过多考虑原app的主体设计,会有更多的发挥空间

  2. 设计形式多样,包含有视频展示、动态展示等等

  3. 活动多样,很像小时候过年逛的大集,比如套娃、抓娃娃等活动




10.活动弹窗


多是用于活动的引流,或者提醒用户领取福利等,所以设计元素大多摘自banner或者活动的运营页面,单纯为用户拜年的而设计弹窗的app少之又少。因此,弹窗设计不要额外太费心思去设计,保持与banner和活动的设计一致性即可。




总结


逢年过节是我们设计最忙碌的时候,也是最容易学习设计细节的时候。大家要趁着过年这几天多看看大厂们的设计细节,方便日后为自己所用~


最后,提前预祝大家新年快啦呀!


(小声说:如果喜欢的话就点个👍吧~)

6
Report
|
4
Share
相关推荐
设计理论
设计理论
设计理论
设计理论
作品收藏夹
Filmora V14 官网升级
Homepage recommendation
AI可视化动效设计合集
Homepage recommendation
内容含视频
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
包装文字排印
Homepage recommendation
相关收藏夹
设计理论
设计理论
设计理论
设计理论
作品收藏夹
方法总结
方法总结
方法总结
方法总结
作品收藏夹
牙
牙
牙
牙
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
大家都在看
Log in