主页 > APP设计 > 有内味儿了!新版QQ黄脸表情是如何设计出来的?

有内味儿了!新版QQ黄脸表情是如何设计出来的?

发消息带表情已成为「网上冲浪」的社交礼仪,QQ 内自带的黄脸表情同样被广为使用。但伴随着社会文化的变迁,黄脸表情在使用时总让人感觉「表情用时方恨少」。别着急,新表情已安排。QQ 4 月上新了一批神仙表情,「疑惑」「 辣眼睛」「 沧桑」「 尴尬」,这些表情是否也是你的日常?如果你也被击中的话,跟我一起看看表情的设计故事吧!

现状:QQ表情缺少「内味儿」

QQ 黄脸表情是从 PC 时代传承到移动时代的经典之作,随着时间的推移,经典也需不断更新。如今年轻人表情使用场景和情绪表达方式均发生了很大变化,现有的黄脸表情略显不足,于是新增黄脸表情便被提上日程。作为设计师发起的项目,首先要自我明确项目的目标与设计方向:

1. 用户已有这么多自制表情包了,我们还需要扩充黄脸表情吗?

00 后们的文字表达更加戏剧化,他们发送的消息中会往往自带夸张的情绪。这意味着表情包。自制表情包虽然丰富多样,但其使用时与消息文本的关系不紧密。而黄脸表情可以灵活内置于文本之中,用户需要黄脸表情来表达文本中的小情绪。

2. 为什么现有黄脸表情缺少「内味儿」

QQ 黄脸的内容多为直白的表达喜怒哀乐的情绪,画风乖巧。而反观用户喜爱的表情包,其情感表达更加微妙,符合他们真实的生活场景如辣眼睛、疑惑。画风也更加夸张。黄脸表情表达的缺乏对于用户微妙情绪的表达。

3. 如何筛选出可以成为经典的黄脸表情?

用户的信息表达的方式受到社会文化的影响。所以黄脸表情不只要考虑如何表达日常通用情绪,也要兼顾随着某个社会现象兴起而带来的特殊表达需求。但是每一个文化现象都有自己的时效性,上个月还在万人热议,下个月可能就无人问津。所以此次新增表情需要更加快速灵活、敏捷迭代。

所以此次项目要用短平快的工作流,新增黄脸表情,来表达当下年轻人的微妙情绪。

内容层:发现情绪表达的那些梗

为了在短短时间里寻找最能精准切中年轻用户喜好的表情,我们从定量的数据分析遍历到定性的桌面调研,再结合设计师的直觉经验快刀斩乱麻,筛选出最后要新增的表情,整个过程仅用一周左右时间。

1. 数据分析:最受欢迎的QQ黄脸表情是怎么样的

人们常见的情绪大类主要分喜怒爱惧 4 种。在 QQ 最受欢迎的前 7 个表情中,多达 5 个是不同种类的笑。人们在人际交往中有宣泄内心真情实感的需求,但是在社交网络的压力下也有进行印象管理和持续维护关系的需求,所以即便是负向的情绪也常常会使用正面的方式来表达。

2. 情绪定位:表情背后复杂的小情绪

过去的黄脸表情走的大多是以逗乐的、萌萌的风格较为直白地表达心理感受。但日常生活中,这类表情难以表达诸多让人靓仔语塞的内心感受。想想这种情况你是否经常遇到?觉得为难、不情愿但又不想因为表示拒绝而破坏气氛,被冒犯了但又不想表现得太直白免得被理解成玻璃心,想吐槽说骚话但又不想被对方误解为带有敌意,想要发泄情绪但又不得不为了维护面子压制心中不满……正是这些微妙复杂的情绪耗费大脑更多的资源进行处理和表达,堵塞了日常的沟通表达。

因此,我们将本期黄脸新增表情定位为:用正面的、柔化的方式表达诸如尴尬、为难等窘迫的感情,让用户能够更加自如地在社交场上表达内心复杂感受。

3. 年轻人都是怎么表达负向表情的?

为了找到这类的情绪表达方式,我们在网络上进行了地毯式的调研,重点关注:用户自发设计并在社交媒体发酵流行起来的表情包、口口相传经久不衰的网络热词、新的 00 后黑话以及在 b 站等 00 后常驻地点。此阶段的目标是在有限制的时间内尽可能大范围地收集可能性,因此我们采取在腾讯文档上填鸭的方式用一周时间集思广益。

4. 如何筛选表情?

经过团队内部的投票筛选,总共有 2 种类型的表情脱颖而出:

保持微笑型:「无论再 xx 也要保持微笑」似乎成为了 00 后万能的回应方式以及特有的社交礼仪,目前 QQ 的微笑种类比较单一,还有在该类型上还有更多丰富拓展的可能。

夸张颜艺型:颜艺型表情对于浸染在二次元文化中的 00 后是熟悉而又刚需的存在,因为用夸张的方式表达内心感受反而更加真实,因此也常常在社交中使用。

当然,仅仅根据情绪定位的角度捕捉表情还不能更全方位狙击用户喜好。因此,我们根据当下的突发事件、流行语、以及社畜日常场景补充了一系列表情:

表现层:找到符合用户胃口的画风

过去的黄脸表情乖巧惹人爱,但其过于「正经」的画风也限制了其使用场景。那么究竟哪些表情特征可以吸引用户去使用呢?为此我们去收集了年轻用户聚集的 QQ 群(如扩列群、00 后交友群)用户常发的表情包。在研究后我们发现这些表情包在视觉表现上呈现以下特征:微表情、戏剧化、年轻化。所以此次新增表情在视觉设计也在朝这几个方向进行细致打磨。

1. 精准表达微表情

比起人们有意识做出的表情,「微表情」更能体现人们真实的感受和动机。微表情转化为设计的重点在于捕捉真实人脸肌肉运动的各种细节,抓住表情的精髓。

当设计「无奈的尴尬」表情时,我们去观察人们尴尬时五官和面部肌肉的运动,发现当尴尬的笑时,人的五官会更聚集,产生一种局促不安的感觉。所以在表情设计上,我们将眉毛、嘴巴到眼睛的距离调近,让整张脸在视觉上更加局促,让情感传递更加生动。

而这个嫌弃脸,我们在设计之初把关注点放在了嘴型的调整上,希望通过嘴部形状让用户 get 到「咦」的语气。在经过几轮调整后我们发现其实嘴型并不具备这个情绪的代表性,难与其他表情产生差异。于是设计师选择抓住了人们嫌弃时鼻孔张开的小细节,对它进行放大,增加这个表情的辨识度和感染力。

2. 戏剧化

戏剧化等于熟悉加意外。在用户熟悉的场景中加上一些意想不到的夸张表现,情理之中意料之外,引发用户的传播。

令人头秃表情来源于同名网络热词,形容费解和苦恼。表情最初的设定是「苦恼的光头」、「极少的发量」,但是呈现出来的效果不尽人意。所以我们加入戏剧效果,让表情从正常的头发变化到「秃顶式」掉发,这一出人意料的过程极大的增加了表情的焦虑感又添加了一丝诙谐。

呵呵表情则是一个现有表情戏剧化的典型案例。世界上几乎每一个表情库里都有微笑表情,但是用户真正使用微笑时往往略带嘲讽。因此在呵呵表情设计中,我们利用用户极其熟悉的微笑表情,附加上意想不到的倒置和翻滚,既增加表现力,又符合用户对原有微笑表情元素的理解。

3. 年轻化

表情也是用户本人形象的投射,所以其外表上需要更加符合年轻人的形象。

当我们在现实生活中做「辣眼睛」这个表情时,五官会比较狰狞,眼部和鼻部会挤在一起,产生一些表情皱纹。如果我们直接按照真实人脸来绘制,这些皱纹的存在会使得表情看上去老气。为了更符合现有 QQ 黄脸 「年轻化、轻质感」的风格,我们最终去掉了眉梢眼睛的细节以及法令纹,只保留了贱贱的鼻孔的细节,令表情更符合整体的风格。

4. 正能量的情绪传达

除了借鉴流行表情包的表达手法外,QQ 平台的设计师还需有更高的社会责任感。在对抗疫情的期间,我们特意增加了几个相关表情如「加油必胜、加油抱抱、口罩护体」,以及远程办公的「搬砖中、忙到飞起」等,希望通过表情的设计给用户传递正向积极的情绪和社会温暖。

「口罩护体」和「加油必胜」两个表情在描绘的时候,就选用了表达坚毅、友爱的眼神,避免给人消极无助的感受,同时也不能用力过猛而太像愤怒。

击中用户:「有内味儿了」

新版黄脸表情上线后,瞬间俘获了用户的心。「憨憨」「沙雕」「贱萌」「有内味了」这些反馈可以算是表情届的最高评价了(感动ing)。但也有用户希望黄脸表情可以更加有戾气一点,满足发泄的快感。我们理解用户的诉求,但作为平台的设计师,我们更加希望通过表情传达正向温暖的情绪,引导用户在 QQ 里善意交流。

表情设计没有终点。用户的情绪倾向和表达方式都在随着社会文化快速的变化着,这就需要我们对表情数据和用户文化进行持续挖掘,对表情进行快速迭代。悄悄告诉你,一批更加鲜活的 QQ 表情也在计划中喽,让我们一起期待下一次 QQ 会带来哪些神仙表情吧~