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

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

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

美事作為58同城集團内部辦公軟件，緻力于讓員工更加高效、便捷、愉快地工作，讓工作成為一件美事！正因為抱着這樣的初衷，讓員工更放松、愉悅地溝通，更清晰地表達情緒，為原本平淡的互動增添樂趣和驚喜，美事Emoji V1.0項目應運而生。

設計目标

首先我們要明确項目的目标

産品現狀

在此之前，産品使用的是外部開源的Emoji表情，與辦公場景匹配度不高，風格過時老舊，數量少，已經不能滿足用戶的溝通使用需求。

優化方向

➡️ 視覺風格升級，設計更年輕化、貼合辦公場景的Emoji。

➡️ 增加表情數量，并新增網絡流行、時下熱點元素，滿足用戶使用需要，增加趣味性。

➡️ 統一規範，注意強調美事表情設計的辨識度、一緻性、品牌性和表意性。

用戶偏好

我們從産品側了解到，公司員工在美事應用上使用表情的場景主要是互動溝通和内容評論兩方面，用戶使用表情是對自己表述内容或觀點的加強或修飾。通過分析，得出用戶對表情的偏好關鍵詞“趣味性、高效直接、情感共鳴”。

視覺風格探索

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

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

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

然而，因為考慮到默認表情使用的場景較多、數量較大，适配設備多，在和文字混排使用時，表情較小，需要保證表情細節清晰、表達準确。因此，選擇有外輪廓線，能承載更多細節的圓臉，是最理想的表現方式。同時延續品牌基因，适當弱化葉子元素，重點聚焦在五官的設計上。

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

偏好關鍵詞設計落地

确定設計風格後，擴充表情的數量和種類，能更大程度地滿足用戶的情緒表達。設計這些表情時，需要充分考慮用戶意願，将用戶偏好“趣味性、高效直接、情感共鳴”具象化。

設計過程中，表情适當誇張诙諧的表現方式不僅可以增添趣味性，也能更準确地表達出用戶的表意。葉子跟随情緒改變而改變，讓表情更靈動。

部分表情采用手勢、五官相配合，能更好地傳達用戶情緒，達到情感共鳴。加入恰當裝飾物，不僅可以彌補表情單調的缺點，也能更直觀地表現情緒。

為了使表情更加高效準确，設計表情時，對照了大量真人表情，這樣不僅準确，還更有趣。

同時我們也考慮到用戶更多個性表達的需求，新增網絡流行元素，貼合時下熱點。

200 的表情設計，設計效率和整體一緻性尤為重要。基于此，通過對網格、組件化和風格的規範，可以解決這些問題。

網格系統

引入網格系統，将表情設計框定在一定範圍内，可以最大程度地保證每個表情視覺比重的一緻性，讓整體混排時更加整體和系統。

元素組件化

美事表情的需求數量較大，保證設計效率的同時還需要兼顧一緻性。因此我們選擇了組件化的思路進行設計，将面部表情歸納整理，搭配組件産出新表情，保證一緻性的同時提升了工作效率。

統一風格

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

規範了線條的粗細規則，确保在各種不同的背景色上，表情内容都始終清晰可辨。

回顧美事表情整個設計過程，我們從前期調研，再到不斷試錯，最後能将項目完整地落地并獲得認可，這中間我們注入了很多的時間和精力去完成。在不斷變化的現在，我們會持續關注設計趨勢和用戶訴求，持續不斷地增添和優化美事Emoji表情。

同時，歡迎大家對我們提出寶貴建議，持續關注我們後期的設計優化。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!