
2022年第20篇原創
最近有很多大廠都在出一些邀請制的內測產品,具體產品的盈利模式閉環能不能走通咱也不知道,但就說這視覺UI,真的是各有千秋,爭奇鬥豔。今天我們就從幾個角度來分析一下這些內測產品在UI表現上都有什麼亮點。從幾個產品的logo上來看,我們能發現色調普遍都非常的年輕化,使用亮色的青、黃、橙色、粉為主,代表當下潮流的色系。這個款應用的前身是躺平,我之前也是一位「手辦」區的不知名博主。躺平app當時也是非常有代表性的一款年輕人興趣社交產品,產品的UI設計風格也非常獨特,吸引了很多年輕人來使用。現在迭代成為了「有啥」,當時整個UI風格給我的感覺雖然也是比較年輕化但是會更偏向於卡通、日系的感覺,因為他裡面有很多的一些粗描邊的插畫很具有代表性。而現在的躺平,我們發現他設計出了很多更加立體的元素,例如不同的主題話題、底部圖標、空頁面都有各自的三維元素,非常有個性。我數了一下,一共有44個主題,這些都是官方創建的,所以個人是創建不了的,也基本涵蓋了市面上大部分年輕人比較喜歡的圈子主題。這個三維圖形的工作量還是不少的,但是整體就非常出效果,給人耳目一新的感覺。態棒是阿里在3月份開始內測的一款獨立電商,主打年輕人潮流文化的社區與電商。這個產品有意思的是,它提供了品牌主理人和用戶可以在一個平台內互動,這就有點像之前的一款有點類似模式的產品叫做想去,也是一個為原創設計品牌提供平台的產品。這款產品我第一眼看到的時候也覺得挺好玩的。這裡面的一些元素也非常潮流和個性,例如低飽和度漸變的背景、帶有質感的背景、鐳射元素、粗字體、波點、毛玻璃等等。還有意思的地方就在於首頁的標籤圖片採用了波浪形滾動的動效,在其他產品中可能都沒有見過。一個主題切換到另一個主題又採用了翻轉的動效,甚至底部的商品封面上就有自帶彈幕的滾動,tab切換選中的樣式用了一個類似筆繪的線條,這些設計樣式都比較新穎,大膽。同時從產品的名字到設計,都能感受設計師想要賦予產品一種個性,就好像一個非常有態度的年輕人來這裡解釋有態度的朋友買到更有態度的中國製造。在產品設計中的文案里也處處能感受到這樣的個性,例如長按封面會出現「咱看不上」,態度板塊里可以點棒或者呵,這個呵就有點意味深長了,大家品一品。點擊商品詳情會出現各種態度的彈幕標籤。汽水音樂的前身是抖音音樂,所以整體的風格也是延續了抖音的黑色系風格,主色調和抖音的玫紅色形成了一個對比,用了一個非常年輕的綠色調。頁面的左上角用主色做了一個漸變,有種極光的效果。整體風格比較簡約,但沒有太突出的亮點。這個產品之前和識區都有在公眾號文章里給大家介紹過,我這裡就一起說了。在UI表現上NokNok(後面簡稱NN),表現的比較突出,這個產品比較有意思的是他的整體視覺風格-像素化風格。應用剛進入時的啟動頁也是致敬了童年遊戲機中選擇玩家的界面,在登錄界面中的按鈕頁面也設計成了像素風格,這個點做的還是挺統一的,包括進入應用後的一些圖標和氣泡的設計也都採用了像素格的表現。識區app則在視覺表現上比較中規中矩。傳送門在此~小宇宙是即刻出品的中文播客類產品,這個產品其實在2020年就已經面世了,播客其實在國內還算是比較小眾的領域,但是也有很大一批用戶喜歡在這裡創作內容,而國內這塊的垂直領域產品都沒有做的特別好的,所以小宇宙應運而生。它給我的第一印象是比較安靜平和的,名字和星球形狀的logo,也表達出產品希望這是一個能夠匯聚一群具有獨特品味的人們在這裡交流和創造內容,形成一個圈子一個屬於他們自己的空間。所以它在色彩上也選擇了比較安靜自然的天藍色,以及低飽和度的一些輔助色。這裡有幾個小的UI設計點我們來看一下。首先是榜單的tab樣式,它用了一個模糊/清晰的切換,這樣的樣式能夠使選中和不選中的標籤有明顯的區分,甚至不選中的標籤不仔細看可能完全看不清楚,所以這個處理的話需要見仁見智拉。這裡還有幾個處理的比較細節的地方,一個是在給評論點讚時候的旗袍動效,能夠讓用戶清晰的看到自己點完贊之後的狀態變化,氣泡也是跳出了背景色塊的邊界,也是一種UI動效上的突破。還有在聽播客的詳情頁面中,點讚可以在進度條中進行標記,哪個時間點聽到有意思的內容可以點讚標記。產品整體使用下來還是非常流暢的,無論是交互也好還是交互之後的預期都顯得比較自然,幾乎沒有太多的認知和操作的門檻。這是一款由新浪出品的面向年輕人潮流文化的app。內容呈現有點像B站,但是風格則更像是得物。這款應用讓我印象比較深的是它把個人興趣與內容創建的社交屬性做了一些挺有意思的設計。例如在每個人個人主頁都會有一個專屬的星空。星空里被點亮的星/球就是該用戶在哪些興趣小組或者話題下的互動主題,互動的越多點亮的星則會大。其實說白了就是這個用戶關注了哪些話題,並且在哪些話題中的活躍度用了一種比較形象設計創意展示了出來。這款應用是網易出品,一款年輕人情緒視頻互動的社區產品,我體驗了一下,其實這裡的內容更像是用戶分享生活的圈子。例如有人發布一個心聲,然後可以得到很多的視頻回應,這就相當於知乎提出一個問題或者話題,用戶可以參與進來發表自己的觀點一樣,這裡用的是視頻的形式。這款應用的UI的亮點不是很多,但是比較喜歡它的空頁面的插畫,也是一個線條的小插畫,風格和當時的躺平有點類似。然後一些圖標會比較圓潤可愛一些。還有他的頭預設頭像也不錯。在錄製回應視頻的時候還可以選擇多個卡通虛擬頭像的效果。首頁的話題卡片的形式還是挺新穎的,但是對於新用戶來說信息獲取的效率會有點低。而且右上角的寢室臥談會好像是一個固定的東西,和首頁這些卡片的關係不太明確,也無法查看更多,有點摸不着頭腦。總體來看設計風格還是簡潔清新的。好啦,今天的分享就到這裡。對了,態棒app是邀請制,所以依然是在後台回復【態棒】獲取邀請碼哦
鑽石舞台 發表在 痞客邦 留言(0) 人氣()