腾讯ISUX丨揭秘QQ 新版表情背后的设计故事
adinnet/2016-12-12 11:28/技术调研
遥想新版本表情上线,已经过去了许久。随着开发哥们不辞辛苦的版本优化,我们终于如约迎来了QQ新表情的加入(撒花)。今天这篇为你揭秘这些表情是如何设计出来的!
寻找中国茶
茶表情的加入源于我们对于表情中华元素缺失的反思。不同于emoji表情,作为中国人独有的表情包,QQ表情有义务更主动地去传播中国自己的文化。茶表情,将是我们的开端。
茶文化博大精深,世界各地已经形成了许多独特的饮茶文化和风格,但我们需要做的是中国人的茶。那么,如何让我们的茶表情能够一眼分辨出是“中国茶”,是设计上遇到的更大难题。
本着考据党死磕到底的精神(微笑),我们地毯式地搜集了各种画风的茶文化。
柔和的英国茶,冰凉的泰国茶,蒙古的奶茶,北非的薄荷茶,埃及的甜茶,日本抹茶……世界上茶的种类繁多,但其实他们都有着共同的根源——中国茶。
为了尽可能地与其他茶文化在视觉上做出明显的区分,需要选择一些中国独有的元素进行设计。我们更初尝试了传统的中国茶碗和功夫茶常用的紫砂小杯,试图从茶具的特色上去体现中国茶。茶碗的花色,我们衡量各种瓷器,选择了更为大众的青花瓷纹样,复古而有韵味。在紫砂杯的方案中,我们则尝试了茶汤升起的水雾和茶叶漂浮这两种细节表达。
但第一批方案提出后,大家首先对紫砂杯的代表性提出了一些质疑。紫砂茶具虽然颇受饮茶爱好者的欢迎,但由于冲泡方式更为细致繁琐,对于大多数人而言,反而稍显陌生。茶碗的形式则过于隆重和复古,不太符合当代人饮茶的行为特征。
收集了一些意见和建议后,我们再次进行了优化和发散。
茶碗的方向上,我们去掉茶碗的碗盖,让整体更加轻盈。茶水清晰可见,或是飘出淡淡茶香,或是茶叶浮动。小茶杯的材质则换成更大众的瓷器材质。尝试青瓷,冰裂纹,白瓷,青花等等。花纹也可以多种多样,复古的、现代的、繁复的、简约的。
经过层层讨论和筛选,考量表情本身的体量特征和易识别性,更终我们选择了简约并带有复古元素的单圈青花瓷杯。
随即我们又发现了另一个具有争议的问题:茶色。
中国有六大茶类:绿茶、青茶、白茶、黄茶、红茶、黑茶。其中再细分,更是不胜枚举,加上成色和品质的差异,冲泡方法的不同,茶水颜色千变万化。
我们如何从中选择一个符号性的茶水颜色?
于是,我们研究了2015年各大茶类的产量及销售,发现其中绿茶占据了压到性的优势。
绿茶被誉为中国国饮。绿茶据茶叶品质及冲泡手法不同,会呈现黄,嫩黄,嫩绿几种茶色。一般而言,茶色清澈嫩绿为上品,但也有适应消费者喜好的清黄茶色。
经过用研,微黄偏绿的茶色明显具有更高的接受度和认知率。至此,“茶”表情终于可以愉快地决定下来~
不可描述的小场景
为了提升沟通的效率和乐趣,我们引入了一些新的小物件,丰富聊天中情绪的表达。
红包,中华文化的代表,逢年过节日常食用皆可。
大屁股的羊驼。
美味的河蟹。
抖动的蛋蛋。
明媚的菊花。
面无表情的阿飘。
相信机智如你们,会非常迅速地找出他们的“正确使用方法”。(微笑微笑微笑)
新的情绪与故事
小黄脸的表情也应该是千变万化的。一些流行的情绪是时候加入到我们的即时聊天场景中来。
隆重登场的,除了新晋网红滑稽脸,千呼万唤的笑哭,狂放的泪奔,还有托腮,小纠结,摊手,吐血,卖萌等等新面孔。
另外,我们接回了老版本的吐舌头表情。它的使用场景依然具有其独特性,我们期待看到它的回归能与“舔屏”的调皮表情分一杯羹。
QQfamily新成员加入
相信大家还发现,新表情中进驻了一批有趣的新成员。
首先是我们熟悉的老朋友QQ,如今他不再是独自一鹅,而是QQfamily的领导者,不过他可没有什么架子,还时常蹦出一些冷幽默。
更佳萌主babyQ,每天满满的正能量,平常做事神经大条让人哭笑不得,却是团队的更佳凝聚剂。
沉稳可靠的Dov多福对待生活耐心又认真,平常如果不是在钻研美食那就是在练功夫。
自认为宇宙第一帅的Oscar奥斯卡,脾气火爆并有一丝吝啬,不过在Anko安子面前会放下任何架子。
Anko安子喜欢唱歌、弹吉他,虽然看起来有些玩世不恭、野蛮女友,其实是个心思善良、可爱的女生。
调皮冒险家Qana卡纳,喜欢恶作剧,和babyQ关系更亲近,喜欢捉弄多福并与奥斯卡掐架。
他们的来到,更加丰富了我们的日常聊天场景。另外,(前方广告预警0v0!)他们还有自己的专属表情包,可以在QQ商城下载。
PC端表情更新
更后,值得一提的是,随着PCQQ8.8版本的紧密上线,我们的新版本表情终于实现了PC和移动端的表情同步。
新增表情包也将同期上线,更新了版本,妈妈再也不用担心和我聊天表情不一样啦!
文章摘录链接 :http://www.uisdc.com/isux-qq-new-emoji#
- 最新文章
- 1.分销系统开发需要多少钱?影响分销系统开发费用的因素有哪些?
- 2.图片排版找不到灵感?送你17个实用技巧!
- 3.2019年值得关注的5个数据可视化工具,必须收藏!
- 4.什么是数据可视化?5个典型案例为你讲解......
- 5.数据可视化图表设计的3大原则,4个可视化工具分享~