概念

Emoji 的表情符号其实最早来自日本，来自日语词汇“絵文字”。Emoji就是表情符号，在1999 年由Shigetaka Kurita（栗田穣崇）发明后，进入 iPhone 的 iOS 5 输入法中，可爱的绘文字们立刻袭卷所有人的心，随着智能手机的普及，现已普遍应用于手机短信和网络聊天软件，已经是很流行使用的一种表情。

潮流

现如今表情符号已经越来越流行，在我们的聊天中充满了各种各样的表情，相较于语言文字的地域性限制，表情符号更加通用，具有鲜明特征的表情符号能够被各种不同语言国家的人们所理解。大型互联网企业也在不断尝试更新他们的表情符号，比如每次 iOS 的更新都会伴随增加新的表情符号。

在今年微软也展示了他们采用3D风格的 Fluent Emoji ，充满了质感与趣味性。

设计尺寸

在不同的产品中我们也能够看到具有不同的IP形象或设计风格的表情符号。由于缺乏完善的表情符号设计规范，这里从 Web 和 App 端对其他产品表情符号的使用场景及尺寸规范进行探索。

Web端

Facebook

Twitter

微博

知乎

小红书

哔哩哔哩

站酷

App端

Facebook

Twitter

Instagram

微博

知乎

小红书

哔哩哔哩

站酷

设计风格

通过对其他产品的分析，我们可以看到当前表情符号的主要风格为扁平化和轻质感风格

扁平化风格

符合当下扁平化的设计趋势，干净、简洁，具有广泛适用性。

轻质感风格

通过投影、微渐变进行光影的塑造，整体具有立体感，给人轻盈、精致的感觉，视觉表现较为突出。

品牌延展

除了常规的表情符号外，还可以结合品牌形象等设计更具特色的表情符号，打造设计差异性，同时可以用户品牌感知。

还可以同其他知名IP进行联动，既充满趣味性，又可以通过知名IP的影响力增强用户活跃度。

设计探索

通过对 Web 和 App 端不同产品表情模块的分析，主要场景有输入框内、选择列表和与文字混排的内容展示3个地方。

尺寸

Web

App

由于 Emoji 各家设计风格及展现尺寸不同，缺乏统一的设计规范参考，可参考 Emojination 的表情符号提交指南并结合其他产品的设计尺寸。

根据以上调研分析得出合适的设计尺寸（基于一倍图下）：

输入框内：18 × 18px、20 x 20px

内容展示：18 x 18px、20 x 20px

选择列表：24 x 24px（Web）、32 x 32px（App）

为保持高分辨率下清晰度设计图可按240 x 240px进行设计，也符合微信表情的设计规范，可进行表情符号的拓展使用。

规范

辨识性

• 表情符号非常小，在设计风格上需要做到简洁明了，避免过多的复杂细节，以保持足够的辨识度。

一致性

• 当制作一套表情符号时，需要考虑整体的一致性，比如线条的粗细、颜色的搭配、五官的形态等，使整体更加和谐统一。

品牌性

• 表情符号的设计还需要考虑与品牌的调性保持一致，符合品牌的设计风格，从而更好的传达品牌理念。

表意性

• 表情符号是否能够传达用户所要表达的意思，避免出现歧义。