年味越来越淡，很多人春节期间都不能阖家欢聚，往年挨家挨户的拜年，今年只能在网上感受春节的快乐。各家产品纷纷“换新衣”，通过充满春节氛围的 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 设计吗？

用蓝湖，不加班

蓝湖网址：LanhuApp.com

蓝湖，高效的产品设计协作平台

Powered by Froala Editor