全民小視頻體驗(yàn)升級(jí)設(shè)計(jì)思路探索

0 評(píng)論 6447 瀏覽 17 收藏 9 分鐘

編輯導(dǎo)語(yǔ):這兩年短視頻平臺(tái)迅猛發(fā)展,全民可自由創(chuàng)作和發(fā)表作品的時(shí)代到來(lái),短視頻行業(yè)的規(guī)模也越來(lái)越大;如今人們對(duì)于信息獲取量增大,短視頻可以有效快速的取得更多信息,用戶體驗(yàn)更佳;本文作者分享了關(guān)于全民小視頻體驗(yàn)升級(jí)設(shè)計(jì)思路的探索,我們一起來(lái)看一下。

2020年初,隨著短視頻競(jìng)爭(zhēng)白熱化,全民小視頻在尋找差異化路徑來(lái)提升時(shí)長(zhǎng),戰(zhàn)略定位為泛知識(shí)類內(nèi)容調(diào)性,同時(shí),期望覆蓋更加年輕的用戶群體;基于對(duì)產(chǎn)品訴求和用戶特征的分析,我們對(duì)產(chǎn)品體驗(yàn)進(jìn)行了全新升級(jí),給予用戶更沉浸的視頻消費(fèi)體驗(yàn),并探索出全新的設(shè)計(jì)語(yǔ)言。

設(shè)計(jì)思路探索:

一個(gè)大型產(chǎn)品的體驗(yàn)升級(jí),首先要保持用戶體驗(yàn)的一致性,各角色高效協(xié)作使產(chǎn)品快速迭代;其次創(chuàng)造良好的沉浸式體驗(yàn)來(lái)提升時(shí)長(zhǎng),讓產(chǎn)品在未來(lái)的道路上更富有生命力;最后要具備打動(dòng)年輕用戶的獨(dú)特魅力。

基于此設(shè)定了三個(gè)設(shè)計(jì)目標(biāo):有序、沉浸、元?dú)狻?/p>

全民小視頻 極簡(jiǎn)幾何 美學(xué)向上

一、有序 | Order

全新的設(shè)計(jì)語(yǔ)言是顛覆性的從淺色風(fēng)格升級(jí)為更沉浸的深色風(fēng)格,要確保有序的落地,就需要有系統(tǒng)化的思維。

色彩是基礎(chǔ)供給,從形成對(duì)應(yīng)淺色風(fēng)格的色彩映射入手,到元素、控件、組件再擴(kuò)展到更多的場(chǎng)景,我們不斷的完善和推進(jìn)組件的平臺(tái)化能力,從而以更小的成本有規(guī)律的完成落地。

全民小視頻 極簡(jiǎn)幾何 美學(xué)向上

全民小視頻 極簡(jiǎn)幾何 美學(xué)向上

二、沉浸體驗(yàn) | Immerse

如何在視覺(jué)體驗(yàn)上營(yíng)造沉浸式視頻消費(fèi)的快感呢,結(jié)合現(xiàn)實(shí)場(chǎng)景中觀影體驗(yàn),我們采用了「環(huán)境氛圍營(yíng)造」和「視覺(jué)降噪」兩個(gè)手段讓用戶更加聚焦視頻內(nèi)容,從而打破時(shí)長(zhǎng)瓶頸。

1. 沉浸氛圍感營(yíng)造

現(xiàn)實(shí)生活中,人們?nèi)ル娪霸河^影,黑暗的環(huán)境更容易讓我們身臨其境,沉浸于故事情節(jié)。

在界面設(shè)計(jì)中,深色界面相對(duì)于白色更容易將視頻這種動(dòng)態(tài)影像凸顯出來(lái);產(chǎn)品從選擇式消費(fèi)的feed流,改變?yōu)橹苯酉M(fèi)的大屏自動(dòng)播放模式,也成為UI直接使用深色的一大契機(jī);深色界面不僅可以減少切換跳出感,還可以營(yíng)造沉浸式觀看的氛圍。

全民小視頻 極簡(jiǎn)幾何 美學(xué)向上

智能取色:音樂(lè)/貼紙/話題/主題的聚合頁(yè)采用自動(dòng)提取專輯封面的色彩作為動(dòng)態(tài)背景,營(yíng)造沉浸的氛圍感。

全民小視頻 極簡(jiǎn)幾何 美學(xué)向上

2. 視覺(jué)降噪聚焦內(nèi)容

在影院里觀影開(kāi)始時(shí),周圍的燈光會(huì)隨著影片的開(kāi)始而逐漸消失,讓觀影者完全聚焦于視頻內(nèi)容。

有感而發(fā),我們?cè)谝曨l觀看界面里,將非視頻區(qū)信息縮小/去色、采用透明的icon給予更沉浸的觀感體驗(yàn),當(dāng)視頻播放7s后,信息將自動(dòng)降低透明度。

三、元?dú)獾脑O(shè)計(jì)語(yǔ)言 | Vitality

在視覺(jué)品牌基因上,致力于打造符合年輕人審美充滿活力的品牌形象,我們采用明亮多元的色彩體系、極簡(jiǎn)幾何美學(xué),來(lái)營(yíng)造獨(dú)特品牌記憶點(diǎn)。

1. 明亮多元的色彩體系

基于品牌整體年輕活力的基調(diào),和人眼在深色背景下的閱讀舒適性;我們對(duì)品牌標(biāo)準(zhǔn)色進(jìn)行了升級(jí),保持延續(xù)性,將S飽和度降至70,以H色相±2、S飽和度±5為階梯生成更多色階,同時(shí)建立更多元的輔助色彩體系,讓品牌充滿元?dú)夂唾x有想象力。

全民小視頻 極簡(jiǎn)幾何 美學(xué)向上

2. 極簡(jiǎn)幾何美學(xué)向上

建立一個(gè)兼具打動(dòng)年輕人、符合泛知識(shí)化戰(zhàn)略定位的設(shè)計(jì)語(yǔ)言,就要求既有很強(qiáng)的張力和視覺(jué)效果,又能散發(fā)出包容、內(nèi)斂的氣息,優(yōu)雅而高級(jí);受俄羅斯藝術(shù)流派「至上主義」的藝術(shù)概念啟發(fā),找到了與產(chǎn)品性格相符的設(shè)計(jì)語(yǔ)言——極簡(jiǎn)幾何美學(xué)。

聚焦個(gè)人頁(yè)頭圖去建立屬于我們獨(dú)特的視覺(jué)DNA;頭圖和作者ID的首字母做匹配,打造作者專屬圖像,注重個(gè)性表達(dá);采用極簡(jiǎn)利落的幾何線條、鄰近色的配色來(lái)構(gòu)建每一個(gè)字母;再將其3D化,通過(guò)對(duì)光影明暗的塑造,創(chuàng)造出富有生氣的立體畫(huà)面,賦予產(chǎn)品年輕活力的品牌個(gè)性。

從個(gè)人頁(yè)3D頭圖,幾何切割圖標(biāo)語(yǔ)言,到全場(chǎng)景的氛圍穿透,都在傳遞鮮活生動(dòng)的品牌感知。

全民小視頻 極簡(jiǎn)幾何 美學(xué)向上

全民小視頻 極簡(jiǎn)幾何 美學(xué)向上

全民小視頻 極簡(jiǎn)幾何 美學(xué)向上

全民小視頻 極簡(jiǎn)幾何 美學(xué)向上

全民小視頻 極簡(jiǎn)幾何 美學(xué)向上

全民小視頻 極簡(jiǎn)幾何 美學(xué)向上

3. 品牌穿透

極簡(jiǎn)幾何的基因特征不只停留在圖像和圖標(biāo)中,同時(shí)在品牌傳播官網(wǎng)、渠道商店圖等場(chǎng)景透出,更多維度的展現(xiàn),形成品牌資產(chǎn),不斷強(qiáng)化用戶心智。

全民小視頻 極簡(jiǎn)幾何 美學(xué)向上

四、寫(xiě)在最后

打造品牌DNA的方法多種多樣,可從底層去分析視覺(jué)語(yǔ)言基礎(chǔ)元素,即圖形、色彩、質(zhì)感、構(gòu)成、字體、動(dòng)效、圖像等元素的綜合運(yùn)用來(lái)打造;我們只需綜合運(yùn)用一兩種基礎(chǔ)元素即可。

本次改版我們運(yùn)用「幾何圖形」和「明亮色彩」元素,定義了具有獨(dú)特性的品牌DNA,接下來(lái)我們將在更多場(chǎng)景中去強(qiáng)化和運(yùn)用它,從而提升產(chǎn)品的品牌調(diào)性和識(shí)別性,也請(qǐng)期待文娛團(tuán)隊(duì)未來(lái)在視頻領(lǐng)域帶來(lái)更多用戶價(jià)值與創(chuàng)新。

 

作者:百度MEUX,百度移動(dòng)生態(tài)用戶體驗(yàn)設(shè)計(jì)中心,負(fù)責(zé)百度移動(dòng)生態(tài)體系的用戶/商業(yè)產(chǎn)品的全鏈路體驗(yàn)設(shè)計(jì)。

本文由@百度MEUX 原創(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. 目前還沒(méi)評(píng)論,等你發(fā)揮!