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

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

1.產(chǎn)品描述

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

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

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

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

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

1.產(chǎn)品描述

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

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

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

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

1.產(chǎn)品描述

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

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

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

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

1.產(chǎn)品描述

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

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

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

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

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

1.產(chǎn)品描述

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

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

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

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

1.產(chǎn)品描述

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

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

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

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

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

1.產(chǎn)品描述

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

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

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

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

1.產(chǎn)品描述

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

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

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

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

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

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

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

1.產(chǎn)品描述

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

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

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

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

1.產(chǎn)品描述

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

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

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

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

十一、視覺總結(jié)

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

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

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

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

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

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

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