當(dāng)年我最喜歡的三大表情：滑稽、陰險(xiǎn)、噴水，可以說是灌滿了整個(gè)貼吧的回憶了，非常具有代表性。就連微信里的這個(gè)，也是借鑒了滑稽這個(gè)形象。

近期，百度設(shè)計(jì)師對(duì)這些Emoji表情，進(jìn)行了逐個(gè)更新。其次還整理了一套通過制作五官組件，來設(shè)計(jì)表情 Emoji 的經(jīng)驗(yàn)與方法。

所以接下來，我就來帶大家一起看看，百度設(shè)計(jì)師總結(jié)的經(jīng)驗(yàn)，喜歡研究圖標(biāo)、質(zhì)感的同學(xué)，本文建議提前收藏！！

百度表情包背景

 背景挖掘    設(shè)計(jì)思路探索  

Emoji design

通過查看數(shù)據(jù)發(fā)現(xiàn)，使用量前十的表情多為正向和有內(nèi)涵的表情。

百度特有的“ 滑稽 ”表情使用量遠(yuǎn)遠(yuǎn)大過其他表情，而部分表情使用量甚低，差距巨大，那這些低熱度的表情為何懸殊如此大，為此我們展開了用戶訪談。

通過訪談，我們傾聽到了不少的用戶原聲，經(jīng)過匯總歸納，我們總結(jié)出以下一些問題點(diǎn)：

隨之，根據(jù)這些問題點(diǎn)，我們就可以對(duì)其進(jìn)行拆解。通過設(shè)計(jì)手段及策略，來創(chuàng)造一些解法，提升表情的使用率以及均衡使用程度。

Emoji 面部表情歸納

 設(shè)計(jì)驅(qū)動(dòng)    解題思路探索  

Emoji design

1）視覺風(fēng)格探索

通過象限圖和線性時(shí)間軸，觀察主流競(jìng)品。我們可以發(fā)現(xiàn)大部分國(guó)內(nèi)的表情設(shè)計(jì)的夸張程度遠(yuǎn)大于國(guó)外。流行的表情主要有兩種性格：“賤”和“萌”，幾乎均分天下。再看第二張圖，可以發(fā)現(xiàn)國(guó)外表情的設(shè)計(jì)趨勢(shì)：質(zhì)感越來越強(qiáng)，表意也更加夸張。

結(jié)合業(yè)務(wù)場(chǎng)景，我們也做了許多圖形的發(fā)散創(chuàng)新嘗試，比如與小度機(jī)器人、評(píng)論icon結(jié)合等。為了增強(qiáng)表情感染力，嘗試給表情加入身體，又或者突破圓形加強(qiáng)部分五官表現(xiàn)。

然而，因使用場(chǎng)景較多，當(dāng)混排在文字中時(shí)，表情較小，很多細(xì)節(jié)模糊。我們需要規(guī)整的圖形，也需要更具靈魂的表情，所以最終選取最能承載的圓臉，把重點(diǎn)聚焦在具體五官的設(shè)計(jì)上。

我們還通過對(duì)質(zhì)感進(jìn)行多個(gè)層級(jí)的嘗試，從弱到強(qiáng)。

最終，結(jié)合競(jìng)品調(diào)研和趨勢(shì)分析，我們選用有質(zhì)感的一種，并加了一層描邊的效果，使得表情保留精致的同時(shí)又可以多場(chǎng)景的清晰展示。在表情底板上加了一層投影，加強(qiáng)質(zhì)感和層級(jí)感。

2）表情表意

在表情的設(shè)計(jì)上，我們加大了五官的比例和更多細(xì)節(jié)，表情更夸張、含義更明晰、更有代入感。尤其對(duì)于一些使用量較低和較重復(fù)的表情，重新設(shè)計(jì)，如此可以挖掘冷門表情的潛力。

把表情融入場(chǎng)景感，強(qiáng)化表意。結(jié)合漫畫的設(shè)計(jì)語(yǔ)言，增加用戶熟悉感。

3）新增流行語(yǔ)表情

另外根據(jù)流行語(yǔ)，我們還增加了一些新的表情，與時(shí)俱進(jìn)，更滿足用戶對(duì)于社交自我表達(dá)情感的需要。

4）節(jié)日表情

節(jié)假日期間新增節(jié)日表情，增強(qiáng)互動(dòng)區(qū)氛圍。從2019年開始新增節(jié)日表情設(shè)計(jì)，共計(jì)覆蓋全年10個(gè)節(jié)假日。

Emoji 五官組件制作

 經(jīng)驗(yàn)沉淀    組件的制作與復(fù)用  

Emoji design

180+的表情設(shè)計(jì)，效率和統(tǒng)一性尤為重要，因此我們對(duì)表情進(jìn)行歸納和整理成組件：以五官和附加元素為劃分維度。

五官：以眼睛、眉毛、嘴、牙、舌頭等元素分類。

比如眼睛又可分為14類，根據(jù)是否有眼珠、眼白、高光、眼睛形狀(月牙眼、平眼、斜眼和星星眼等)為標(biāo)準(zhǔn)，進(jìn)行歸納與組件復(fù)用。

PS：圖片是高清的，可以點(diǎn)擊下方圖片，放大查看。

附加元素：分為三大類，情緒、氛圍和道具。

情緒元素，對(duì)眼淚、汗、口水、弱眼淚/口水、紅暈等進(jìn)行歸納，統(tǒng)一設(shè)計(jì)表現(xiàn)，如眼淚和口水都采用啞光的形式，與底板設(shè)計(jì)語(yǔ)言統(tǒng)一。

這樣組件化的方式，即保證了設(shè)計(jì)語(yǔ)言一致性又高效的完成大批表情的鋪設(shè)。

PS：圖片是高清的，可以點(diǎn)擊下方圖片，放大查看。

Emoji的排序設(shè)定

180+的表情，為了便于用戶更快的找到想要的表情，減輕壓力。我們對(duì)表情進(jìn)行了排序，按照表情情緒（喜怒哀樂）和手勢(shì)聚類。

為增強(qiáng)用戶記憶點(diǎn)，更容易定位表情。我們利用視覺錨點(diǎn)，在長(zhǎng)列表情中排入深色系、紅色系的聚類。

設(shè)計(jì)小結(jié)

表情設(shè)計(jì)注重的不僅僅是好看的皮囊，更重要的是Ta的內(nèi)在、Ta的靈魂，這才是觸達(dá)用戶的點(diǎn)。設(shè)計(jì)表情其實(shí)是一個(gè)講故事的過程，每個(gè)表情就像抓拍到的最美瞬間，背后都有自己的專屬live，等待你來續(xù)寫。

相關(guān)閱讀推薦：

原文來自：百度MEUX微信公眾號(hào)