春節(jié)期間,10個(gè)大廠的產(chǎn)品細(xì)節(jié)走心設(shè)計(jì)
在春節(jié)期間有特意體驗(yàn)一些產(chǎn)品,我感受到了很多大廠在設(shè)計(jì)產(chǎn)品時(shí)候表達(dá)了濃濃的人文關(guān)懷,他們都有站在人(用戶)的角度去設(shè)計(jì),有關(guān)注人使用產(chǎn)品的場(chǎng)景、心情與訴求;情感化設(shè)計(jì)很濃,都在努力尋找設(shè)計(jì)機(jī)會(huì)點(diǎn),努力去設(shè)計(jì)一個(gè)有溫度的平臺(tái),努力去拉進(jìn)與用戶的距離,很贊,都非常有心,雖然表現(xiàn)的形式都各不相同,可是展現(xiàn)的底層思維邏輯卻是一樣的,值得學(xué)習(xí)和追捧!
一、在產(chǎn)品中加以節(jié)日的襯托
在產(chǎn)品中加以節(jié)日的襯托,也是一種更換皮膚的思路。
春節(jié)期間打開(kāi)酷我音樂(lè) APP 時(shí),被首頁(yè)的背景感動(dòng)到了,首頁(yè)頭部背景運(yùn)用了龍的造型設(shè)計(jì),造型簡(jiǎn)約,運(yùn)用顏色也不突兀,也沒(méi)有搶奪頁(yè)面的重點(diǎn)信息,可是卻被賦予了濃濃的節(jié)日起息。
二、善用動(dòng)效加強(qiáng)氛圍感的表達(dá)
插畫(huà)和動(dòng)效的雙重配合,更有表達(dá)力,氛圍感更強(qiáng)。
打開(kāi)洪恩識(shí)字的時(shí)候更加亮眼,直接是滿屏的煙花動(dòng)效,和龍頭的微動(dòng)效畫(huà)面,年味更濃更耐人尋味,他表達(dá)效果更加的充分和濃厚,主要因?yàn)檫@是一個(gè)學(xué)習(xí)的啟動(dòng)頁(yè)面,它沒(méi)有過(guò)多的頁(yè)面信息需要表達(dá),所以發(fā)揮的空間會(huì)大些,表達(dá)的時(shí)候顧慮會(huì)少些,設(shè)計(jì)師的發(fā)揮空間會(huì)更大些。
三、善用動(dòng)效引導(dǎo)用戶進(jìn)行購(gòu)買
在產(chǎn)品購(gòu)買模塊中,加入動(dòng)效,購(gòu)買的點(diǎn)擊欲會(huì)增強(qiáng),引導(dǎo)效果比較強(qiáng)烈。
京東金融通過(guò)在首頁(yè) banner 中加入新年的插畫(huà)動(dòng)效,通過(guò)這樣的強(qiáng)引導(dǎo)方式引導(dǎo)用戶去購(gòu)買理財(cái)產(chǎn)品,既烘托了節(jié)日的氣氛,又兼顧了產(chǎn)品的宣傳和引導(dǎo),設(shè)計(jì)的恰到好處。
四、善用民間的習(xí)俗來(lái)減少產(chǎn)品與用戶的距離感
做善于觀察生活的設(shè)計(jì)師,不經(jīng)意的小細(xì)節(jié)也會(huì)成為設(shè)計(jì)的機(jī)會(huì)點(diǎn)。
春節(jié)期間,家家戶戶都有貼福字的習(xí)俗,而且他們都會(huì)把福字倒著貼,而此次春節(jié)高德地圖在車子的上面新增了一個(gè)福字的微動(dòng)效,并且福字還是倒著的,寓意著車到福到,真的特別的暖心,這樣的用戶體驗(yàn)讓用戶如何不愛(ài)。
五、給圖標(biāo)中加入新春的元素
圖標(biāo)在頁(yè)面中它小而美,在表達(dá)節(jié)日氛圍的時(shí)候也不會(huì)遜色常規(guī)的插畫(huà)表達(dá)。
叫叫閱讀在首頁(yè)主菜單圖標(biāo)中加入新春的元素,把一個(gè)個(gè)的功能入口都穿上新年的新裝,讓人感受到滿滿的吉祥氣息和喜樂(lè)的氛圍。
六、按鈕在春節(jié)期間的設(shè)計(jì)機(jī)會(huì)點(diǎn)
善用頁(yè)面中的每一寸面積,每一個(gè)細(xì)節(jié)的添加,都會(huì)成為感人之處。
斑馬英語(yǔ)在春節(jié)活動(dòng)彈窗中的按鈕加入祥云的紋理樣式,這個(gè)走心的細(xì)節(jié)設(shè)計(jì)讓用戶感受到貼心滿滿,連這么細(xì)小的方寸之地也能找到設(shè)計(jì)機(jī)會(huì)點(diǎn),真的是很暖心,讓人感受到它不是冰冷冷的一個(gè)英語(yǔ)學(xué)習(xí)平臺(tái),它也是有溫度的。
七、啟動(dòng)頁(yè)彈窗在春節(jié)期間的設(shè)計(jì)機(jī)會(huì)點(diǎn)
小小彈窗,也有大大作為。
建設(shè)銀行首頁(yè)在春節(jié)期間都會(huì)有個(gè)小彈窗彈出,通過(guò)插畫(huà)的方式祝福大家新年快樂(lè),雖然是一句簡(jiǎn)單的問(wèn)候,但是隔著屏幕還是感受到了建設(shè)銀行對(duì)用戶的心意和祝福。
八、龍的另一種表達(dá)方式
概括和替代元素的插畫(huà)表達(dá)方式更加有創(chuàng)意和設(shè)計(jì)感。
這是星巴克的一個(gè)活動(dòng)頁(yè)設(shè)計(jì),同樣都是在表達(dá)龍,他們表達(dá)的龍跟東方設(shè)計(jì)師表達(dá)的龍有點(diǎn)不一樣,東方偏向?qū)憣?shí)的,他們偏向物體輪廓的一種概括,感覺(jué)更加的設(shè)計(jì)感,他們用錢幣堆疊的一種方式,堆疊了一種類似龍鱗的視覺(jué)效果,側(cè)面又能看到是錢幣的形式,既表達(dá)了龍的寓意,又表達(dá)新的一年財(cái)源滾進(jìn)的寓意,也真的是用心了。
九、用龍的局部表達(dá)新春的氛圍
用局部去表達(dá)全貌的方法也挺有效,給用戶更多地遐想空間。
淘票票沒(méi)有像其他平臺(tái)一樣用一整條去表達(dá)龍年的寓意,而是用了一個(gè)龍頭的局部,畫(huà)面簡(jiǎn)潔,同時(shí)也很好的表達(dá)了新年的喜慶,同時(shí)文字正好坐落在龍的口部,好像這個(gè)龍正在與用戶說(shuō)話,場(chǎng)景感很強(qiáng)。
十、用金錢樹(shù)表達(dá)新年的吉祥寓意
打開(kāi)思維的寬度和廣度,同一個(gè)事情可以找到更多地表達(dá)方式和方法。
各個(gè)平臺(tái)都在用龍表達(dá)新年的祝福和氣氛,肯德基從另一個(gè)角度也很好的表達(dá)這個(gè)寓意,中國(guó)人過(guò)年一見(jiàn)面就會(huì)說(shuō)恭喜發(fā)財(cái),此次肯德基的首頁(yè)底圖運(yùn)用了金錢樹(shù)和滿屏的金銀色很好的表達(dá)了過(guò)年的年味,再配合 KFC 快發(fā)財(cái)?shù)奈陌?,也是非常的接地氣?/p>
產(chǎn)品體驗(yàn)總結(jié):
通過(guò)體驗(yàn)各大產(chǎn)品,我發(fā)現(xiàn)了同一個(gè)主題在產(chǎn)品設(shè)計(jì)中有很多的設(shè)計(jì)著手點(diǎn),比如這次過(guò)年的年味設(shè)計(jì),有的產(chǎn)品把設(shè)計(jì)點(diǎn)放在了了產(chǎn)品的頭部背景部分,有的放在的按鈕部分,有的放在了 banner 設(shè)計(jì)當(dāng)中,有的放在的首頁(yè)彈窗中,還有的放在了圖標(biāo)設(shè)計(jì)中,通過(guò)體驗(yàn)產(chǎn)品打開(kāi)了自己設(shè)計(jì)的思路和廣度。
還有我發(fā)現(xiàn),在表達(dá)年味這個(gè)主題上并不局限于某一個(gè)物體的表達(dá),比方說(shuō)今年是龍年,很多產(chǎn)品用龍去表達(dá)新年的寓意,但有的也會(huì)從過(guò)年的習(xí)俗去表達(dá),比方說(shuō)新年到、福到,一些產(chǎn)品就很好的把福字融合到了產(chǎn)品中;新年恭喜發(fā)財(cái),一些產(chǎn)品就把金錢樹(shù)融合到了產(chǎn)品中;而且過(guò)年不僅限于龍、煙花、燈籠、爆竹也成了很好的表達(dá)元素,通過(guò)此次的產(chǎn)品體驗(yàn),讓作為設(shè)計(jì)師的我明白做設(shè)計(jì)要多讀書(shū),多了解文化,設(shè)計(jì)才能更有深度和廣度。
姝斐suphie
想了解更多網(wǎng)站技術(shù)的內(nèi)容,請(qǐng)?jiān)L問(wèn):網(wǎng)站技術(shù)
本文來(lái)源:http://gagu89.com/seodongtai/19686.html