年味越來越淡,很多人春節期間都不能闔家歡聚,往年挨家挨戶的拜年,今年只能在網上感受春節的快樂。各家產品紛紛“換新衣”,通過充滿春節氛圍的 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 設計嗎?