騰訊團隊分享極致的貼紙設計

前言

當短視頻場景的發(fā)展與突破回到普通用戶的原創(chuàng)內容創(chuàng)作時,“貼紙”“音樂”“轉場”等原創(chuàng)工具的設計,都成為直接影響到發(fā)表品質的關鍵。這篇文章在于詳述在DOV的設計過程中,對“貼紙”這一品類的設計思考。

什么樣的貼紙能讓用戶的發(fā)表更加精彩?而在短視頻上使用的貼紙在設計上又會有怎樣的不同?我們需要深究用戶使用貼紙的場景和對貼紙做更深入和更極致的設計。

洞察

觀察普通用戶在多個社交平臺的實際發(fā)表內容中對貼紙的使用,我們發(fā)現(xiàn):

用戶對貼紙使用的訴求中,傳統(tǒng)的遮擋需求依然是核心;但為自己拍攝的視頻增加豐富的后期元素,擴大短視頻中表達的信息,甚至可以與短視頻中的內容進行互動,也成為了新的可能與目標。

設計目標

我們將這些挖掘到的訴求點進行歸納,總結出了貼紙設計所需的三個要素:

1、提供或擴大信息

2、幫助表達情緒

3、能夠與內容互動

 

提供或擴大信息

普通用戶隨手拍攝的生活視頻對事件的敘述往往都不夠完整,貼紙可以幫助用戶補齊信息。除地理位置、時間等輔助記錄的客觀信息外,還應當有更多表示主觀狀態(tài)的信息提供。

在對主觀狀態(tài)貼紙的設計中,應更多地表現(xiàn)正在進行中的狀態(tài),更準確地描述一個事件。例如:

在此類貼紙的設計中,融入DOV的品牌色黃色同時,結合空心字的設計,整體設計體量比較輕比較穿透,不會過多干擾視頻的信息傳遞。

 

幫助表達情緒

普通用戶拍攝的生活視頻會缺乏傳達內在情緒的表演。貼紙需要幫助用戶更好地傳達情緒,述說視頻畫面中無法表達的心情,讓觀眾們能夠更好地感同身受。

所以貼紙如何能更好地表達情緒呢?

 

1、找到有共鳴的載體,可以讓用戶感同身受。

以《夏日小物》中的“生氣”這個情緒為例,我們需要選取一個最能夠與用戶及觀眾產生共鳴的形象,可以看到,“河豚”的自然習性非常符合“生氣”的表達。

 

2、有效的表演,可以讓情緒表達的更充分更飽滿。

遵循自然的運動規(guī)律,并放大運動中節(jié)奏的變化,讓貼紙動畫表現(xiàn)更生動,達到有效的表演。

 

遵循真實

遵循物體本身的真實運動規(guī)律。通過表現(xiàn)物體運動的節(jié)奏快慢和曲線使之更接近真實。不同的情緒有不同的節(jié)奏:睡覺時的節(jié)奏比較舒緩,生氣時情緒起伏比較大,最后通過節(jié)奏的快慢頻率變化還原最真實的情緒。?

 

自然流暢

強化動畫設計中的運動弧線可以使動作更加自然流暢。自然界的運動都遵循弧線運動的規(guī)則,以這個魔性的蹬腿動作為例,拆分膝關節(jié)、腳踝的節(jié)點可以看到運動軌跡都是流暢的弧線。

 

表演張力

通過增加一些次要的表演動作的輔助動畫來增強動感和感染力。我們在動畫里還增加了一些次要表演動作,下圖可以看到動畫呈現(xiàn)中的藍色點或線的輔助動畫。讓動效更有表演感染力和張力,情緒更加飽和。

 

3、與內容互動。

讓貼紙多維度地與視頻內容產生互動。短視頻與圖片之間最大的差異就是在時間與空間的維度有更強大的延展。我們從透視角度、穿插關系、立體表現(xiàn)這3個方面讓貼紙更好地與內容互動融合,讓視頻更有虛實結合的趣味。

透視角度

一般貼紙?zhí)峁┑耐敢暯嵌缺容^單一,那我們設計貼紙的時候會增加不同的透視角度,而且大部分的貼紙只是純粹的貼合在視頻(手機屏幕),與視頻內容中的透視和角度是不一樣的,把貼紙做到有透視角度,與視頻中內容的透視角度保持一致,那貼紙就不會顯得突兀,可以真正與內容做到互動和貼合。

可以看到下圖demo中的貼紙與視頻的透視角度是相融合的,整個視頻中貼紙不會違和,而是很好地適應了內容。

 

穿插關系

我們希望貼紙可以更好地融合內容,融合環(huán)境,在創(chuàng)作的時候我們會設計一些有趣的的物體可以穿插在內容上,合理存在于視頻的透視中。看似跟內容無關的貼紙與視頻結合可以玩出一些特別有趣的視覺效果。同時對于用戶來說可以極大程度地激發(fā)創(chuàng)作靈感。

視頻demo中的的腿和雪糕有趣地與視頻內容做結合,視頻效果顯得更加生動。

 

立體表現(xiàn)

立體表現(xiàn)是指貼紙本身是立體三維有透視的,現(xiàn)實實景都是有透視的,所以貼紙在視覺和動效表現(xiàn)中呈現(xiàn)出來是立體的,那放在實景中會有一種虛實結合的趣味。

秋千的2.5d立體動效表現(xiàn)會與現(xiàn)實場景更加融合,讓視頻有一種虛實結合的趣味感。

用戶反饋

《夏日小物》的全部展示。

貼紙上線后,引發(fā)了許多用戶的使用與討論。貼紙不僅激發(fā)了用戶創(chuàng)作靈感,使內容更有趣味性,最重要的是做到了把UGC內容盤活起來。

以下為用戶使用的真實發(fā)表視頻案例:

總結

回過頭來看DOV在貼紙規(guī)劃上滿足并遵循適合UGC創(chuàng)作的貼紙所具備三個要素。信息貼紙和水印貼紙可以幫助用戶提供和擴大信息,發(fā)表當下狀態(tài);然后像潮牌態(tài)度貼紙、秋日私語、有聲貼紙、夏日小物可以幫助用戶表達情緒和與視頻內容互動,更好激發(fā)用戶創(chuàng)作靈感,同時也較好做出差異化。

潮牌貼紙主要幫助表達態(tài)度和情緒,對潮牌的二次創(chuàng)作,更加貼近和貼合現(xiàn)在年輕人的情緒和態(tài)度的表達。

秋日私語的貼紙色調來源于秋天,運用秋天的元素刻畫來表達秋日特有的情緒。

有聲貼紙是一種提供用戶創(chuàng)作、與視頻內容互動的新方式,與以往單純對視頻本身畫面疊加的貼紙不一樣,有聲貼紙可以改變或疊加視頻內的音頻,使視頻內容達到更豐富和更加意想不到的效果,更多地挖掘用戶的創(chuàng)造力。

一些感悟

貼紙在短視頻創(chuàng)作中不可或缺,我們在設計的同時也不斷挖掘出更多的可能性。貼紙的最主要核心是為內容服務,讓貼紙價值最大化一直是我們研究和探索的目標,一切以用戶體驗為歸依是驅動我們的內核,只有當產品以這個為目標,才能發(fā)揮產品的核心價值,才能把好的產品傳遞給用戶。

與此同時,設計師要實現(xiàn)自我成長需要自身的不斷驅動與鞭策。面對互聯(lián)網(wǎng)日新月異,從擬物時代、扁平時代到現(xiàn)在的全鏈路時代,設計師除了在專業(yè)上不斷提升和與時俱進,設計師更加需要提升自己的產品思維,在項目中發(fā)揮自己的價值。

 

 

原文地址:https://isux.tencent.com/articles/sticker-design.html

每天更新,
全站高品質素材免費下載!