發消息帶表情已成為「網上沖浪」的社交禮儀,QQ 內自帶的黃臉表情同樣被廣為使用。但伴隨著社會文化的變遷,黃臉表情在使用時總讓人感覺「表情用時方恨少」。別著急,新表情已安排。QQ 4 月上新了一批神仙表情,「疑惑」「 辣眼睛」「 滄?!埂?尷尬」,這些表情是否也是你的日常?如果你也被擊中的話,跟我一起看看表情的設計故事吧!

有內味兒了!新版QQ黃臉表情是如何設計出來的?

現狀:QQ表情缺少「內味兒」

QQ 黃臉表情是從 PC 時代傳承到移動時代的經典之作,隨著時間的推移,經典也需不斷更新。如今年輕人表情使用場景和情緒表達方式均發生了很大變化,現有的黃臉表情略顯不足,于是新增黃臉表情便被提上日程。作為設計師發起的項目,首先要自我明確項目的目標與設計方向:

1. 用戶已有這么多自制表情包了,我們還需要擴充黃臉表情嗎?

有內味兒了!新版QQ黃臉表情是如何設計出來的?

00 后們的文字表達更加戲劇化,他們發送的消息中會往往自帶夸張的情緒。這意味著表情包。自制表情包雖然豐富多樣,但其使用時與消息文本的關系不緊密。而黃臉表情可以靈活內置于文本之中,用戶需要黃臉表情來表達文本中的小情緒。

2. 為什么現有黃臉表情缺少「內味兒」

有內味兒了!新版QQ黃臉表情是如何設計出來的?

QQ 黃臉的內容多為直白的表達喜怒哀樂的情緒,畫風乖巧。而反觀用戶喜愛的表情包,其情感表達更加微妙,符合他們真實的生活場景如辣眼睛、疑惑。畫風也更加夸張。黃臉表情表達的缺乏對于用戶微妙情緒的表達。

3. 如何篩選出可以成為經典的黃臉表情?

有內味兒了!新版QQ黃臉表情是如何設計出來的?

用戶的信息表達的方式受到社會文化的影響。所以黃臉表情不只要考慮如何表達日常通用情緒,也要兼顧隨著某個社會現象興起而帶來的特殊表達需求。但是每一個文化現象都有自己的時效性,上個月還在萬人熱議,下個月可能就無人問津。所以此次新增表情需要更加快速靈活、敏捷迭代。

所以此次項目要用短平快的工作流,新增黃臉表情,來表達當下年輕人的微妙情緒。

內容層:發現情緒表達的那些梗

為了在短短時間里尋找最能精準切中年輕用戶喜好的表情,我們從定量的數據分析遍歷到定性的桌面調研,再結合設計師的直覺經驗快刀斬亂麻,篩選出最后要新增的表情,整個過程僅用一周左右時間。

1. 數據分析:最受歡迎的QQ黃臉表情是怎么樣的

人們常見的情緒大類主要分喜怒愛懼 4 種。在 QQ 最受歡迎的前 7 個表情中,多達 5 個是不同種類的笑。人們在人際交往中有宣泄內心真情實感的需求,但是在社交網絡的壓力下也有進行印象管理和持續維護關系的需求,所以即便是負向的情緒也常常會使用正面的方式來表達。

有內味兒了!新版QQ黃臉表情是如何設計出來的?

2. 情緒定位:表情背后復雜的小情緒

有內味兒了!新版QQ黃臉表情是如何設計出來的?

過去的黃臉表情走的大多是以逗樂的、萌萌的風格較為直白地表達心理感受。但日常生活中,這類表情難以表達諸多讓人靚仔語塞的內心感受。想想這種情況你是否經常遇到?覺得為難、不情愿但又不想因為表示拒絕而破壞氣氛,被冒犯了但又不想表現得太直白免得被理解成玻璃心,想吐槽說騷話但又不想被對方誤解為帶有敵意,想要發泄情緒但又不得不為了維護面子壓制心中不滿……正是這些微妙復雜的情緒耗費大腦更多的資源進行處理和表達,堵塞了日常的溝通表達。

因此,我們將本期黃臉新增表情定位為:用正面的、柔化的方式表達諸如尷尬、為難等窘迫的感情,讓用戶能夠更加自如地在社交場上表達內心復雜感受。

3. 年輕人都是怎么表達負向表情的?

為了找到這類的情緒表達方式,我們在網絡上進行了地毯式的調研,重點關注:用戶自發設計并在社交媒體發酵流行起來的表情包、口口相傳經久不衰的網絡熱詞、新的 00 后黑話以及在 b 站等 00 后常駐地點。此階段的目標是在有限制的時間內盡可能大范圍地收集可能性,因此我們采取在騰訊文檔上填鴨的方式用一周時間集思廣益。

4. 如何篩選表情?

經過團隊內部的投票篩選,總共有 2 種類型的表情脫穎而出:

有內味兒了!新版QQ黃臉表情是如何設計出來的?

保持微笑型:「無論再 xx 也要保持微笑」似乎成為了 00 后萬能的回應方式以及特有的社交禮儀,目前 QQ 的微笑種類比較單一,還有在該類型上還有更多豐富拓展的可能。

夸張顏藝型:顏藝型表情對于浸染在二次元文化中的 00 后是熟悉而又剛需的存在,因為用夸張的方式表達內心感受反而更加真實,因此也常常在社交中使用。

當然,僅僅根據情緒定位的角度捕捉表情還不能更全方位狙擊用戶喜好。因此,我們根據當下的突發事件、流行語、以及社畜日常場景補充了一系列表情:

有內味兒了!新版QQ黃臉表情是如何設計出來的?

表現層:找到符合用戶胃口的畫風

過去的黃臉表情乖巧惹人愛,但其過于「正經」的畫風也限制了其使用場景。那么究竟哪些表情特征可以吸引用戶去使用呢?為此我們去收集了年輕用戶聚集的 QQ 群(如擴列群、00 后交友群)用戶常發的表情包。在研究后我們發現這些表情包在視覺表現上呈現以下特征:微表情、戲劇化、年輕化。所以此次新增表情在視覺設計也在朝這幾個方向進行細致打磨。

有內味兒了!新版QQ黃臉表情是如何設計出來的?

1. 精準表達微表情

比起人們有意識做出的表情,「微表情」更能體現人們真實的感受和動機。微表情轉化為設計的重點在于捕捉真實人臉肌肉運動的各種細節,抓住表情的精髓。

當設計「無奈的尷尬」表情時,我們去觀察人們尷尬時五官和面部肌肉的運動,發現當尷尬的笑時,人的五官會更聚集,產生一種局促不安的感覺。所以在表情設計上,我們將眉毛、嘴巴到眼睛的距離調近,讓整張臉在視覺上更加局促,讓情感傳遞更加生動。

有內味兒了!新版QQ黃臉表情是如何設計出來的?

而這個嫌棄臉,我們在設計之初把關注點放在了嘴型的調整上,希望通過嘴部形狀讓用戶 get 到「咦」的語氣。在經過幾輪調整后我們發現其實嘴型并不具備這個情緒的代表性,難與其他表情產生差異。于是設計師選擇抓住了人們嫌棄時鼻孔張開的小細節,對它進行放大,增加這個表情的辨識度和感染力。

有內味兒了!新版QQ黃臉表情是如何設計出來的?

2. 戲劇化

戲劇化等于熟悉加意外。在用戶熟悉的場景中加上一些意想不到的夸張表現,情理之中意料之外,引發用戶的傳播。

令人頭禿表情來源于同名網絡熱詞,形容費解和苦惱。表情最初的設定是「苦惱的光頭」、「極少的發量」,但是呈現出來的效果不盡人意。所以我們加入戲劇效果,讓表情從正常的頭發變化到「禿頂式」掉發,這一出人意料的過程極大的增加了表情的焦慮感又添加了一絲詼諧。

有內味兒了!新版QQ黃臉表情是如何設計出來的?

呵呵表情則是一個現有表情戲劇化的典型案例。世界上幾乎每一個表情庫里都有微笑表情,但是用戶真正使用微笑時往往略帶嘲諷。因此在呵呵表情設計中,我們利用用戶極其熟悉的微笑表情,附加上意想不到的倒置和翻滾,既增加表現力,又符合用戶對原有微笑表情元素的理解。

有內味兒了!新版QQ黃臉表情是如何設計出來的?

3. 年輕化

表情也是用戶本人形象的投射,所以其外表上需要更加符合年輕人的形象。

當我們在現實生活中做「辣眼睛」這個表情時,五官會比較猙獰,眼部和鼻部會擠在一起,產生一些表情皺紋。如果我們直接按照真實人臉來繪制,這些皺紋的存在會使得表情看上去老氣。為了更符合現有 QQ 黃臉 「年輕化、輕質感」的風格,我們最終去掉了眉梢眼睛的細節以及法令紋,只保留了賤賤的鼻孔的細節,令表情更符合整體的風格。

有內味兒了!新版QQ黃臉表情是如何設計出來的?

4. 正能量的情緒傳達

除了借鑒流行表情包的表達手法外,QQ 平臺的設計師還需有更高的社會責任感。在對抗疫情的期間,我們特意增加了幾個相關表情如「加油必勝、加油抱抱、口罩護體」,以及遠程辦公的「搬磚中、忙到飛起」等,希望通過表情的設計給用戶傳遞正向積極的情緒和社會溫暖。

「口罩護體」和「加油必勝」兩個表情在描繪的時候,就選用了表達堅毅、友愛的眼神,避免給人消極無助的感受,同時也不能用力過猛而太像憤怒。

有內味兒了!新版QQ黃臉表情是如何設計出來的?

擊中用戶:「有內味兒了」

有內味兒了!新版QQ黃臉表情是如何設計出來的?

新版黃臉表情上線后,瞬間俘獲了用戶的心?!负┖埂干车瘛埂纲v萌」「有內味了」這些反饋可以算是表情屆的最高評價了(感動ing)。但也有用戶希望黃臉表情可以更加有戾氣一點,滿足發泄的快感。我們理解用戶的訴求,但作為平臺的設計師,我們更加希望通過表情傳達正向溫暖的情緒,引導用戶在 QQ 里善意交流。

表情設計沒有終點。用戶的情緒傾向和表達方式都在隨著社會文化快速的變化著,這就需要我們對表情數據和用戶文化進行持續挖掘,對表情進行快速迭代。悄悄告訴你,一批更加鮮活的 QQ 表情也在計劃中嘍,讓我們一起期待下一次 QQ 會帶來哪些神仙表情吧~

如果你也有想要的表情歡迎評論區留言。

點贊 180
收藏 43
繼續閱讀相關文章

發表評論 已發布 14

還可以輸入 800 個字
 
 
載入中....
14 收藏