淘小宝蚂蚁聊天表情V1.0-V2.0的制作过程

专门用于针对淘宝网交易沟通而设计淘小宝蚂蚁聊天表情终于在3月20号通过消费者社区小规模地向用户推广。具体的下载方法可以通过以下消费者社区的贴子找到:
http://forum.taobao.com/forum-474/show_thread—-21955823-.htm

制作该表情的意义在于:1.增加用户在使用淘宝网交易而进行沟通时的趣味性;2.在这种沟通过程中潜移黙化地在受众心目中建立起淘小宝–这一淘宝网官方的卡通形象,为日后在其它产品中的应用打下基础,进行品牌沉淀。

淘小宝蚂蚁聊天表情V2.0发布

淘小宝蚂蚁聊天表情V2.0

淘小宝蚂蚁聊天表情V1.0版本在公司内测之后,获得绝大部分同事认可的同时,也为我们不断完善、增加淘小宝表情的趣味性与可用性、并最终将其推向市场、为广大消费者所用提供了大量一手、非常重要的测试反馈建议。我们在V1.0版本上线后的当天下午、随即对淘宝内网贴吧、阿里内网、旺旺各聊天群、电邮等不同途径的反馈意见进行采集,分析并统计各不同表情使用的场合和频率,以及在视觉设计上的各种优化等建议。我们在第二天,马上总结了1.0版本的一些存在问题,并提出了相应的解决方法:

1  V1.0版本最主要的三大反馈建议:

A. V1.0版本70*70px格式不兼容MSN

B. 表情动作生动、有趣,但画面视觉效果略显粗糙,表情以SouthPark(衰仔乐园)的美国色块风格为主,对于国内受众或许显得缺乏质感,位面过渡比较生硬

C. FFE600的柠檬黄颜色色块有心理暗示效果,主要表现为蚂蚁形象向外扩散

2  V2.0版本如何解决上述问题:

A. 将所有表情重新再输出成 50*50px格式,果断砍掉脚的部位,使在50*50px格式下,主体脸部形象仍然保持突出、明显

B. 重新对所有表情进行细节上的刻画,加入过渡色、高光、明暗阴影、立体质感等视觉效果。这也是V2.0版本升级过程中遇到的最大问题:

如何在视觉画面质量与动画容量大小之间取得平衡,画面比旧版本精致,而又使动画容量保持在即时聊天工具快速传递表情的可接受范围之内。经过海量反反复复的测试、修改与调试,我们最终达到了比较理想的可接受效果。

C. 将淘小宝表情的所有身体元件都加上描绘的边框

D. 将一些使用率比较低的表情删除,加入更能适应于不同场景使用的一些新表情

3 草图

草图+小故事板

4 V1.0V2.0演变的过程
V1.0-V2.0的对比


V1.0V2.0的升级过程中,我们基本上把淘小宝旺旺聊天表情重头反复再做了2次,才达到目前的效果。值得庆幸的是,从目前收集到的反馈意见来看,对表情进行V2.0版本升级所付出的努力还是非常值得的,并且使我们有了更大的信心通过各种淘宝官方网站途径对外发布淘小宝聊天表情动画,以最终实现增强淘宝网的品牌认知度及黏性,在众多越来越同质化的C2C网站中建立起个性。


5 V1.0V2.0两组表情的静态视觉效果对比

V1.0与V2.0

淘宝UED视觉研究小组,非常欢迎大家下载使用喔,为了感谢大家看到最后这一行的努力,本套表情的直接下载地址如下:

http://download.taobaocdn.com/ant/Taobao_Smiley_Pack_v2.0.rar


本文转自淘宝UED团队博客:淘小宝蚂蚁聊天表情V1.0-V2.0的制作过程

Comments