2022年新出的大廠App,我們來(lái)看看他們的UI有什么亮點(diǎn)

15 評(píng)論 11037 瀏覽 37 收藏 12 分鐘

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

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

2022年新出的大廠App,我們來(lái)看看他們的UI有什么亮點(diǎn)

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

以上排序不分先后

從幾個(gè)產(chǎn)品的logo上來(lái)看,我們能發(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ú)特,吸引了很多年輕人來(lái)使用?,F(xiàn)在迭代成為了“有啥”,當(dāng)時(shí)整個(gè)UI風(fēng)格給我的感覺(jué)雖然也是比較年輕化但是會(huì)更偏向于卡通、日系的感覺(jué),因?yàn)樗锩嬗泻芏嗟囊恍┐置柽叺牟瀹?huà)很具有代表性。

2022年新出的大廠App,我們來(lái)看看他們的UI有什么亮點(diǎn)

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

2022年新出的大廠App,我們來(lái)看看他們的UI有什么亮點(diǎn)

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

二、態(tài)棒

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

2022年新出的大廠App,我們來(lái)看看他們的UI有什么亮點(diǎn)

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

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

2022年新出的大廠App,我們來(lái)看看他們的UI有什么亮點(diǎn)

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

三、汽水音樂(lè)

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

2022年新出的大廠App,我們來(lái)看看他們的UI有什么亮點(diǎn)

四、NokNok

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

五、小宇宙

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

2022年新出的大廠App,我們來(lái)看看他們的UI有什么亮點(diǎn)

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

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

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

2022年新出的大廠App,我們來(lái)看看他們的UI有什么亮點(diǎn)

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

六、Hobby

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

2022年新出的大廠App,我們來(lái)看看他們的UI有什么亮點(diǎn)

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

七、彼應(yīng)

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

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

2022年新出的大廠App,我們來(lái)看看他們的UI有什么亮點(diǎn)

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

2022年新出的大廠App,我們來(lái)看看他們的UI有什么亮點(diǎn)

#專(zhuān)欄作家#

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

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

題圖來(lái)自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 狗俊,怎么不開(kāi)培訓(xùn)班賺錢(qián)了,忽悠不了新人來(lái)培訓(xùn)了?
    聽(tīng)我一句勸,還是繼續(xù)找工作,去公司養(yǎng)老吧。

    來(lái)自貴州 回復(fù)
  2. 一串看下來(lái),發(fā)現(xiàn)應(yīng)用app的圖標(biāo)都挺好看的

    回復(fù)
  3. 大佬發(fā)文了,支持一下,但是這些APP確實(shí)夠糊的……

    回復(fù)
  4. 都很年輕,都很活力,就是不知道三十年后再回來(lái)看,這種風(fēng)格是不是就是非主流了哈哈哈哈哈哈

    來(lái)自廣東 回復(fù)
  5. 第一感覺(jué),這個(gè)小宇宙的圖標(biāo)好像小紅書(shū)里的原始頭像的feel哇

    來(lái)自廣東 回復(fù)
  6. 都挺有意思的,但是這些APP我還沒(méi)怎么使用,就是看著很火

    來(lái)自江蘇 回復(fù)
  7. 那個(gè)三維立體圖有點(diǎn)可愛(ài),感覺(jué)是跳一跳里面逃出來(lái)的

    回復(fù)
  8. 這些APP看起來(lái)很有意思啊哈哈,默默打開(kāi)應(yīng)用商店

    來(lái)自廣西 回復(fù)
  9. 小宇宙APP看起來(lái)還挺有意思的誒,下次點(diǎn)進(jìn)去看看哈哈哈。

    來(lái)自江西 回復(fù)
  10. 我可真是一個(gè)都沒(méi)聽(tīng)說(shuō)過(guò),我可能真的out了。

    來(lái)自江西 回復(fù)
  11. 原來(lái)2022年新出了這么多大廠APP,我真是孤陋寡聞了。

    來(lái)自江西 回復(fù)
  12. 普遍能感受到這些大廠APP新潮、年輕的格調(diào),也更注重興趣內(nèi)容社區(qū)的發(fā)展了

    來(lái)自廣東 回復(fù)
  13. 哈哈哈哈,看完之后,一個(gè)也叫不上名字,我就想知道這些軟件能活下來(lái)么。

    來(lái)自河南 回復(fù)
    1. 汽水音樂(lè)最近抖音挺多,能拿到多點(diǎn)音樂(lè)版權(quán),估計(jì)不難

      來(lái)自廣東 回復(fù)
    2. 汽水音樂(lè)歌詞翻譯有些沒(méi)有,體驗(yàn)不是很好

      來(lái)自湖南 回復(fù)