APP开发 > 新体验 > 设计沙龙 > 技术调研
  • 腾讯ISUX丨揭秘QQ 新版表情背后的设计故事

    adinnet/2016年12月12日/技术调研

    遥想新版本表情上线,已经过去了许久。随着开发哥们不辞辛苦的版本优化,我们终于如约迎来了QQ新表情的加入(撒花)。今天这篇为你揭秘这些表情是如何设计出来的!

    寻找中国茶

    茶表情的加入源于我们对于表情中华元素缺失的反思。不同于emoji表情,作为中国人独有的表情包,QQ表情有义务更主动地去传播中国自己的文化。茶表情,将是我们的开端。

    茶文化博大精深,世界各地已经形成了许多独特的饮茶文化和风格,但我们需要做的是中国人的茶。那么,如何让我们的茶表情能够一眼分辨出是“中国茶”,是设计上遇到的最大难题。

    本着考据党死磕到底的精神(微笑),我们地毯式地搜集了各种画风的茶文化。

    uisdc-emoji-2016121122柔和的英国茶,冰凉的泰国茶,蒙古的奶茶,北非的薄荷茶,埃及的甜茶,日本抹茶……世界上茶的种类繁多,但其实他们都有着共同的根源——中国茶。

    为了尽可能地与其他茶文化在视觉上做出明显的区分,需要选择一些中国独有的元素进行设计。我们最初尝试了传统的中国茶碗和功夫茶常用的紫砂小杯,试图从茶具的特色上去体现中国茶。茶碗的花色,我们衡量各种瓷器,选择了更为大众的青花瓷纹样,复古而有韵味。在紫砂杯的方案中,我们则尝试了茶汤升起的水雾和茶叶漂浮这两种细节表达。

    uisdc-emoji-2016121115但第一批方案提出后,大家首先对紫砂杯的代表性提出了一些质疑。紫砂茶具虽然颇受饮茶爱好者的欢迎,但由于冲泡方式更为细致繁琐,对于大多数人而言,反而稍显陌生。茶碗的形式则过于隆重和复古,不太符合当代人饮茶的行为特征。

    收集了一些意见和建议后,我们再次进行了优化和发散。

    茶碗的方向上,我们去掉茶碗的碗盖,让整体更加轻盈。茶水清晰可见,或是飘出淡淡茶香,或是茶叶浮动。小茶杯的材质则换成更大众的瓷器材质。尝试青瓷,冰裂纹,白瓷,青花等等。花纹也可以多种多样,复古的、现代的、繁复的、简约的。

    uisdc-emoji-2016121116经过层层讨论和筛选,考量表情本身的体量特征和易识别性,最终我们选择了简约并带有复古元素的单圈青花瓷杯。

    uisdc-emoji-2016121117随即我们又发现了另一个具有争议的问题:茶色。

    中国有六大茶类:绿茶、青茶、白茶、黄茶、红茶、黑茶。其中再细分,更是不胜枚举,加上成色和品质的差异,冲泡方法的不同,茶水颜色千变万化。

    uisdc-emoji-2016121118我们如何从中选择一个符号性的茶水颜色?

    于是,我们研究了2015年各大茶类的产量及销售,发现其中绿茶占据了压到性的优势。

    uisdc-emoji-2016121119绿茶被誉为中国国饮。绿茶据茶叶品质及冲泡手法不同,会呈现黄,嫩黄,嫩绿几种茶色。一般而言,茶色清澈嫩绿为上品,但也有适应消费者喜好的清黄茶色。

    经过用研,微黄偏绿的茶色明显具有更高的接受度和认知率。至此,“茶”表情终于可以愉快地决定下来~

    uisdc-emoji-2016121120不可描述的小场景

    为了提升沟通的效率和乐趣,我们引入了一些新的小物件,丰富聊天中情绪的表达。

    uisdc-emoji-201612111红包,中华文化的代表,逢年过节日常食用皆可。

    uisdc-emoji-201612112大屁股的羊驼。

    uisdc-emoji-201612113美味的河蟹。

    uisdc-emoji-201612114抖动的蛋蛋。

    uisdc-emoji-201612115明媚的菊花。

    uisdc-emoji-201612116面无表情的阿飘。

    相信机智如你们,会非常迅速地找出他们的“正确使用方法”。(微笑微笑微笑)

    新的情绪与故事

    小黄脸的表情也应该是千变万化的。一些流行的情绪是时候加入到我们的即时聊天场景中来。

    uisdc-emoji-201612117隆重登场的,除了新晋网红滑稽脸,千呼万唤的笑哭,狂放的泪奔,还有托腮,小纠结,摊手,吐血,卖萌等等新面孔。

    uisdc-emoji-201612118另外,我们接回了老版本的吐舌头表情。它的使用场景依然具有其独特性,我们期待看到它的回归能与“舔屏”的调皮表情分一杯羹。

    QQfamily新成员加入

    相信大家还发现,新表情中进驻了一批有趣的新成员。

    uisdc-emoji-201612119首先是我们熟悉的老朋友QQ,如今他不再是独自一鹅,而是QQfamily的领导者,不过他可没有什么架子,还时常蹦出一些冷幽默。

    uisdc-emoji-2016121110最佳萌主babyQ,每天满满的正能量,平常做事神经大条让人哭笑不得,却是团队的最佳凝聚剂。

    uisdc-emoji-2016121111沉稳可靠的Dov多福对待生活耐心又认真,平常如果不是在钻研美食那就是在练功夫。

    uisdc-emoji-2016121112自认为宇宙第一帅的Oscar奥斯卡,脾气火爆并有一丝吝啬,不过在Anko安子面前会放下任何架子。

    uisdc-emoji-2016121113Anko安子喜欢唱歌、弹吉他,虽然看起来有些玩世不恭、野蛮女友,其实是个心思善良、可爱的女生。

    uisdc-emoji-2016121114调皮冒险家Qana卡纳,喜欢恶作剧,和babyQ关系最亲近,喜欢捉弄多福并与奥斯卡掐架。

    他们的来到,更加丰富了我们的日常聊天场景。另外,(前方广告预警0v0!)他们还有自己的专属表情包,可以在QQ商城下载。

    PC端表情更新

    最后,值得一提的是,随着PCQQ8.8版本的紧密上线,我们的新版本表情终于实现了PC和移动端的表情同步。

    新增表情包也将同期上线,更新了版本,妈妈再也不用担心和我聊天表情不一样啦!

    文章摘录链接 :http://www.uisdc.com/isux-qq-new-emoji#


上一篇:让技术有温度,解码QQ音乐7.0三维闪屏下一篇:越碎片化的时代,越需要完整的用户体验
400-021-8655
在线留言