花美男为中国互联网事业而奋斗

QQ默认表情优化背后的故事

来源:腾讯ISUX 阅读(0)次 评论(0)

QQ默认表情优化背后的故事.png

从简单情绪到表情.png

为了帮助文字信息更准确的传达情绪,机智的工程师法尔曼(Scott Fahlman)创造了表情符号。这种高效而直白的信息交流方式被沿用至今。

表情含义的简到繁.png

经过信息时代的变迁和网络文化的多元化发展,表情符号的含义也发生了许多微妙的变化。在QQ表情中,我们所熟知的“微笑”,从友好的问候,转变成几乎完全相反的嘲讽含义;“再见”变成了“我想静静/友尽”,也与最初的设定相去甚远。

更多的例子在QQ表情中不胜枚举,这样的现状让我们不得不重新审视:如今用户对于表情的需求,是否依然能在默认表情中得到满足?目前网络最流行的表情两大要素:“萌”和“贱”,是否也需要在一定程度上融入到QQ默认表情中,让它适时地去改变。

剖析数据发现问题.png

默认表情优化涉及到每个表情的外观,情绪表达,场景需求等种种细节。越是繁重的工作量,越是需要快速整理出设计的要点。我们选择以最简洁的思路去切入:发现问题,确定方案,进而解决问题。

为了保证研究的可信度和有效性。我们取得了表情发送量的整体数据,发现单个表情的发送量存在巨大的差异。高热度的表情自然是具有更充分的场景价值,那么低热度的表情又是因为何种原因被人们遗忘呢?

带着这样的疑问,我们找到了一些典型的QQ主流用户,通过卡片分类和用户访谈等方法,归纳整理出了表情中的主要问题:

  • 部分表现力欠缺。

  • 部分使用场景模糊。

  • 缺少网络流行元素。

  • 视觉风格的过时。

确定问题后,优化设计的要点也就变得清晰:

  • 加强表情的情绪感和实用性。

  • 引入流行元素,创造新表情。

  • 调整表情风格,注重年轻化。

情绪感和实用性,从细节出发.png

五官的联动性

人的面部表情并不只决定于某一个部位的运动,而是整体连带的动作。比如一个真诚的微笑往往伴随着嘴角和眉眼的微弯。一个悲伤的哭泣则不仅仅是眼泪,还应该带有嘴角的纠结。整个面部的肌肉是完整连带的,虽然表情在界面中呈现的体积很小,但是一个细微的改变,可以让表情更加具有生命力。为了强化表情的情绪感,我们对大多数表情的动态进行了五官联动优化。

以下是几个比较典型的例子:

01.gif

【撇嘴】增加了嘴和眼的动效,配合眉毛的浮动会更加具有整体感。
【色】增加了眉毛和嘴部的上下浮动,配合眼的放大缩小带动整体。
【发呆】在鼻涕掉落的同时整个五官也随之进行运动。
【得意】则加入了墨镜的反光动效,张嘴的同时由于嘴会向上抬起眉眼位置也会有轻微的牵动。

有许多表情基于经典延续的考虑没有做太明显的调整,但也基于联动的原则进行了微调。感兴趣的同学也可以找找其中细微的变化



来源: 腾讯ISUX

标签:QQ表情
上一篇:没有了 下一篇:没有了

相关推荐