我們每天都在使用微信、抖音等社交工具進(jìn)行溝通和分享，當(dāng)和朋友聊天或是在評論區(qū)留言時，倘若不帶上一兩個Emoji表情，就會感覺沒有完整地表達(dá)出自己的用意。表情可以有效地表達(dá)情緒，它已經(jīng)成為互聯(lián)網(wǎng)溝通中不可或缺的部分，融入到我們的生活。

Adobe公司曾發(fā)起過一項調(diào)查，大部分受訪者表示會通過使用Emoji讓彼此的談話更輕松，他們認(rèn)為Emoji有助于跨越語言障礙進(jìn)行交流，可以更直接地表達(dá)自己的心情和想法。

在這份調(diào)查中，大部分受訪者認(rèn)為Emoji可以幫助他們在工作中更討人喜歡、有助于增加信任度、讓整個溝通過程更真誠。

美事作為吉印通集團(tuán)內(nèi)部辦公軟件，致力于讓員工更加高效、便捷、愉快地工作，讓工作成為一件美事！正因為抱著這樣的初衷，讓員工更放松、愉悅地溝通，更清晰地表達(dá)情緒，為原本平淡的互動增添樂趣和驚喜，美事Emoji V1.0項目應(yīng)運(yùn)而生。

設(shè)計目標(biāo)

首先我們要明確項目的目標(biāo)

產(chǎn)品現(xiàn)狀

在此之前，產(chǎn)品使用的是外部開源的Emoji表情，與辦公場景匹配度不高，風(fēng)格過時老舊，數(shù)量少，已經(jīng)不能滿足用戶的溝通使用需求。

優(yōu)化方向

?? 視覺風(fēng)格升級，設(shè)計更年輕化、貼合辦公場景的Emoji。

?? 增加表情數(shù)量，并新增網(wǎng)絡(luò)流行、時下熱點元素，滿足用戶使用需要，增加趣味性。

?? 統(tǒng)一規(guī)范，注意強(qiáng)調(diào)美事表情設(shè)計的辨識度、一致性、品牌性和表意性。

用戶偏好

我們從產(chǎn)品側(cè)了解到，公司員工在美事應(yīng)用上使用表情的場景主要是互動溝通和內(nèi)容評論兩方面，用戶使用表情是對自己表述內(nèi)容或觀點的加強(qiáng)或修飾。通過分析，得出用戶對表情的偏好關(guān)鍵詞“趣味性、高效直接、情感共鳴”。

視覺風(fēng)格探索

觀察主流競品，我們發(fā)現(xiàn)大部分表情設(shè)計遵循了“小黃臉”這個通用樣式，符合人們對表情一貫的認(rèn)知習(xí)慣，遵循這種認(rèn)知習(xí)慣很有必要。

作為搭載在美事應(yīng)用上的默認(rèn)表情，它的設(shè)計還需要考慮延續(xù)美事品牌的調(diào)性。美事最初的Logo圖形是一個微笑的橙子，寓意橙心橙意，傳遞美好，美事新的Logo延續(xù)了這個理念，保留了“葉子”這個元素。于是美事表情設(shè)計融入了“葉子”作為品牌基因，確定了“小黃臉+葉子”作為初步設(shè)計的方向。

我們最初嘗試了多種不同的可能性，比如穿衣服的、表情夸張或者更加有質(zhì)感的風(fēng)格。希望讓情緒表達(dá)更加豐富飽滿。

然而，因為考慮到默認(rèn)表情使用的場景較多、數(shù)量較大，適配設(shè)備多，在和文字混排使用時，表情較小，需要保證表情細(xì)節(jié)清晰、表達(dá)準(zhǔn)確。因此，選擇有外輪廓線，能承載更多細(xì)節(jié)的圓臉，是最理想的表現(xiàn)方式。同時延續(xù)品牌基因，適當(dāng)弱化葉子元素，重點聚焦在五官的設(shè)計上。

最終我們選用扁平化、微漸變、外描邊這樣更年輕化的表現(xiàn)方式，不僅可以在多場景使用時細(xì)節(jié)表達(dá)更清晰，同時也便于拓展數(shù)量和后期延展，當(dāng)不同設(shè)計師處理時，最大程度地保證一致性。于是，這樣一個屬于美事品牌專屬的默認(rèn)表情“美橙”就誕生了！

偏好關(guān)鍵詞設(shè)計落地

確定設(shè)計風(fēng)格后，擴(kuò)充表情的數(shù)量和種類，能更大程度地滿足用戶的情緒表達(dá)。設(shè)計這些表情時，需要充分考慮用戶意愿，將用戶偏好“趣味性、高效直接、情感共鳴”具象化。

設(shè)計過程中，表情適當(dāng)夸張詼諧的表現(xiàn)方式不僅可以增添趣味性，也能更準(zhǔn)確地表達(dá)出用戶的表意。葉子跟隨情緒改變而改變，讓表情更靈動。

部分表情采用手勢、五官相配合，能更好地傳達(dá)用戶情緒，達(dá)到情感共鳴。加入恰當(dāng)裝飾物，不僅可以彌補(bǔ)表情單調(diào)的缺點，也能更直觀地表現(xiàn)情緒。

為了使表情更加高效準(zhǔn)確，設(shè)計表情時，對照了大量真人表情，這樣不僅準(zhǔn)確，還更有趣。

同時我們也考慮到用戶更多個性表達(dá)的需求，新增網(wǎng)絡(luò)流行元素，貼合時下熱點。

200+的表情設(shè)計，設(shè)計效率和整體一致性尤為重要。基于此，通過對網(wǎng)格、組件化和風(fēng)格的規(guī)范，可以解決這些問題。

網(wǎng)格系統(tǒng)

引入網(wǎng)格系統(tǒng)，將表情設(shè)計框定在一定范圍內(nèi)，可以最大程度地保證每個表情視覺比重的一致性，讓整體混排時更加整體和系統(tǒng)。

元素組件化

美事表情的需求數(shù)量較大，保證設(shè)計效率的同時還需要兼顧一致性。因此我們選擇了組件化的思路進(jìn)行設(shè)計，將面部表情歸納整理，搭配組件產(chǎn)出新表情，保證一致性的同時提升了工作效率。

統(tǒng)一風(fēng)格

我們統(tǒng)一表情面部元素的基本特征，對于需要傾斜的物品表情統(tǒng)一調(diào)整了角度，保證了表情的整體性。

規(guī)范了線條的粗細(xì)規(guī)則，確保在各種不同的背景色上，表情內(nèi)容都始終清晰可辨。

回顧美事表情整個設(shè)計過程，我們從前期調(diào)研，再到不斷試錯，最后能將項目完整地落地并獲得認(rèn)可，這中間我們注入了很多的時間和精力去完成。在不斷變化的現(xiàn)在，我們會持續(xù)關(guān)注設(shè)計趨勢和用戶訴求，持續(xù)不斷地增添和優(yōu)化美事Emoji表情。

同時，歡迎大家對我們提出寶貴建議，持續(xù)關(guān)注我們后期的設(shè)計優(yōu)化。