表情包還能怎么設計？騰訊QQ團隊借古風玩出新高度！

導語

表情包已經成為我們日常生活中聊天表達情感時不可或缺的一部分，有60%的用戶每天都會發送表情消息，但現狀往往是用戶都在使用千篇一律的表情包，缺乏個性化，人們會將時下流行的明星、動漫、影視截圖或者貓狗萌寵作為素材并配上一些特定的文字以表達特定的情緒，那么基于用戶的表情包定制就成為了新的嘗試方向。

在自拍表情包里展現水彩世界另一個我

對于用戶來說，直接拍攝自己的大臉來作為表情包素材還是會有一定的門檻，雖然傳統的自拍表情包在讓用戶拍攝時也會采用一些趣味的頭戴掛件來做裝飾，但這類表情包仍舊還是直白了些，有些用戶可能會考慮到傳播時的肖像隱私一類的問題而對拍攝產生一些抵觸心理。我們在思考有沒有什么方案是可以讓表情包呈現出另外一種畫風，讓用戶作為平行世界的另一個自己對表情包進行演繹。

關于整個表情包套系的畫風設定，我們參考了以往的相機素材運營經驗，發現國人對于古風素材的熱情經年不減，可能是因為每個華夏兒女骨子里都還有一個古風魂。在當下年輕的流行審美趨勢的影響下出現了一種結合古風氣韻衍生出的當代古風水彩畫風，由于水彩畫自身的基因里帶有清透感和暈染效果，所以這種形式很適合表現古風素材的飄逸和柔美。

通常畫師在繪制畫稿的時候往往是依托于一個想象中的人物來進行創作，而我們的表情包是要基于現實世界的普通人來實現，普通用戶拍攝時，服裝與發型通常是很現代的，如果整體設定成較重的古風質感，可能會有些違和。于是我們將該套表情包設定為帶有輕古風氣質的水彩畫風，人物部分的設定可以更貼近用戶自身五官特征來進行繪制，這樣更加符合關于另一個我的設定。

為了實現畫風上的轉變，我們用到了近年來大熱的機器學習方法：生成對抗網絡（Generative adversarial network，GAN），這個方法是通過讓兩個神經網絡相互博弈的方式進行學習，由一個生成網絡和一個判別網絡組成。生成網絡從潛在空間（latent space）中隨機取樣作為輸入，其輸出結果需要盡量模仿訓練集中的真實樣本。

判別網絡的輸入則為真實樣本或生成網絡的輸出，其目的是將生成網絡的輸出從真實樣本中盡可能分辨出來。而生成網絡則要盡可能地欺騙判別網絡。兩個網絡相互對抗、不斷調整參數，最終目的是使判別網絡無法判斷生成網絡的輸出結果是否真實。

通過大量的圖像學習訓練可以讓機器學習到一套目標畫風的特征，從而作用在用戶的圖像上，將其轉化為帶有目標畫風特征的圖像。比如我們將所有莫奈的畫作為樣本放進潛在空間（latent space）中，生成網絡和判別網絡通過對這些樣本的博弈學習，最終可以得出一個莫奈畫風，應用在用戶肖像上之后可以得到一幅帶有莫奈畫風的用戶肖像。

這個技術可以在兼顧用戶對隱私的保護需求的同時還讓用戶遇見了更美好的自己，不僅避免了自拍時的直白與尷尬，還讓整個拍攝過程充滿新鮮感、趣味性和可演繹性。

△ 圖例為CycleGAN的生成效果

團隊里的開發同學們基于GAN技術訓練出了符合需求的水彩畫風（硬核技術詳解傳送門見文章結尾）對人臉做了一個強畫風的處理，在保留用戶明顯特征的同時進行水彩畫風的轉換，讓用戶置身其中更像是一個動畫角色，這種抽離可以讓用戶作為另一個角色進行嘗試和演繹，與前景氛圍共同呈現出一些有鮮明畫風特色的表情包。

一套風格化表情包的形成除了人物部分的畫風設定以外，還有兩大構成要素分別是文案和前景氛圍，需要選擇搭配特定的文案和前景氛圍去呈現出完整的效果，文案決定了單個表情所表達出的主要信息，前景氛圍則生動的表現出了文案想傳遞的情緒，二者缺一不可。

傳遞情感，助用戶一臂之力

1. 內容層面：文案的表達

文案往往能加強或擴展用戶所想表達的信息：并不是每個人的表演能力都能強到僅用面部表情就能傳達出準確的信息，普通用戶直接拍攝的表情GIF往往不夠清晰明了，前景氛圍以及文案的添加表達往往能直接傳達并加強用戶所想傳遞的信息。

在整體水彩表情包的文案選擇上我們采用了一些能表達古風情緒的文案，如“別來無恙”、“落花寄相思”等一類的比較白話的文言文，包含了正負兩個方向以及一些比較中性的情緒，同時覆蓋了多個日常高頻場景。

2. 表現層面：前景氛圍的設定

著重氛圍裝飾來輔助表達文案語義所傳遞的情緒。

A. 靜幀原畫設定

前景氛圍與GAN技術保持相同畫風：淡雅、唯美。在裝飾元素的選擇上會采用一些比較典型的古風元素，顏色上整體使用低飽和度的高級灰色調搭配，保持清新淡雅水彩質感，統一用柔和的深色在邊緣勾細線描邊。在繪制原畫的同時也需要帶著動畫思維去考慮到后期動畫上需要如何表達會更優。

B. 動畫幫助表達用戶情緒

通過增添前景氛圍的動畫可以加強文案的情緒表達，而古風的基因天然決定這種表達方式是含蓄而優雅的,所以動畫的表現上都會相對柔和一些。

以“別來無恙”來為例，我們利用了柔軟的柳葉和薄紗營造出春風拂面的氛圍，遠處上空飛翔的燕子代表了冬去春來，故人相見，別來無恙。

以“豈有此鯉”為例，原本“豈有此理”會比較抽象一些，并且想在古風中表現出“生氣”這種情緒波動比較大的負面情緒也是有一定難度的，于是在此處我們采用了一個諧音具像化的手法：“豈有此理”諧音“豈有此鯉”，并且利用鯉魚跳水濺起水花和海棠枝干晃動落下花瓣，生動的表達出生氣的情緒。

C. 讓用戶與內容互動

每一段前景都會帶有一些劇情，并且都以平視的角度進行繪制，符合大部分用戶一貫的自拍習慣角度，讓用戶有置身其中的代入感。

以“喚我何事？”為例，云朵從遮擋到散開，荷花、荷葉從彎腰到起身的動作，利用擬人化的手法表達出文案語義，同時文案的暈染出現效果也有種被喚起的感覺，用戶在這種前景氛圍的引導下往往能演繹出一些意想不到的效果。

以“噓”為例，藍紫暗色調營造林間安靜、神秘的氛圍，前后虛化提升空間感，柳葉飄動，讓用戶置身其中仿佛要和他們一起化身成為這林中精靈。蝴蝶撲閃著翅膀緩緩飛來并跟隨人臉作為互動的氛圍元素，同時文案緩緩出現的方式也呼應著其語義特質，--噓～不要嚇跑它。

激發用戶表演熱情

全部水彩畫風表情包效果展示

由于表情包是在用戶的聊天過程中傳播的，屬于用戶的隱私，所以我們無法拉取到真實用戶演繹出來的表情包，但是通過表情包的使用數據統計，我們不難看出水彩表情包上線后還是受到了大多數用戶的喜愛，鮮明的畫風、生動有趣的動畫以及完整的模特展示在一定程度上激發了用戶表演熱情，使聊天過程充滿樂趣。我們采訪了一些用戶使用之后的體驗感受，得出了一些關鍵詞。

關于這套表情包的后續的衍生應用我們在項目初期就有考慮到，所以從繪制靜幀原畫開始一直到表情包動畫完成都是按照3:4的相機拍攝比例來做的將主體內容放置在1:1的參考線內，完成動畫以后同時輸出了1:1的表情包素材和3:4的不帶文案的相機前景裝飾素材，方便后期復用。

結語

表情包在日常已經變成了我們傳遞情緒最不可缺少的的一部分，而用戶的喜好也會在日新月異的社會文化中快速變化，設計師除了在提升自己的專業技能以外，還需要提升產品思維和保持洞察力努力發現和創造出更多的可能性。

技術支持來自騰訊光影研究室，對人臉GAN畫風訓練技術感興趣的同學可以看看這個：揭秘上了騰訊財報的QQ卡通畫

更多表情包設計故事：

歡迎關注作者微信公眾號：「騰訊ISUX」