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

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

2016/12/11 17625评论区

isux-qq-new-emoji-1

聆澜子:遥想新版本表情上线,已经过去了许久。随着开发哥们不辞辛苦的版本优化,我们终于如约迎来了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-2016121113

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

uisdc-emoji-2016121114

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

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

PC端表情更新

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

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

uisdc-emoji-2016121121

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

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

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

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/isux-qq-new-emoji

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

优设专访 转场动效 设计师 扁平化设计 优设大课堂 交互设计师 界面设计 排版布局 职场 配色 视觉设计 素材下载 web前端开发 设计流程 设计师专访 AI教程 平面设计 设计理论 神器下载 用户体验设计 字体下载 设计趋势 海报设计 psd下载 设计规范 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 用户体验 酷站 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里