年味越来越淡，很多人春节期间都不能阖家欢聚，往年挨家挨户的拜年，今年只能在网上感受春节的快乐。各家产品纷纷“换新衣”，通过充满春节氛围的 UI 设计庆祝春节的到来。

如何将春节主题完美的融合到 UI 设计中，让产品散发浓浓的节日气息，吸引用户的眼球呢？

让我们看看，这些大牛们看了都说“牛牪犇”的产品如何打造“年味”吧！

应用图标变形

为了打造年味，一些产品将应用图标与春节结合，提取春节的元素，重塑应用图标的形状。

手机 QQ

近期，手机 QQ 图标上的 QQ 企鹅，增加了 2021 春节限定的牛角图标。

可爱应景的图标透着浓郁的“牛年”气息，收获了网友的关注和喜爱，让用户有打开手机 QQ 马上拜年的冲动。

苹果

今年，苹果面向中国牛年春节，设计了新的图标。

图标的配色是代表春节的中国红，还在经典的苹果 Logo 上增加了牛的元素。

一向特立独行的苹果风与中国元素结合，有内味儿了。

设计建议

产品的应用图标，是用户识别产品的第一个门槛，一般不会轻易做出改变。

如果你想通过改变产品应用图标的设计，打造产品的年味，需要注意以下两点：

👉 考验辨识度

手机 QQ 和苹果的图标形象深入人心，几乎无人不知。

加入春节元素设计的图标，用户仍然能一眼识别出图标对应的产品。新的图标向用户传递喜悦，拉近了产品和用户之间的距离。

对于初创产品，产品图标不被大众所熟知，如果时常改变应用图标的设计，不利于用户记住产品。

👉 保持品牌调性

每一个产品都有品牌调性，如果不是重塑产品的 UI设计，在调整产品的应用图标设计时，最好不要变化太大，要做到不偏离品牌调性。

最好的方法是，像手机 QQ 这样，在产品应用图标的基础上，改变或者增加少量元素。

系统图标换肤

更换产品的系统图标，结合春节元素为图标换肤，也是产品的惯用技巧。

微店

最近，微店调整了底部导航栏的图标设计。

新的图标使用了灯笼、福字等代表春节的元素，加上微店的品牌色“红”，激发用户的购买欲，告诉用户“你该囤年货了”。

滴滴

2018 年春节期间，滴滴 App 上的小车图标换装。

小车图标戴上了舞狮头，穿上了福字衣，烘托出春节气氛，让人眼前一亮。

设计建议

系统图标是产品非常重要的元素之一，在结合春节活动为系统图标换肤时，要注意以下两点：

👉 识别度很重要

系统图标一般都具有功能性，能帮助用户更好的使用产品，具备识别度很重要。

在结合时下流行元素为系统图标换肤时，不仅要考虑春节氛围，更重要的是保持图标的易识别性。

👉 保持产品设计规范

系统图标需要保持产品的设计规范。

就像微店的底部导航栏的图标设计，采用了品牌色“红”，既结合了春节元素，也不失品牌特色。

如果你的产品没有节日相关的设计规范，作为设计师的你，要是能在蓝湖【设计规范云】上为你服务的企业搭建专属的设计规范，升职加薪那是必须的。

产品功能内嵌

在产品功能中融入年味，非常巧妙，是各大产品最常用的方式之一。

哔哩哔哩

2019 年，B 站的视频播放器进度条由白色的小电视变成了红灯笼。

限定的红灯笼进度条，非常亲切，让用户在看视频的时候感受到春节的气氛。

支付宝

2019 年春节期间，支付宝【蚂蚁森林】的小树上挂上了表达美好寓意的节日挂饰。

【蚂蚁森林】充满新春氛围，有效增强用户的参与感。

设计建议

用户使用产品最根本的原因是，产品功能满足了自己的需求。

将功能与春节结合设计虽巧妙，但如果春节元素使用不恰当，会影响用户对功能的使用，轻则被用户嫌弃，重则流失宝贵的用户。

👉 有一个效应叫“干扰效应”，指的是：

人在同时思考两件或者两件以上的事情时，思考的过程会变慢，并且会影响结果的判断。

因此，将功能设计与春节结合时，设计师要考虑产品功能的易用性，避免春节设计元素喧宾夺主，抢了功能的风头。

👉《Tapworthy：Designing Great iPhone Apps》一书中提出的移动端用户“三不想”，设计师需要牢记：

不想等待太久，不想难度太大、不想流程太麻烦。

做春节 UI 设计时，可以减少复杂的动效，让用户在使用功能时拥有更加极速流畅的体验。

春节的时候打造年味 UI 设计的目标是：

吸引用户注意力，向用户传递独特的产品理念，从而占领用户心智，提高产品的打开率。

在 UI 设计中表达春节氛围的方法有很多，设计师在应用这些方法时，一定要思考是否适合自己的产品。 

你最喜欢哪一个打造产品春节氛围感的设计方式？

你负责的产品做了春节主题的 UI 设计吗？