看似簡(jiǎn)單的視頻貼紙，騰訊設(shè)計(jì)師做到了極致！

當(dāng)短視頻場(chǎng)景的發(fā)展與突破回到普通用戶的原創(chuàng)內(nèi)容創(chuàng)作時(shí)，「貼紙」「音樂(lè)」「轉(zhuǎn)場(chǎng)」等原創(chuàng)工具的設(shè)計(jì)，都成為直接影響到發(fā)表品質(zhì)的關(guān)鍵。這篇文章詳述了在 DOV 的設(shè)計(jì)過(guò)程中，對(duì)「貼紙」這一品類(lèi)的設(shè)計(jì)思考。

什么樣的貼紙能讓用戶的發(fā)表更加精彩？而在短視頻中使用的貼紙?jiān)谠O(shè)計(jì)上又會(huì)有怎樣的不同？我們需要深究用戶使用貼紙的場(chǎng)景和對(duì)貼紙做更深入和更極致的設(shè)計(jì)。

洞察

觀察普通用戶在多個(gè)社交平臺(tái)的實(shí)際發(fā)表內(nèi)容中對(duì)貼紙的使用，我們發(fā)現(xiàn)：

用戶對(duì)貼紙使用的訴求中，傳統(tǒng)的遮擋需求依然是核心；但為自己拍攝的視頻增加豐富的后期元素，擴(kuò)大短視頻中表達(dá)的信息，甚至可以與短視頻中的內(nèi)容進(jìn)行互動(dòng)，也成為了新的可能與目標(biāo)。

設(shè)計(jì)目標(biāo)

我們將這些挖掘到的訴求點(diǎn)進(jìn)行歸納，總結(jié)出了貼紙?jiān)O(shè)計(jì)所需的三個(gè)要素：

• 提供或擴(kuò)大信息
• 幫助表達(dá)情緒
• 能夠與內(nèi)容互動(dòng)

? 1. 提供或擴(kuò)大信息

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

在對(duì)主觀狀態(tài)貼紙的設(shè)計(jì)中，應(yīng)更多地表現(xiàn)正在進(jìn)行中的狀態(tài)，更準(zhǔn)確地描述一個(gè)事件。例如：

在此類(lèi)貼紙的設(shè)計(jì)中，融入 DOV 的品牌色黃色的同時(shí)，結(jié)合空心字的設(shè)計(jì)，整體設(shè)計(jì)體量比較輕比較穿透，不會(huì)過(guò)多干擾視頻的信息傳遞。

? 2. 幫助表達(dá)情緒

普通用戶拍攝的生活視頻會(huì)缺乏傳達(dá)內(nèi)在情緒的表演。貼紙需要幫助用戶更好地傳達(dá)情緒，述說(shuō)視頻畫(huà)面中無(wú)法表達(dá)的心情，讓觀眾們能夠更好地感同身受。

所以貼紙如何能更好地表達(dá)情緒呢？

找到有共鳴的載體，可以讓用戶感同身受

以《夏日小物》中的「生氣」這個(gè)情緒為例，我們需要選取一個(gè)最能夠與用戶及觀眾產(chǎn)生共鳴的形象，可以看到，「河豚」的自然習(xí)性非常符合「生氣」的表達(dá)。

有效的表演，可以讓情緒表達(dá)的更充分更飽滿

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

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

自然流暢：強(qiáng)化動(dòng)畫(huà)設(shè)計(jì)中的運(yùn)動(dòng)弧線可以使動(dòng)作更加自然流暢。自然界的運(yùn)動(dòng)都遵循弧線運(yùn)動(dòng)的規(guī)則，以這個(gè)魔性的蹬腿動(dòng)作為例，拆分膝關(guān)節(jié)、腳踝的節(jié)點(diǎn)可以看到運(yùn)動(dòng)軌跡都是流暢的弧線。

表演張力：通過(guò)增加一些次要的表演動(dòng)作的輔助動(dòng)畫(huà)來(lái)增強(qiáng)動(dòng)感和感染力。我們?cè)趧?dòng)畫(huà)里還增加了一些次要表演動(dòng)作，下圖可以看到動(dòng)畫(huà)呈現(xiàn)中的藍(lán)色點(diǎn)或線的輔助動(dòng)畫(huà)。讓動(dòng)效更有表演感染力和張力，情緒更加飽和。

? 3. 與內(nèi)容互動(dòng)

讓貼紙多維度地與視頻內(nèi)容產(chǎn)生互動(dòng)。短視頻與圖片之間最大的差異就是在時(shí)間與空間的維度有更強(qiáng)大的延展。我們從透視角度、穿插關(guān)系、立體表現(xiàn)這3個(gè)方面讓貼紙更好地與內(nèi)容互動(dòng)融合，讓視頻更有虛實(shí)結(jié)合的趣味。

透視角度

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

可以看到下圖 demo 中的貼紙與視頻的透視角度是相融合的，整個(gè)視頻中貼紙不會(huì)違和，而是很好地適應(yīng)了內(nèi)容。

穿插關(guān)系

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

視頻demo 中的腿和雪糕有趣地與視頻內(nèi)容做結(jié)合，視頻效果顯得更加生動(dòng)。

立體表現(xiàn)

立體表現(xiàn)是指貼紙本身是立體三維有透視的，現(xiàn)實(shí)實(shí)景都是有透視的，所以貼紙?jiān)谝曈X(jué)和動(dòng)效表現(xiàn)中呈現(xiàn)出來(lái)是立體的，那放在實(shí)景中會(huì)有一種虛實(shí)結(jié)合的趣味。

秋千的2.5d立體動(dòng)效表現(xiàn)會(huì)與現(xiàn)實(shí)場(chǎng)景更加融合，讓視頻有一種虛實(shí)結(jié)合的趣味感。

用戶反饋

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

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

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

總結(jié)

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

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

秋日私語(yǔ)的貼紙色調(diào)來(lái)源于秋天，運(yùn)用秋天的元素刻畫(huà)來(lái)表達(dá)秋日特有的情緒。

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

一些感悟

貼紙?jiān)诙桃曨l創(chuàng)作中不可或缺，我們?cè)谠O(shè)計(jì)的同時(shí)也不斷挖掘出更多的可能性。貼紙的最主要核心是為內(nèi)容服務(wù)，讓貼紙價(jià)值最大化一直是我們研究和探索的目標(biāo)，一切以用戶體驗(yàn)為歸依是驅(qū)動(dòng)我們的內(nèi)核，只有當(dāng)產(chǎn)品以這個(gè)為目標(biāo)，才能發(fā)揮產(chǎn)品的核心價(jià)值，才能把好的產(chǎn)品傳遞給用戶。

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

最后，附上DOV二維碼，歡迎大家下載體驗(yàn)。