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

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

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

百度表情包背景

 背景挖掘    設計思路探索  

Emoji design

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

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

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

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

Emoji 面部表情歸納

 設計驅(qū)動    解題思路探索  

Emoji design

1）視覺風格探索

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

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

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

我們還通過對質(zhì)感進行多個層級的嘗試，從弱到強。

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

2）表情表意

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

把表情融入場景感，強化表意。結(jié)合漫畫的設計語言，增加用戶熟悉感。

3）新增流行語表情

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

4）節(jié)日表情

節(jié)假日期間新增節(jié)日表情，增強互動區(qū)氛圍。從2019年開始新增節(jié)日表情設計，共計覆蓋全年10個節(jié)假日。

Emoji 五官組件制作

 經(jīng)驗沉淀    組件的制作與復用  

Emoji design

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

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

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

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

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

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

這樣組件化的方式，即保證了設計語言一致性又高效的完成大批表情的鋪設。

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

Emoji的排序設定

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

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

設計小結(jié)

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

相關閱讀推薦：

原文來自：百度MEUX微信公眾號