新浪微博那些有趣的小黃臉表情是如何設計的-     DATE: 2026-05-05 08:31:44

@微博UDC-M ：距世界上第一個(gè)表情符號「:-」」的新浪小黃誕生已有34年，隨著(zhù)人們在互聯(lián)網(wǎng)上溝通方式的微博變化，表情符號逐步成了一種剛需。趣的情何作為各大APP標配的臉表默認表情，雖無(wú)法與“媽媽的設計表情包??”們相抗衡，但也靠著(zhù)樸實(shí)耐用的新浪小黃品質(zhì)一??直發(fā)展至今，(?Д?)很多平臺都擁有了自己的ヾ(＾-＾)ノ微博經(jīng)典表情。那怎樣將看似簡(jiǎn)單的趣的情何默認表情做ヽ(′▽?zhuān)?ノ好呢?接下來(lái)就是此次( ?ヮ?)小黃臉們整容過(guò)程的全揭露：

P( ???)ART 1：WHY?

△明確項目目標

用戶(hù)

用戶(hù)使用表情場(chǎng)景的多元(/ω＼)化造成許多表情的原有內涵發(fā)生了變化。友好的設計“微笑”變成了嘲諷的“呵呵”，“再見(jiàn)”變成了“再也(ye)不見(jiàn)??&rd??quo;，新浪小黃就連代表春天的微博“柳葉”也大片飄灑在各“出軌門(mén)”微博的評論區。因此，趣的情何給用戶(hù)提供能適合更多語(yǔ)境表達的臉表(biao)元素就成了??首要目的。

產(chǎn)品

給產(chǎn)品帶來(lái)更好的設計數據也是項目的目(???)標。此次優(yōu)化的時(shí)機選取在微博評論蓋樓項目前1個(gè)月，如果能通過(guò)這次優(yōu)化提高微博???用戶(hù)間的互動(dòng)量及客戶(hù)端的更(geng)新量，為后續項目預熱，那也是極好的呀!??

設計

用過(guò)微博的同學(xué)們一定知道那只傲慢又神煩的d(′?_?`)oge，自??誕生以來(lái)長(cháng)期占據微博熱門(mén)表情榜單前三，刷微博時(shí)它的身影無(wú)處不在。面對這樣一只無(wú)所不能的doge，我們還有能力(′▽?zhuān)?創(chuàng )造新物種來(lái)超越它嗎?

PART 2：HOW?

數據分析，發(fā)現問(wèn)題

表情使用量大，場(chǎng)景復(╬?益?)雜，為了確保設計方向的準確性，我們從數??據部門(mén)獲取了完整的表情(′▽?zhuān)?使用數據，并將??其分類(lèi)整理，從整理結果發(fā)現了以(yi)下(??ヮ?)?*:???問(wèn)題：

1、(╯°□°）╯︵ ┻━┻表情使用量具有很明顯的高中(zhong)低頻率分層現象;

2、很多競品中使用量較高的表情，如大哭、親親等在微博上卻表現不佳 ;

3、設計師在設計時(shí)期待較高的某些表情表現出了較低的使用量，如摳鼻、偷笑等。

△ 數據來(lái)源：騰訊2015《中國網(wǎng)民表情報告》

用戶(hù)研究，探究問(wèn)題

帶著(zhù)疑問(wèn)，我們與專(zhuān)業(yè)的用研團隊對一批微博的主流用戶(hù)進(jìn)行了ヾ(＾-＾)ノ問(wèn)卷調查及深(shen)入訪(fǎng)談，發(fā)現并總結了以下主要3點(diǎn)：

1、表情設計本身存在一系列問(wèn)題，如：表意不清┐(′д｀)┌造成用戶(hù)認知偏差、缺乏深意等;

△ 具有代表性的問(wèn)題表情(′?｀*)

2、區別于QQ、微信等私密性更強的即時(shí)通訊??app，微博作為開(kāi)放平臺，??用戶(hù)的表情使用習慣具有以下特點(diǎn)：

明顯含有臟話(huà)，污等暗示意味的表情不適合在公開(kāi)場(chǎng)所使用;

用戶(hù)常用的表情具有示愛(ài)、萌、迷、調侃的特點(diǎn);

用戶(hù)會(huì )盡量避免在公開(kāi)場(chǎng)合使用生氣、憤怒等表情;

3、當前的默認表情不夠滿(mǎn)足用??戶(hù)的表達需求，主要包含以下兩(°□°)點(diǎn)??：

多數用戶(hù)明確提出需要使用表示“安慰”表情;

默認表情缺乏當前的網(wǎng)絡(luò )??流行元素，不夠與時(shí)俱進(jìn);

明確方向，解決問(wèn)題

經(jīng)過(guò)以上數據分析、用戶(hù)調研結果及一定量的競品分析后，設計(?⊿?)的方向與思路逐漸清晰，解決問(wèn)題的方案便應運而生：

從現有表情符號出發(fā)，去除部分使用量低以及過(guò)時(shí)的表情。

強化現有情緒表達不夠的表情，明確??單一表情的含義。

從用戶(hù)使用習慣出發(fā)，重新整理表情排列順序，縮短尋找目標表情??時(shí)間。

P??ART 3：WHAT?

明確表情含義，偶爾將錯就錯

在用研過(guò)程中，我們發(fā)現很多表情傳達給用戶(hù)的含義與最初的設計初衷不一致，導致不同的用戶(hù)群體對同一個(gè)表情有較大的理解偏差。因此，我(wo)們將調研中有歧義的表情整理出來(lái)，重新審視并設計。

[呆]

這個(gè)表情使用量一直較(jiao)低，在用戶(hù)(╯‵□′)╯調研中我們發(fā)現它并沒(méi)有足夠強地表現出它本身的含義，因此我們在迭代中不斷夸張、細化這個(gè)表情，更精準地表達它的含義。

[失望]

原有失望的表情只表現出了ヽ(′ー｀)ノ負面的情緒，但是沒(méi)有精準定位到「失望」這個(gè)(ge)單一情緒，我們著(zhù)重在對眼神進(jìn)行了優(yōu)化，讓它的表情含??義更精確。

[頂]

這個(gè)表情在原本(′?ω?`)的表情列表中叫「頂」，而其實(shí)用戶(hù)基本上在使用時(shí)時(shí)常用作「敲打」，因此我們直接講錯就錯向歧義的方向修改了表情。

[NO]

這個(gè)(′?｀)表情的歧義很明顯，用戶(hù)表明手指在靜態(tài)下像手勢「1」，因此我們改??邪歸正，在增加細節后消除(╬?益?)了歧義讓它更符合本身的含義。

提升表情細節，??強化表情情緒

在新版本表情中，我們試圖通( ?ω?)過(guò)在設計上合理地夸張(zhang)化，增加「眼睛」、「嘴」在表情ヽ(′▽?zhuān)?ノ面所占比例，并增加必要細節來(lái)提升表情對情緒的表達能力。

△ 部分細節強化表情

[白眼]

在 Ver 1 ~ 3 中，著(zhù)重優(yōu)化了眼睛的表現力。在定稿版本中通過(guò)增加嘴角提拉的細節增加表情中嫌棄的情緒。

[害羞]

在 Ver 1 ~ 2 中，我們著(zhù)重給表情附加了害羞表情(qing)的更多動(dòng)作趨勢，在 Ver 3 ~ 4 中通過(guò)紅暈、睫毛等元素加重這些趨勢，增強情緒。

[吃驚]

吃驚表情在調整的過(guò)程中經(jīng)歷了比較多的版本，最終版本對眉毛、眼神和嘴巴的動(dòng)作在驚訝的趨勢上做出了較大的優(yōu)化。

結合流行趨勢，新增熱門(mén)表??情

在新增表情時(shí)，通??過(guò)以下三方面進(jìn)行探索：

首先是對標競品，在競品(QQ、微信??、emoji)使用量TOP1??0的表情中如微博有遺漏或現有默認表情無(wú)法替代的，考慮新增。

其次，為了尋找到更適合用戶(hù)的新增表情，我們提取了1個(gè)星期的全站所有評論內(nei)容，對(′?ω?`)高頻短詞??語(yǔ)進(jìn)行分(′_｀)析，將每個(gè)短詞語(yǔ)找到同義詞，集合得出相似場(chǎng)景詞，再從中提取常用情緒關(guān)鍵詞，進(jìn)行幾輪篩選最后得到19個(gè)表情關(guān)鍵詞(?_?;)。

△ 可轉化為表??情的高頻評論詞

最后，針對當前熱門(mén)網(wǎng)絡(luò )流行語(yǔ)進(jìn)行收集，從流行語(yǔ)中提取出相應的情緒或動(dòng)作作為新增表情的選擇。如：那畫(huà)面太美我不敢看&rar(′?｀)r;捂臉、污;也是醉了(le)→無(wú)言等。

將這三個(gè)新增維度中的所有情緒進(jìn)行整理，去除不適合在微博平臺使用的(如剁手，可能在廣泛傳播時(shí)會(huì )引發(fā)歧義)內容，并結合(???)使用場(chǎng)景決定新增以下表情：

△ 此次(ci)優(yōu)化新增的所有表情

[二哈]

之前提到(′?ω?`)用(yong)戶(hù)需要定位清晰的表情，同樣也需要“意味深長(cháng)”的表情。大家都非常喜歡一直統治微博表情屆的神狗 Doge，它的“意味深長(cháng)&??rdquo;帶來(lái)了深刻的魔性，讓許多用戶(hù)在表達無(wú)言以對、一切盡在不言中、不想道破的復雜??情感時(shí)愛(ài)不釋(╯°□°)╯手?！付贡?′▽?zhuān)?)情的定位也是這樣的「意味深長(cháng)」、「魔性(xing)」。

△ 本身就很魔性的哈士奇

在創(chuàng )作「二哈」時(shí)，首先的靈感自然是哈士奇天生放蕩不羈的蠢臉。為了達到讓用戶(hù)能感受到精神污染，我們也為其融入了復雜的情感：狗die、蠢萌、憨傻等等，并在制作時(shí)刻意地混淆其表情的單一含義。例如：向上生無(wú)可戀的眼神里又帶著(zhù)一(′_｀)絲嫌棄，向下垂死一般突出??的舌頭配上的嘴充滿(mǎn)笑意。ヽ(′?｀)ノ這種多情緒的加載混疊讓最終得到的「二哈」表情變得確實(shí)有很強的精神污染能力，并得到了用戶(hù)們的青睞。

△ 充滿(mǎn)魔性的版本迭代

[聳肩]

聳肩表情的視覺(jué)元素脫胎于新表情「抱抱」，其更多靈感來(lái)自于很多??人吐槽除了點(diǎn)贊 Like 外，我們需要一個(gè) Whatever，來(lái)表(biao)達(′?｀*)自己的無(wú)言以對、滿(mǎn)滿(mǎn)??嘲諷。雖然這個(gè)感情(qing)在一定程度上有點(diǎn)負面，但確實(shí)是用戶(hù)使用表情的一個(gè)訴求。

△?? 無(wú)言以對??，并(bing)不在意

因此我們賦予了這個(gè)表情一個(gè)表示不屑的高高聳肩，配合(′?ω?`)歪頭和下撇的嘴角，??讓它成為了可能有史以來(lái)最欠打的微博表情。但小人本身的視覺(jué)元素和比例使略帶負面的(de)情緒在可愛(ài)的形象上得到一部分消減，最終表達出一種接近中立的情緒。

△ 咋?

重新整理排序，快速定位表情

在用??研過(guò)程中我們還發(fā)現，用戶(hù)常??常在尋找某一表情時(shí)出現卡頓，是由于用戶(hù)幾乎從不記憶某一表情的位置。為??了降低使用成本，在默默去除過(guò)時(shí)及使用頻率極低的表情后，我們將所有(you)表情(╯°□°）╯重新排列了順序。

首先將表情按照情緒來(lái)分類(lèi)，并將每個(gè)類(lèi)別中情緒表達程度按照由輕至重、由簡(jiǎn)單至復雜的程度來(lái)排列：

△?? 喜的程度從左到右不斷增強

其次在保證??原高頻率表情基本位置不大改的條件下，重新規劃。表情的首屏展示了喜、怒、哀這三類(lèi)基本情緒，用戶(hù)不需要滑屏就能滿(mǎn)足日常情緒的表達。

△ 首屏表情展示了(??ヮ?)?*:???喜、怒、哀三類(lèi)基本情緒

最后整體將正面(′；д；`)情緒表情前置，負面情緒表情后置，符合用戶(hù)在微博平臺的表情使用習慣。另考慮到每屛表情的曝光率，也將某些高頻率表情放置位置相對偏后，如[愛(ài)心]、[蠟燭]。用戶(hù)在面對重新整理的表情，可先定位情緒，再定位某一表情，默默形成習慣，減少使用成本。

PART 4：GAIN !

用戶(hù)反饋

表情優(yōu)化項目從開(kāi)始到上線(xiàn)大約(yue)歷時(shí)一個(gè)半月??， 在9月23日上線(xiàn)當天，我們獲??得了這樣的用戶(hù)反饋：

數據??反(′▽?zhuān)?饋

項目上線(xiàn)后，帶表情轉微博的量增長(cháng)了23%，全站微博發(fā)布量增長(cháng)6%。??在111個(gè)微博客戶(hù)端表情中，有5個(gè)新增表情的使用量排在TOP30[二哈][攤手][污][舔屏][抱抱]，其中TOP10的新增表情就有3個(gè)，二哈成功超越了doge成為使用量第二的表情。

優(yōu)化的表情有9個(gè)使用量得到明顯提升，其中最大的[失望]增加了249%。

默認表情優(yōu)化看似簡(jiǎn)單，但往往簡(jiǎn)單的事物需要注入更多的時(shí)間與精力去完成。為了精確的找到此次優(yōu)化的整體方向及問(wèn)題點(diǎn)，我們不斷進(jìn)行數據分析及用戶(hù)調研，這是非常重要的一環(huán)，每一次的設計??背后都有理性的分析做支持。后續我們也(ye)會(huì )不斷進(jìn)行設計的總結與(???)提升，帶給大家更好的(′?_?`)體驗??。最后透露個(gè)小秘密，好像很快會(huì )有(╯°□°）╯︵ ┻━┻更好玩的新表情出現??，敬請期待!

本文鏈接: (轉載請??保留)