木子素材 首页 大神 UI设计 查看内容

腾讯ISUX丨揭秘QQ 新版表情背后的设计故事

2016-12-11 22:42| 发布者: admin| 查看: 618| 评论: 0

摘要: 聆澜子:遥想新版本表情上线,已经过去了许久。随着开发哥们不辞辛苦的版本优化,我们终于如约迎来了QQ新表情的加入(撒花)。今天这篇为你揭秘这些表情是如何设计出来的! 寻找中国茶 茶表情的加入源于我们对于表情 ...
二维码1

扫一扫
官方手机版

AI创作助手小程序

扫一扫
AI创作程序

木子官方公众号

扫一扫
木子公众号

木子AI官方公众号

扫一扫
AI公众号

腾讯ISUX丨揭秘QQ 新版表情背后的设计故事

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

寻找中国茶

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

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

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

腾讯ISUX丨揭秘QQ 新版表情背后的设计故事

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

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

腾讯ISUX丨揭秘QQ 新版表情背后的设计故事

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

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

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

腾讯ISUX丨揭秘QQ 新版表情背后的设计故事

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

腾讯ISUX丨揭秘QQ 新版表情背后的设计故事

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

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

腾讯ISUX丨揭秘QQ 新版表情背后的设计故事

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

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

腾讯ISUX丨揭秘QQ 新版表情背后的设计故事

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

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

腾讯ISUX丨揭秘QQ 新版表情背后的设计故事

不可描述的小场景

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

腾讯ISUX丨揭秘QQ 新版表情背后的设计故事

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

腾讯ISUX丨揭秘QQ 新版表情背后的设计故事

大屁股的羊驼。

腾讯ISUX丨揭秘QQ 新版表情背后的设计故事

美味的河蟹。

腾讯ISUX丨揭秘QQ 新版表情背后的设计故事

抖动的蛋蛋。

腾讯ISUX丨揭秘QQ 新版表情背后的设计故事

明媚的菊花。

腾讯ISUX丨揭秘QQ 新版表情背后的设计故事

面无表情的阿飘。

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

新的情绪与故事

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

腾讯ISUX丨揭秘QQ 新版表情背后的设计故事

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

腾讯ISUX丨揭秘QQ 新版表情背后的设计故事

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

QQfamily新成员加入

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

腾讯ISUX丨揭秘QQ 新版表情背后的设计故事

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

腾讯ISUX丨揭秘QQ 新版表情背后的设计故事

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

腾讯ISUX丨揭秘QQ 新版表情背后的设计故事

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

腾讯ISUX丨揭秘QQ 新版表情背后的设计故事

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

腾讯ISUX丨揭秘QQ 新版表情背后的设计故事

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

腾讯ISUX丨揭秘QQ 新版表情背后的设计故事

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

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

PC端表情更新

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

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

腾讯ISUX丨揭秘QQ 新版表情背后的设计故事

「干货超足的3个改版实战经验总结」

  1. logo 改版:《揭秘LOGO设计流程!超详细的腾讯云LOGO 改版记录全过程》
  2. 官网改版:《QQ官网全新蜕变!IM QQ 改版(第一期)设计总结》
  3. Pinterest 改版:《改版实战!聊聊PINTEREST官网再设计过程的经验思考》

【木子设计网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于木子设计网================
"木子设计网uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:https://www.muzisucai.com/。
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材
设计导航:全球顶尖设计网站推荐,设计师必备导航:https://www.muzisucai.com/

手机扫一扫,阅读下载更方便˃ʍ˂

@版权声明

1、本网站文章、帖子等仅代表作者本人的观点,与本站立场无关。
2、转载或引用本网版权所有之内容须注明“转自(或引自)网”字样,并标明本网网址。
3、本站所有图片和资源来源于用户上传和网络,仅用作展示,如有侵权请联系站长!QQ: 13671295。


路过

雷人

握手

鲜花

鸡蛋

最新评论

广告图片
悬浮图片
×