為了幫助文字信息更準(zhǔn)確的傳達(dá)情緒，機(jī)智的工程師法爾曼(Scott Fahlman)創(chuàng)造了表情符號。這種高效而直白的信息交流方式被沿用至今。

經(jīng)過信息時代的變遷和網(wǎng)絡(luò)文化的多元化發(fā)展，表情符號的含義也發(fā)生了許多微妙的變化。在QQ表情中，我們所熟知的“微笑”，從友好的問候，轉(zhuǎn)變成幾乎完全相反的嘲諷含義；“再見”變成了“我想靜靜/友盡”，也與最初的設(shè)定相去甚遠(yuǎn)。

更多的例子在QQ表情中不勝枚舉，這樣的現(xiàn)狀讓我們不得不重新審視：如今用戶對于表情的需求，是否依然能在默認(rèn)表情中得到滿足？目前網(wǎng)絡(luò)最流行的表情兩大要素：“萌”和“賤”，是否也需要在一定程度上融入到QQ默認(rèn)表情中，讓它適時地去改變。

默認(rèn)表情優(yōu)化涉及到每個表情的外觀，情緒表達(dá)，場景需求等種種細(xì)節(jié)。越是繁重的工作量，越是需要快速整理出設(shè)計的要點(diǎn)。我們選擇以最簡潔的思路去切入：發(fā)現(xiàn)問題，確定方案，進(jìn)而解決問題。

為了保證研究的可信度和有效性。我們?nèi)〉昧吮砬榘l(fā)送量的整體數(shù)據(jù)，發(fā)現(xiàn)單個表情的發(fā)送量存在巨大的差異。高熱度的表情自然是具有更充分的場景價值，那么低熱度的表情又是因為何種原因被人們遺忘呢？

帶著這樣的疑問，我們找到了一些典型的QQ主流用戶，通過卡片分類和用戶訪談等方法，歸納整理出了表情中的主要問題：

• 部分表現(xiàn)力欠缺。
• 部分使用場景模糊。
• 缺少網(wǎng)絡(luò)流行元素。
• 視覺風(fēng)格的過時。

確定問題后，優(yōu)化設(shè)計的要點(diǎn)也就變得清晰：

• 加強(qiáng)表情的情緒感和實(shí)用性。
• 引入流行元素，創(chuàng)造新表情。
• 調(diào)整表情風(fēng)格，注重年輕化。

五官的聯(lián)動性

人的面部表情并不只決定于某一個部位的運(yùn)動，而是整體連帶的動作。比如一個真誠的微笑往往伴隨著嘴角和眉眼的微彎。一個悲傷的哭泣則不僅僅是眼淚，還應(yīng)該帶有嘴角的糾結(jié)。整個面部的肌肉是完整連帶的，雖然表情在界面中呈現(xiàn)的體積很小，但是一個細(xì)微的改變，可以讓表情更加具有生命力。為了強(qiáng)化表情的情緒感，我們對大多數(shù)表情的動態(tài)進(jìn)行了五官聯(lián)動優(yōu)化。

以下是幾個比較典型的例子：

【撇嘴】增加了嘴和眼的動效，配合眉毛的浮動會更加具有整體感。

【色】增加了眉毛和嘴部的上下浮動，配合眼的放大縮小帶動整體。

【發(fā)呆】在鼻涕掉落的同時整個五官也隨之進(jìn)行運(yùn)動。

【得意】則加入了墨鏡的反光動效，張嘴的同時由于嘴會向上抬起眉眼位置也會有輕微的牽動。

有許多表情基于經(jīng)典延續(xù)的考慮沒有做太明顯的調(diào)整，但也基于聯(lián)動的原則進(jìn)行了微調(diào)。感興趣的同學(xué)也可以找找其中細(xì)微的變化0v0~

動作的完善度

表情是否正確的表達(dá)含義，需要在動作完整和高效傳達(dá)之間做一個權(quán)衡。部分表情也針對這兩點(diǎn)進(jìn)行了重新考量和調(diào)整。

【噓】和【閉嘴】，本身具有一定的相似性，前奏也都較長。因此在動效上著重做了區(qū)分，強(qiáng)化了各自的特性。噓更強(qiáng)調(diào)讓對方噤聲，而閉嘴則強(qiáng)調(diào)自己無法出聲。以這樣的調(diào)整讓語義更加精簡，提高表情的閱讀效率。

【嘔吐】也省去了過長的前奏動作，直接進(jìn)入吐的主題，強(qiáng)化吐本身。

以下幾個表情則對動作本身進(jìn)行了完善：

【敲打】的重點(diǎn)是打擊的力度。在擊打的瞬間給頭部加入輕微的形變，也讓敲擊更加有力度。同時鐵錘換成木槌，體積變大，材質(zhì)卻更柔和，情感上更加友好戲謔。曲線的敲擊效果線則換成了星星效果，更加符合主流漫畫的表達(dá)手法，易于年輕人接受。

【示愛】的動態(tài)補(bǔ)充了親吻動作“mua！”的中間態(tài)，讓整個動作更加完整易于理解。

【心碎】在落地的過程中，由于心瓣的重量，會有一個輕微的回彈效果，這樣的補(bǔ)充也讓心碎更有力度感，強(qiáng)化情緒本身。

動態(tài)重制，衍生新表情

我們也對部分表情進(jìn)行了較大幅度的變更，使其更加夸張化，含義更加的明晰。甚至有意識地改變含義，成為某種意義上的新表情。

這部分改動選擇了使用量較低以及與其他表情重復(fù)度高的表情。如此可以讓一些冷門的表情重新得到使用，甚至挖掘出更多使用場景和語義。而從風(fēng)險方面考慮，這一類表情在改變之后，在原語境下也更容易找到替代品，避免場景的空白。

【瞌睡】加入了鼻涕泡，更貼近漫畫敘事的表達(dá)方式，易于理解。

【發(fā)怒】縮短了前奏，改變了五官表達(dá)手法，更加急躁。

【驚恐】強(qiáng)化了眼部的幅度和整體聯(lián)動感，加入眉毛強(qiáng)化恐慌感。

【饑餓】整體萌化，縮短距離感，并加入砸吧嘴的小動作，強(qiáng)化嘴饞含義。

【調(diào)皮】讓舌頭左右搖擺，強(qiáng)化賤萌感，更貼合調(diào)皮。

【咒罵】改變嘴的表達(dá)手法，弱化嚴(yán)肅感，強(qiáng)化了抓狂感，更易于對熟人使用。

【冷汗】與糗，流汗等很接近，因此增加其情感特異性，調(diào)整眉毛加強(qiáng)糾結(jié)感。

【驚訝】靜態(tài)圖形并沒有太大改動，但動態(tài)的調(diào)整，從“嗚哇！”變成“嗚哦~~~~”強(qiáng)化了諷刺意味和賤萌感。讓表情更適用于多種語境。

【嚇】在動態(tài)上與驚訝做了更明顯的區(qū)分，減少表情意義的重復(fù)性。并加入抽搐感和青臉強(qiáng)化“嚇到！”的感覺。

還有不少表情也重點(diǎn)做了語義強(qiáng)化，在此不一一羅列~

發(fā)散思路

對于風(fēng)格的整體優(yōu)化，我們最初嘗試過各種不同的可能性，比如給表情加入身體，比如去掉臉的輪廓讓五官內(nèi)容更突顯，又或者突破尺寸的限制加強(qiáng)整體的表現(xiàn)力。希望使情緒表達(dá)更加明確和清晰。

然而，QQ默認(rèn)表情具有其特殊性，它需要體積盡量小，又要保證清晰的情緒表達(dá)，并能夠承載在圖文混排的氣泡中。因此，具有外輪廓線，省略身體的小圓臉，依然是最為合適的表現(xiàn)方式。而細(xì)節(jié)表達(dá)，可以在原來的基礎(chǔ)上，加入年輕人群更易于接受的漫畫式手法。

結(jié)合使用場景，延續(xù)品牌感

正式設(shè)計的過程中，需要更詳盡地考慮表情的線上使用問題。比如默認(rèn)表情和文字穿插排版的需求，以及表情的實(shí)際體積對視覺表達(dá)的影響。還有多種氣泡的顏色適配。

此外，為了保證品牌感的延續(xù)性，我們延續(xù)了舊版本的基本色調(diào)，并結(jié)合扁平輕質(zhì)感的潮流趨勢重新調(diào)整了色彩和表情質(zhì)感。

最終我們選擇使用對比更為清晰的線條和更加明亮柔和的色彩，以求在各種不同的背景色中，都能保證表情內(nèi)容的清晰。

表情的設(shè)計量非常繁重和巨大，一百多個表情動態(tài)重制，保證設(shè)計的效率和統(tǒng)一性極其重要。

在表情設(shè)計中，我們選擇了組件化的思路進(jìn)行設(shè)計。針對各種面部元素，一一進(jìn)行了歸納和整理：

• 不同類的眼部，重新整理了眼間距的整體一致性。
• 不同類的眉部，調(diào)整了粗細(xì)的一致性。
• 嘴部內(nèi)外，牙齒，牙縫線，舌頭表現(xiàn)的一致性。
• 面部的表達(dá)要素，如臉頰，害羞線，手樣式，黑線，水滴，青臉，進(jìn)行了整合。

組件化讓整套表情的設(shè)計細(xì)節(jié)更加具有整體感和一致性，同時也提高了大批量設(shè)計的工作效率。同時，在許多表情的優(yōu)化過程中，也可以通過替換組件嘗試更多的可能性，找到最佳的方案。

除去黃臉部分的表情優(yōu)化。由于舊版本表情缺乏完整和系統(tǒng)的設(shè)計規(guī)范，隨著歷史更替和沉淀，不可避免地在物品表情中產(chǎn)生了一些不太一致的細(xì)節(jié)風(fēng)格。因此，在優(yōu)化設(shè)計過程中，也需要重新進(jìn)行風(fēng)格的統(tǒng)一。

我們將所有物品表情統(tǒng)一調(diào)整成微俯視視角，規(guī)范線條粗細(xì)規(guī)則，并延續(xù)小黃臉部分的色彩基調(diào)，以保證整套表情的一致性。

看似簡單的設(shè)計，往往有更多需要挖掘的內(nèi)涵。默認(rèn)表情不僅需要注重視覺風(fēng)格的美觀和時尚，更需要深入了解每個表情的語境和時代內(nèi)涵。如果只是用做圖標(biāo)的思路去優(yōu)化表情，很容易脫離表情本身的情緒和場景。而默認(rèn)表情對比于商城表情，它又需要更具有人群和場景的普適性，避免過分的夸張和個性化。

為了在多種要素中找到一個平衡，我們在設(shè)計過程中做了多次不同范圍和目標(biāo)用戶群的市場調(diào)研，這也是默認(rèn)表情設(shè)計非常重要的一環(huán)。

表情優(yōu)化改版奠定了后續(xù)功能的風(fēng)格基礎(chǔ)，之后我們也將會繼續(xù)完善新版本表情的體驗和玩法，歡迎大家持續(xù)關(guān)注我們的設(shè)計優(yōu)化，提出寶貴的意見0v0~

來源@ 騰訊ISUX

文章鏈接：https://isux.tencent.com/qq-new-emoticon-story.html