10個(gè)產(chǎn)品細(xì)節(jié)剖析,看高手是如何做趣味設(shè)計(jì)的?

0 評(píng)論 2982 瀏覽 19 收藏 9 分鐘

在這個(gè)春節(jié),各大產(chǎn)品設(shè)計(jì)師們用他們的創(chuàng)意和匠心,為我們帶來了一場(chǎng)視覺和情感的盛宴。本文精選了10個(gè)產(chǎn)品細(xì)節(jié)案例,揭示了設(shè)計(jì)師們是如何巧妙地將節(jié)日元素融入用戶體驗(yàn)中,創(chuàng)造出既有趣又溫馨的互動(dòng)。

在春節(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),努力拉近與用戶的距離,很贊。

雖然表現(xiàn)的形式都各不相同,可是展現(xiàn)的底層思維邏輯卻是一樣的,值得學(xué)習(xí)和追捧!

一、在產(chǎn)品中加以節(jié)日的襯托

在產(chǎn)品中加以節(jié)日的襯托,也是一種更換皮膚的思路,春節(jié)期間打開酷我音樂APP時(shí),被首頁的背景感動(dòng)到了。

首頁頭部背景運(yùn)用了龍的造型設(shè)計(jì),造型簡(jiǎn)約,運(yùn)用顏色也不突兀,也沒有搶奪頁面的重點(diǎn)信息,可是卻被賦予了濃濃的節(jié)日氣息。

二、善用動(dòng)效加強(qiáng)氛圍感的表達(dá)

打開洪恩識(shí)字的時(shí)候非常亮眼,直接是滿屏的煙花動(dòng)效和龍的微動(dòng)效畫面,年味更濃更耐人尋味,他表達(dá)效果更加的充分和濃厚。

因?yàn)檫@是一個(gè)學(xué)習(xí)的啟動(dòng)頁面,它沒有過多的頁面信息需要表達(dá),所以發(fā)揮的空間會(huì)大些,表達(dá)的時(shí)候顧慮會(huì)少些,設(shè)計(jì)師的發(fā)揮空間也會(huì)更大些。

三、善用動(dòng)效引導(dǎo)用戶進(jìn)行購(gòu)買

京東金融在首頁banner中加入新年的插畫動(dòng)效,通過這樣的強(qiáng)引導(dǎo)方式引導(dǎo)用戶去購(gòu)買理財(cái)產(chǎn)品,既烘托了節(jié)日的氣氛,又兼顧了產(chǎn)品的宣傳和引導(dǎo),設(shè)計(jì)的恰到好處。

四、善用民間的習(xí)俗來減少產(chǎn)品與用戶的距離感

春節(jié)期間,家家戶戶都有貼福字的習(xí)俗,而且他們都會(huì)把福字倒著貼,而此次春節(jié)高德地圖在車子的上面新增了一個(gè)福字的微動(dòng)效。

并且福字還是倒著的,讓人感覺車到福就到了,真的特別的暖心,這樣的用戶體驗(yàn)讓用戶如何不愛。

五、通過圖標(biāo)烘托新春的氛圍

在首頁主菜單圖標(biāo)中加入新春的元素,把一個(gè)個(gè)的功能入口都穿上新年的新裝,讓人感受到滿滿的吉祥氣息和喜樂的氛圍。

六、按鈕在春節(jié)期間的設(shè)計(jì)機(jī)會(huì)點(diǎn)

春節(jié)活動(dòng)彈窗中的按鈕加入祥云的紋理樣式,這個(gè)走心的細(xì)節(jié)設(shè)計(jì)讓用戶感受到貼心滿滿。

連這么細(xì)小的方寸之地也能找到設(shè)計(jì)機(jī)會(huì)點(diǎn),真的是很暖心,讓人感受到它不是冷冰冰的一個(gè)英語學(xué)習(xí)平臺(tái),它也是有溫度的。

七、啟動(dòng)頁彈窗在春節(jié)期間的設(shè)計(jì)機(jī)會(huì)點(diǎn)

在春節(jié)期間打開建設(shè)銀行,首頁都會(huì)有個(gè)小彈窗彈出,通過插畫的方式祝福大家新年快樂。

雖然是一句簡(jiǎn)單的問候,但是隔著屏幕還是感受到了建設(shè)銀行對(duì)用戶的心意和祝福。

八、龍的另一種表達(dá)方式

這是星巴克的一個(gè)活動(dòng)頁設(shè)計(jì),同樣都是在表達(dá)龍,他們表達(dá)的龍跟東方設(shè)計(jì)師表達(dá)的龍有點(diǎn)不一樣,東方偏向?qū)憣?shí)的,他們偏向物體輪廓的一種概括。

感覺更加有設(shè)計(jì)感,他們用錢幣堆疊的一種方式,堆疊了一種類似龍鱗的視覺效果,側(cè)面又能看到是錢幣的形式,既表達(dá)了龍的寓意,又表達(dá)新的一年財(cái)源滾進(jìn)的寓意,真的是用心了。

九、用龍的局部表達(dá)新春的氛圍

淘票票沒有像其他平臺(tái)一樣用一整條去表達(dá)龍年的寓意,而是用了一個(gè)龍頭的局部,畫面簡(jiǎn)潔。

同時(shí)也很好的表達(dá)了新年的喜慶,同時(shí)文字正好坐落在龍的口部,好像這個(gè)龍正在與用戶說話,對(duì)話感很強(qiáng)。

十、用金錢樹表達(dá)新年的吉祥寓意

各個(gè)平臺(tái)都在用龍表達(dá)新年的祝福,肯德基從另一個(gè)角度也很好的表達(dá)這個(gè)寓意,中國(guó)人過年一見面就會(huì)說恭喜發(fā)財(cái)。

此次肯德基的首頁底圖運(yùn)用了金錢樹和滿屏的金銀色也很好的表達(dá)了過年的年味,再配合KFC快發(fā)財(cái)?shù)奈陌?,也是非常的接地氣?/p>

產(chǎn)品體驗(yàn)總結(jié):

通過體驗(yàn)各大產(chǎn)品,我發(fā)現(xiàn)了同一個(gè)主題在產(chǎn)品設(shè)計(jì)中有很多的設(shè)計(jì)著手點(diǎn),比如這次過年的年味設(shè)計(jì),有的產(chǎn)品把設(shè)計(jì)點(diǎn)放在產(chǎn)品的頭部背景部分。

有的放在按鈕部分,有的放在banner設(shè)計(jì)當(dāng)中,有的放在首頁的彈窗中,還有的放在了圖標(biāo)設(shè)計(jì)中,通過體驗(yàn)產(chǎn)品打開了自己設(shè)計(jì)的思路和廣度。

還有我發(fā)現(xiàn),在表達(dá)年味這個(gè)主題上并不局限于某一個(gè)物體的表達(dá),比方說今年是龍年,很多產(chǎn)品用龍去表達(dá)新年的寓意,但有的也會(huì)從過年的習(xí)俗去表達(dá)。

比方說新年到、福到,一些產(chǎn)品就很好的把福字融合到了產(chǎn)品中;新年恭喜發(fā)財(cái),一些產(chǎn)品就把金錢樹融合到了產(chǎn)品中,很好的表達(dá)了發(fā)財(cái)?shù)脑⒁狻?/p>

而且過年不僅限于龍、煙花、燈籠、爆竹等也成了很好的表達(dá)元素,通過此次的產(chǎn)品體驗(yàn),讓作為設(shè)計(jì)師的我明白做設(shè)計(jì)要多讀書,多了解文化,設(shè)計(jì)才能更有深度和廣度。

作者:姝斐suphie,公眾號(hào):姝斐

本文由 @姝斐suphie 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)作者許可,禁止轉(zhuǎn)載

題圖由作者提供

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!