編輯導(dǎo)語：2022年，很多護(hù)互聯(lián)網(wǎng)廠都在推出一些邀請(qǐng)制的內(nèi)測(cè)產(chǎn)品，不論各類產(chǎn)品特色功能，單就產(chǎn)品的UI設(shè)計(jì)界面配色大膽，視覺沖擊效果明顯。本文帶你2022年大廠app嘗鮮，并從多角度分析這些內(nèi)側(cè)產(chǎn)品在UI設(shè)計(jì)上的亮點(diǎn)，值得閱讀了解。

最近有很多大廠都在出一些邀請(qǐng)制的內(nèi)測(cè)產(chǎn)品，具體產(chǎn)品的盈利模式閉環(huán)能不能走通咱也不知道，但就說這視覺UI，真的是各有千秋，爭(zhēng)奇斗艷。今天我們就從幾個(gè)角度來分析一下這些內(nèi)測(cè)產(chǎn)品在UI表現(xiàn)上都有什么亮點(diǎn)。

1. 淘寶-友啥-分享興趣種草
2. 字節(jié)跳動(dòng)-識(shí)區(qū)-興趣圈子社交
3. 阿里-態(tài)棒-年輕人生活方式電商
4. 字節(jié)-汽水音樂-推薦/發(fā)現(xiàn)小眾音樂
5. 即刻-小宇宙-中文播客產(chǎn)品
6. 騰訊-NokNok-游戲社交
7. 網(wǎng)易-彼應(yīng)-視頻互動(dòng)
8. 新浪-Hobby-潮流排隊(duì)共創(chuàng)社區(qū)

以上排序不分先后

從幾個(gè)產(chǎn)品的logo上來看，我們能發(fā)現(xiàn)色調(diào)普遍都非常的年輕化，使用亮色的青、黃、橙色、粉為主，代表當(dāng)下潮流的色系。

一、友啥app

這個(gè)款應(yīng)用的前身是躺平，我之前也是一位“手辦”區(qū)的不知名博主。躺平app當(dāng)時(shí)也是非常有代表性的一款年輕人興趣社交產(chǎn)品，產(chǎn)品的UI設(shè)計(jì)風(fēng)格也非常獨(dú)特，吸引了很多年輕人來使用?，F(xiàn)在迭代成為了“有啥”，當(dāng)時(shí)整個(gè)UI風(fēng)格給我的感覺雖然也是比較年輕化但是會(huì)更偏向于卡通、日系的感覺，因?yàn)樗锩嬗泻芏嗟囊恍┐置柽叺牟瀹嫼芫哂写硇浴?/p>

而現(xiàn)在的躺平，我們發(fā)現(xiàn)他設(shè)計(jì)出了很多更加立體的元素，例如不同的主題話題、底部圖標(biāo)、空頁面都有各自的三維元素，非常有個(gè)性。我數(shù)了一下，一共有44個(gè)主題，這些都是官方創(chuàng)建的，所以個(gè)人是創(chuàng)建不了的，也基本涵蓋了市面上大部分年輕人比較喜歡的圈子主題。

這個(gè)三維圖形的工作量還是不少的，但是整體就非常出效果，給人耳目一新的感覺。

二、態(tài)棒

態(tài)棒是阿里在3月份開始內(nèi)測(cè)的一款獨(dú)立電商，主打年輕人潮流文化的社區(qū)與電商。這個(gè)產(chǎn)品有意思的是，它提供了品牌主理人和用戶可以在一個(gè)平臺(tái)內(nèi)互動(dòng)，這就有點(diǎn)像之前的一款有點(diǎn)類似模式的產(chǎn)品叫做想去，也是一個(gè)為原創(chuàng)設(shè)計(jì)品牌提供平臺(tái)的產(chǎn)品。

這款產(chǎn)品我第一眼看到的時(shí)候也覺得挺好玩的。這里面的一些元素也非常潮流和個(gè)性，例如低飽和度漸變的背景、帶有質(zhì)感的背景、鐳射元素、粗字體、波點(diǎn)、毛玻璃等等。還有意思的地方就在于首頁的標(biāo)簽圖片采用了波浪形滾動(dòng)的動(dòng)效，在其他產(chǎn)品中可能都沒有見過。一個(gè)主題切換到另一個(gè)主題又采用了翻轉(zhuǎn)的動(dòng)效，甚至底部的商品封面上就有自帶彈幕的滾動(dòng)，tab切換選中的樣式用了一個(gè)類似筆繪的線條，這些設(shè)計(jì)樣式都比較新穎，大膽。

同時(shí)從產(chǎn)品的名字到設(shè)計(jì)，都能感受設(shè)計(jì)師想要賦予產(chǎn)品一種個(gè)性，就好像一個(gè)非常有態(tài)度的年輕人來這里解釋有態(tài)度的朋友買到更有態(tài)度的中國制造。

在產(chǎn)品設(shè)計(jì)中的文案里也處處能感受到這樣的個(gè)性，例如長按封面會(huì)出現(xiàn)“咱看不上”，態(tài)度板塊里可以點(diǎn)棒或者呵，這個(gè)呵就有點(diǎn)意味深長了，大家品一品。點(diǎn)擊商品詳情會(huì)出現(xiàn)各種態(tài)度的彈幕標(biāo)簽。

三、汽水音樂

汽水音樂的前身是抖音音樂，所以整體的風(fēng)格也是延續(xù)了抖音的黑色系風(fēng)格，主色調(diào)和抖音的玫紅色形成了一個(gè)對(duì)比，用了一個(gè)非常年輕的綠色調(diào)。頁面的左上角用主色做了一個(gè)漸變，有種極光的效果。整體風(fēng)格比較簡(jiǎn)約，但沒有太突出的亮點(diǎn)。

四、NokNok

這個(gè)產(chǎn)品之前和識(shí)區(qū)都有在公眾號(hào)文章里給大家介紹過，我這里就一起說了。在UI表現(xiàn)上NokNok（后面簡(jiǎn)稱NN），表現(xiàn)的比較突出，這個(gè)產(chǎn)品比較有意思的是他的整體視覺風(fēng)格-像素化風(fēng)格。應(yīng)用剛進(jìn)入時(shí)的啟動(dòng)頁也是致敬了童年游戲機(jī)中選擇玩家的界面，在登錄界面中的按鈕頁面也設(shè)計(jì)成了像素風(fēng)格，這個(gè)點(diǎn)做的還是挺統(tǒng)一的，包括進(jìn)入應(yīng)用后的一些圖標(biāo)和氣泡的設(shè)計(jì)也都采用了像素格的表現(xiàn)。識(shí)區(qū)app則在視覺表現(xiàn)上比較中規(guī)中矩。傳送門在此～

五、小宇宙

小宇宙是即刻出品的中文播客類產(chǎn)品，這個(gè)產(chǎn)品其實(shí)在2020年就已經(jīng)面世了，播客其實(shí)在國內(nèi)還算是比較小眾的領(lǐng)域，但是也有很大一批用戶喜歡在這里創(chuàng)作內(nèi)容，而國內(nèi)這塊的垂直領(lǐng)域產(chǎn)品都沒有做的特別好的，所以小宇宙應(yīng)運(yùn)而生。它給我的第一印象是比較安靜平和的，名字和星球形狀的logo，也表達(dá)出產(chǎn)品希望這是一個(gè)能夠匯聚一群具有獨(dú)特品味的人們?cè)谶@里交流和創(chuàng)造內(nèi)容，形成一個(gè)圈子一個(gè)屬于他們自己的空間。所以它在色彩上也選擇了比較安靜自然的天藍(lán)色，以及低飽和度的一些輔助色。

這里有幾個(gè)小的UI設(shè)計(jì)點(diǎn)我們來看一下。首先是榜單的tab樣式，它用了一個(gè)模糊/清晰的切換，這樣的樣式能夠使選中和不選中的標(biāo)簽有明顯的區(qū)分，甚至不選中的標(biāo)簽不仔細(xì)看可能完全看不清楚，所以這個(gè)處理的話需要見仁見智拉。

這里還有幾個(gè)處理的比較細(xì)節(jié)的地方，一個(gè)是在給評(píng)論點(diǎn)贊時(shí)候的旗袍動(dòng)效，能夠讓用戶清晰的看到自己點(diǎn)完贊之后的狀態(tài)變化，氣泡也是跳出了背景色塊的邊界，也是一種UI動(dòng)效上的突破。

還有在聽播客的詳情頁面中，點(diǎn)贊可以在進(jìn)度條中進(jìn)行標(biāo)記，哪個(gè)時(shí)間點(diǎn)聽到有意思的內(nèi)容可以點(diǎn)贊標(biāo)記。

產(chǎn)品整體使用下來還是非常流暢的，無論是交互也好還是交互之后的預(yù)期都顯得比較自然，幾乎沒有太多的認(rèn)知和操作的門檻。

六、Hobby

這是一款由新浪出品的面向年輕人潮流文化的app。內(nèi)容呈現(xiàn)有點(diǎn)像B站，但是風(fēng)格則更像是得物。這款應(yīng)用讓我印象比較深的是它把個(gè)人興趣與內(nèi)容創(chuàng)建的社交屬性做了一些挺有意思的設(shè)計(jì)。

例如在每個(gè)人個(gè)人主頁都會(huì)有一個(gè)專屬的星空。星空里被點(diǎn)亮的星/球就是該用戶在哪些興趣小組或者話題下的互動(dòng)主題，互動(dòng)的越多點(diǎn)亮的星則會(huì)大。其實(shí)說白了就是這個(gè)用戶關(guān)注了哪些話題，并且在哪些話題中的活躍度用了一種比較形象設(shè)計(jì)創(chuàng)意展示了出來。

七、彼應(yīng)

這款應(yīng)用是網(wǎng)易出品，一款年輕人情緒視頻互動(dòng)的社區(qū)產(chǎn)品，我體驗(yàn)了一下，其實(shí)這里的內(nèi)容更像是用戶分享生活的圈子。例如有人發(fā)布一個(gè)心聲，然后可以得到很多的視頻回應(yīng)，這就相當(dāng)于知乎提出一個(gè)問題或者話題，用戶可以參與進(jìn)來發(fā)表自己的觀點(diǎn)一樣，這里用的是視頻的形式。

這款應(yīng)用的UI的亮點(diǎn)不是很多，但是比較喜歡它的空頁面的插畫，也是一個(gè)線條的小插畫，風(fēng)格和當(dāng)時(shí)的躺平有點(diǎn)類似。然后一些圖標(biāo)會(huì)比較圓潤可愛一些。還有他的頭預(yù)設(shè)頭像也不錯(cuò)。在錄制回應(yīng)視頻的時(shí)候還可以選擇多個(gè)卡通虛擬頭像的效果。

首頁的話題卡片的形式還是挺新穎的，但是對(duì)于新用戶來說信息獲取的效率會(huì)有點(diǎn)低。而且右上角的寢室臥談會(huì)好像是一個(gè)固定的東西，和首頁這些卡片的關(guān)系不太明確，也無法查看更多，有點(diǎn)摸不著頭腦?？傮w來看設(shè)計(jì)風(fēng)格還是簡(jiǎn)潔清新的。

#專欄作家#

應(yīng)駿，人人都是產(chǎn)品經(jīng)理專欄作家，公眾號(hào)：應(yīng)謀鬼計(jì)（shejishiyj）

本文由 @應(yīng)駿 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議