2023年產(chǎn)品細(xì)節(jié)洞察分析大廠對(duì)重大紀(jì)念日的視覺(jué)呈現(xiàn)（2022-10）

產(chǎn)品細(xì)節(jié)洞察分析，大廠對(duì)重大紀(jì)念日的視覺(jué)呈現(xiàn)（2022-10）名目章節(jié)

【翼支付】國(guó)情感相連，牢記今日重要性【飛豬】強(qiáng)值得敬重的首頁(yè)瀑布流全置灰【優(yōu)酷】則精選欄目長(zhǎng)屏置灰，以示敬重【京東】民協(xié)作文案展現(xiàn)，清楚傳達(dá)今日之特別【淘寶】安首頁(yè)與逛逛導(dǎo)航置灰，弱化顏色對(duì)比【拼多多】告全劇置灰，弱化產(chǎn)品視覺(jué)【百度】誡細(xì)節(jié)灰度處理，視覺(jué)呈現(xiàn)更加細(xì)膩【餓了么】后金剛區(qū)全置灰，半屏灰度處理【云閃付】來(lái)頂部主視覺(jué)置灰，營(yíng)造紀(jì)念氛圍【美團(tuán)】人頂部品牌色置灰，避開(kāi)影響主體業(yè)務(wù)【視覺(jué)總結(jié)】文末總結(jié)大廠對(duì)特別日的視覺(jué)表現(xiàn)一、【翼支付】-情感相連，牢記今日重要性

1.產(chǎn)品描述

作為掩蓋通信、民生繳費(fèi)等多生活消費(fèi)場(chǎng)景的便民產(chǎn)品，用戶主要集中青、中、老年群體中。

2.設(shè)計(jì)方案

在首頁(yè)一屏中（指進(jìn)入首頁(yè)不去向下滑動(dòng)）用灰度來(lái)給原有的彩色頁(yè)面去噪，用灰白視覺(jué)呈現(xiàn)來(lái)緬懷這一特別日子。除此之外，運(yùn)營(yíng)彈窗也用灰度來(lái)呈現(xiàn)，避開(kāi)與首頁(yè)視覺(jué)呈現(xiàn)不統(tǒng)一導(dǎo)致的穿幫。

再有就是金剛區(qū)「更多」頁(yè)面中全部圖標(biāo)的灰度呈現(xiàn)，視覺(jué)統(tǒng)一，與首頁(yè)金剛區(qū)自定義編輯形成良好的視覺(jué)閉環(huán)，細(xì)節(jié)之處發(fā)覺(jué)產(chǎn)品設(shè)計(jì)上的專心，產(chǎn)品情感的良好傳達(dá)。

二、【飛豬】-值得敬重的首頁(yè)瀑布流全置灰

1.產(chǎn)品描述

「飛豬」是阿里巴巴旗下的旅游產(chǎn)品，有住、行、游玩攻略等眾多服務(wù)。自身已有完整品牌屬性，如何更好提升品牌情感，用心情影響用戶，提升使用粘性。

2.設(shè)計(jì)方案

進(jìn)入「飛豬」首頁(yè)呈現(xiàn)全局灰色布局，往下滑動(dòng)瀑布流中UGC與運(yùn)營(yíng)等內(nèi)容也都灰色顯示，上下首位統(tǒng)一，沒(méi)有割裂感，視覺(jué)氛圍感知強(qiáng)。但對(duì)于習(xí)慣首頁(yè)掃瞄的用戶，長(zhǎng)時(shí)間觀看會(huì)有視覺(jué)壓抑感，產(chǎn)生心情波動(dòng)。

三、【優(yōu)酷】精選欄目長(zhǎng)屏置灰，以示敬重

1.產(chǎn)品描述

作為知名視頻網(wǎng)站，制作精品內(nèi)容目的也是為了服務(wù)用戶，產(chǎn)生強(qiáng)粘性，增加產(chǎn)品活躍度，如此一來(lái)，情感傳達(dá)也同樣重要。

2.設(shè)計(jì)方案

在首頁(yè)精選欄目中，視覺(jué)呈現(xiàn)都用灰色來(lái)處理，統(tǒng)一性更強(qiáng)，當(dāng)切換到其他欄目中恢復(fù)原彩模式，沒(méi)有較強(qiáng)割裂感。且全局操作時(shí)只有標(biāo)簽欄始終灰色圖標(biāo)呈現(xiàn)，不影響用戶正常使用掃瞄。

四、【京東】協(xié)作文案展現(xiàn)，清楚傳達(dá)今日之特別

1.產(chǎn)品描述

移動(dòng)購(gòu)物產(chǎn)品，用戶體量本身就很大，作為企業(yè)，要有帶頭作用以及正向傳播使命。如何更好地賜予用戶感知，是當(dāng)下之需。

2.設(shè)計(jì)方案

進(jìn)入首頁(yè)，主屏置灰，對(duì)于電商平臺(tái)來(lái)說(shuō)，用戶文字掃瞄會(huì)更多，同時(shí)會(huì)更好理解，在左上角與京東狗排列，展現(xiàn)「緬懷悼念」文案，更簡(jiǎn)單讓用戶理解首屏灰度展現(xiàn)的緣由，也更好地與用戶情感綁定，加深企業(yè)正向傳播。

當(dāng)下滑掃瞄時(shí)，瓷片區(qū)模塊與瀑布流信息進(jìn)行顏色分割，弱化了顏色斷層，讓用戶也能良好地掃瞄與使用，很好地避開(kāi)用戶掃瞄時(shí)的壓迫感，避開(kāi)當(dāng)日GMV（商品交易總額）下滑較大。全屏去色后依舊可以通過(guò)標(biāo)簽欄圖標(biāo)顏色來(lái)區(qū)分品牌感知。

五、【淘寶】首頁(yè)與逛逛導(dǎo)航置灰，弱化顏色對(duì)比

1.產(chǎn)品描述

作為電商頭部產(chǎn)品，為用戶推出好逛、好玩的消費(fèi)場(chǎng)景，用戶來(lái)淘寶更多是逛街，發(fā)覺(jué)好物等滿意各需求的使用。企業(yè)也要與特別日有關(guān)聯(lián)，來(lái)給用戶正向傳播情感，提升國(guó)民分散力。

2.設(shè)計(jì)方案

在首頁(yè)主屏置灰，向下滑動(dòng)顯示被遮擋模塊后用原彩來(lái)呈現(xiàn)，模塊有稍微斷層，但可以避開(kāi)各分會(huì)場(chǎng)用戶流失。逛逛模塊主視覺(jué)粉紅色灰度處理，降低顏色曝光，與首頁(yè)形成顏色統(tǒng)一很好避開(kāi)了視覺(jué)強(qiáng)對(duì)比給用戶帶來(lái)的混亂感。

六、【拼多多】全劇置灰，弱化產(chǎn)品視覺(jué)

1.產(chǎn)品描述

拼多多作為34線城市的主力軍，在助農(nóng)產(chǎn)品上始終發(fā)揮著重要地位。34線及鄉(xiāng)村人口是一個(gè)大基數(shù)，作為企業(yè)同樣需要傳達(dá)國(guó)家情感，讓用戶一起緬懷。

2.設(shè)計(jì)方案

拼多多首屏灰度展現(xiàn)，由于本身業(yè)務(wù)模塊整合精煉，首屏?xí)宫F(xiàn)商品內(nèi)容，再次狀況下，為了讓首屏視覺(jué)灰度統(tǒng)一，給用戶統(tǒng)一感，一屏顯示的兩個(gè)商品都去色展現(xiàn)，包括價(jià)格和頭像等。

當(dāng)用戶在首頁(yè)向下滑動(dòng)掃瞄更多商品時(shí)，呈現(xiàn)原彩模式，不會(huì)過(guò)多影響用戶使用體驗(yàn)。tabbar圖標(biāo)始終灰色展現(xiàn)，時(shí)刻告知用戶今日是特別日子，加深用戶印象。

七、【百度】細(xì)節(jié)灰度處理，視覺(jué)呈現(xiàn)更加細(xì)膩

1.產(chǎn)品描述

作為最早入局，擁有大量用戶的搜尋詢問(wèn)平臺(tái)，用戶搜尋看新聞等都是高頻發(fā)生的事情，如何在不影響產(chǎn)品自身狀況下，協(xié)作特別節(jié)日去做緬懷的視覺(jué)呈現(xiàn)。

2.設(shè)計(jì)方案

百度搜尋使用的人群更多更廣，當(dāng)用戶在特別日子搜尋特定關(guān)鍵詞，得到的內(nèi)容會(huì)經(jīng)過(guò)處理呈現(xiàn)偏藍(lán)灰的主色調(diào)，給用戶視覺(jué)感知，并且在金剛區(qū)中，圖標(biāo)顏色重新設(shè)計(jì)，與背景形成強(qiáng)呼應(yīng)，氛圍感更強(qiáng)，讓用戶更好的沉醉在場(chǎng)景中閱讀，提高掃瞄體驗(yàn)。

八、【餓了么】金剛區(qū)全置灰，半屏灰度處理

1.產(chǎn)品描述

阿里巴巴旗下本地生活服務(wù)產(chǎn)品，用戶外賣美食場(chǎng)景更加頻繁，對(duì)于DUA（日活躍用戶）大的產(chǎn)品，同樣需要在特別節(jié)日給用戶情感共鳴，與阿里生態(tài)形成統(tǒng)一的特別節(jié)日視覺(jué)呈現(xiàn)。

2.設(shè)計(jì)方案

首頁(yè)金剛區(qū)與頂部導(dǎo)航灰度處理，各模塊入口顏色保持統(tǒng)一，給用戶特別節(jié)日感知。金剛區(qū)下方瀑布流采納原彩模式呈現(xiàn)給消費(fèi)者，用戶進(jìn)入首頁(yè)會(huì)有明顯顏色斷層感知，此做法迫于消費(fèi)場(chǎng)景，做的視覺(jué)讓步。

由于推舉模塊更多都是當(dāng)下準(zhǔn)時(shí)消費(fèi)的餐飲菜品，置灰處理給用戶的感知自己在消費(fèi)灰色內(nèi)容，會(huì)有不敬重，帶入感等簡(jiǎn)單心情，產(chǎn)生負(fù)面影響，所以首頁(yè)會(huì)呈現(xiàn)顏色斷層感受。

再說(shuō)回拼多多為什么要商品置灰處理，其一由于電商購(gòu)物從付費(fèi)運(yùn)輸派送周期會(huì)有3-5天用戶當(dāng)下消費(fèi)后，感知會(huì)漸漸淡去。

其二由于拼多多相比餓了么用戶體量更大，首頁(yè)假如消失明顯顏色斷層灰給用戶極大的視覺(jué)干擾，造成不好的使用體驗(yàn)。如此僅個(gè)人感悟，如有其他見(jiàn)解歡迎留言爭(zhēng)論。

九、【云閃付】頂部主視覺(jué)置灰，營(yíng)造紀(jì)念氛圍

1.產(chǎn)品描述

銀行業(yè)務(wù)統(tǒng)一管理的戰(zhàn)略產(chǎn)品，用戶基數(shù)同樣很大，產(chǎn)品本身品牌紅色會(huì)和當(dāng)日特別節(jié)日產(chǎn)生強(qiáng)對(duì)比。設(shè)想在重要的緬懷場(chǎng)景下，使用云閃付交易，首頁(yè)半屏紅色不利于特別場(chǎng)景下使用，那如何解決。

2.設(shè)計(jì)方案

紅色在中國(guó)更多具有喜慶喧鬧活躍的感受，不利于特別節(jié)日使用。云閃付作為品牌紅會(huì)與節(jié)日發(fā)生沖突。在首頁(yè)頂部導(dǎo)航中采納去色的表現(xiàn)形式，一來(lái)降低顏色與場(chǎng)景的對(duì)比，二來(lái)體現(xiàn)產(chǎn)品對(duì)節(jié)日的特別緬懷，三來(lái)降低飽和度會(huì)凸顯金剛區(qū)業(yè)務(wù)板塊，側(cè)面還能提升各業(yè)務(wù)的曝光，是不錯(cuò)的方案設(shè)計(jì)。

十、【美團(tuán)】頂部品牌色置灰，避開(kāi)影響主體業(yè)務(wù)

1.產(chǎn)品描述

生活本地服務(wù)的大佬，各業(yè)務(wù)模塊都是產(chǎn)品營(yíng)收的關(guān)鍵，如何在不影響商業(yè)前提下，還能很好地給用戶傳達(dá)特別節(jié)日下的緬懷行為。

2.設(shè)計(jì)方案

和云閃付的視覺(jué)呈現(xiàn)類似，在頂部導(dǎo)航欄中用灰度來(lái)代替品牌黃，給用戶直觀感受，灰色相比黃色不會(huì)搶眼，在首頁(yè)與金剛區(qū)排列中，更加突出金剛區(qū)業(yè)務(wù)的分類，強(qiáng)化各模塊曝光，多業(yè)務(wù)來(lái)說(shuō)是一個(gè)好的視覺(jué)改點(diǎn)，由于此節(jié)日具有特別性時(shí)間性，短期使用灰色不會(huì)影響用戶使用，反而會(huì)強(qiáng)化金剛區(qū)業(yè)務(wù)。

為了營(yíng)造氛圍，避開(kāi)大面積灰色呈現(xiàn)，在底部標(biāo)簽欄中使用灰色圖標(biāo)展現(xiàn)，時(shí)刻給用戶傳遞節(jié)日感知。

十一、視覺(jué)總結(jié)

在特別節(jié)日里可以通過(guò)，灰度呈現(xiàn)來(lái)讓用戶感知到產(chǎn)品的情感。

全局灰度：視覺(jué)呈現(xiàn)統(tǒng)一，無(wú)顏色割裂感，長(zhǎng)時(shí)間觀看會(huì)給用戶視覺(jué)壓迫感。

首屏灰度：首頁(yè)灰度統(tǒng)一，向下滑動(dòng)時(shí)有明顯顏色斷層，分割感強(qiáng)，但不影響用戶向下掃瞄內(nèi)容時(shí)的彩色呈現(xiàn)。

特別圖標(biāo)及背景去色處理：視覺(jué)呈現(xiàn)最好，不影響品牌色傳播，掃瞄時(shí)具有呼吸感，不壓迫不斷層。

金剛區(qū)與導(dǎo)航去色：首頁(yè)視覺(jué)呈現(xiàn)斷層，搜尋金剛區(qū)入口需要看字來(lái)查找，視覺(jué)感知平級(jí)，品牌感知較弱。

導(dǎo)航與Tabbar去色：首頁(yè)視覺(jué)兩分化，強(qiáng)化金剛區(qū)檢索，品牌色感知較弱，會(huì)給用戶感知BUG問(wèn)題的想法，但不影響各業(yè)務(wù)的查找使用。

總之，處理方式有許多種，結(jié)合自家產(chǎn)品，不影響用