新浪微博表情浪小花的创作过程分享
2012-02-19 01:41
411 查看
新浪微博1月18号正式上线了第一套自己的表情“浪小花”系列,观察了半个月来用户的使用情况,“浪小花”已经有了很多热心的粉丝,在此非常感谢那些喜欢“浪小花”的亲们……你们的支持是对“浪小花”创作团队最大的鼓励!下面就谈谈我们的创作过程吧。
背景
在各路表情达人、表情帝们争“相”恐后争夺眼球大战的表情江湖里,要想独树一帜并不容易,其实,用户的审美也因为这些表情的出现而逐渐在改变,从N年前欧美、日韩动漫的冲击让我们先后领略了“酷”和“萌”的诱惑,再到这两年“贱”时代的到来……都暗示了表情一定要符合大众审美的趋势!所以,我们设计新表情的目的只有一个“让更多的人喜欢去用它”!
“浪小花”的形象定位
在浪小花刚刚诞生的一段时间里,许多同事都会问,为什么浪小花是这个样子?看不出来跟新浪有联系啊?原来的“小浪人”应该是一只眼睛的啊?各种问题铺面而来……起初的表情形象没有定位在“小新”和“小浪”上,主要是因为有些官方的公司形象,使用户可能不太愿意去使用,而且单只眼睛的面部表情很特别,但作为表情使用,难免会有所限制。因此,我们重新考虑了五官和整体设计,这一点的突破对新表情的设计和日后的使用宣传显得尤为重要。基于这一点,我们出了很多的草图和方案,@严纪年Chilam 年总最终拍定了这一个表情
,这也是“浪小花”的第一个表情,值得纪念。如下图:
表情的应用安排
为了配合微博功能使用,我们给“浪小花”安排了几个任务:
第一 适用于如“微博转发”“求关注”之类的功能性表情;
第二 适用于用户和用户之间互动性的表情,基本上是2-3个表情为一组,比如这个“丘比特”的,一个是中箭
的动作,一个是射箭
的动作,还有“互相膜拜”
这些考虑两个表情放在一起使用,也可拆开来用;
第三 还要继续跟进一些常规表情如“哈哈”“哭”“流汗”,目前这个方向的表情比较欠缺,继续补充;
第四 针对当下流行词汇进行表情设计,如“路过”“膜拜”……
第五 考虑做一些单纯非“浪小花”的表情(如:赞啊
、推荐
、灯笼
……)来丰富浪小花表情栏,这样即便那些对“浪小花”不太感冒的用户们也会经常光顾这个表情栏,吸引更多的人群使用。
另外,还会有一些其它的计划已提上日程,希望广大用户粉丝多多关注……
“浪小花”的特点
再来说说“浪小花”最大的特别之处就是那身贱贱的肉粉色,为什么会选择这个颜色?其实经常使用表情的童鞋们都有自己青睐的偶像表情,……一提到某个表情你的脑海里总会浮现那个表情的特征,像褐色的“幺鸡”、橙色的“柏夫”、粉红色的“肥鼠BOBI” 等等……,他们的使用量越多,这个颜色的特征也就越强烈,其实色彩的选择对用户的使用有很大的影响,也能透漏出表情本身的气质,选择肉色为了能衬托出“浪小花”贱和可爱的定位,也是为了让用户记住这个小东西,而且肉色本身也是人的肤色,使用起来也更有亲和力……
在表情和动作的设计中,想在22*22像素的小格子里要到位的表现出整个身体不太可能了,我们只截取了浪小花腰部以上的位置来表现,身体和头部的比例要显得头大些,身体和脸部有肉嘟嘟的样子,所以当动作呈现出来的时候,给人的感觉是贱贱的表情加上顽皮的姿势,再配上略带弹性的身体,这样就让人有种忍不住去用的冲动!为此,我们创作了大量的草图,在这里选了一部分呈现给大家,如下图:
借鉴于现在的好莱坞大片每秒帧数翻倍来提升画面的流畅感,我们也在动作处理上尽量让帧和帧之间的变化适当调小,避免出现表情一卡一卡的样子,就像很多年前的木偶动画一样。但考虑到GIF格式,帧数也不能过多,那样会显得动作太慢,总有一个适度的关系。在帧数顺序上避免单方向流程,让动作有个循环往复的变化,比方说这个“转发”
的表情,在首帧和末尾帧之间的衔接上处理的更流畅。
有的表情特别考虑过抓住“浪小花”的特征,比如“路过”
和“喝多了
”这两个,在设计的时候我们刻意表现了那个手尖在走路时侯一甩一甩的贱劲儿和头上的那个波儿在喝醉后摇摇晃晃的抖动感,这点从用户的反馈上我们看到了预期的效果。
最后,感谢@阿bingben 的强大指导和@巨大肥鱼 的一起奋战,还有@王史撞Strong 取的名字,让“浪小花”能够赋予生命,它就像个淘气的孩子一样,希望能讨得更多人的喜爱,也让每个用户在使用表情时都感觉自己像是“浪小花”的家长,哪有家长不爱自己的孩子的?呵呵……
提供一下浪小花表情包下载地址:http://vdisk.weibo.com/s/236F6/1327058208 童鞋们多多支持!
背景
在各路表情达人、表情帝们争“相”恐后争夺眼球大战的表情江湖里,要想独树一帜并不容易,其实,用户的审美也因为这些表情的出现而逐渐在改变,从N年前欧美、日韩动漫的冲击让我们先后领略了“酷”和“萌”的诱惑,再到这两年“贱”时代的到来……都暗示了表情一定要符合大众审美的趋势!所以,我们设计新表情的目的只有一个“让更多的人喜欢去用它”!
“浪小花”的形象定位
在浪小花刚刚诞生的一段时间里,许多同事都会问,为什么浪小花是这个样子?看不出来跟新浪有联系啊?原来的“小浪人”应该是一只眼睛的啊?各种问题铺面而来……起初的表情形象没有定位在“小新”和“小浪”上,主要是因为有些官方的公司形象,使用户可能不太愿意去使用,而且单只眼睛的面部表情很特别,但作为表情使用,难免会有所限制。因此,我们重新考虑了五官和整体设计,这一点的突破对新表情的设计和日后的使用宣传显得尤为重要。基于这一点,我们出了很多的草图和方案,@严纪年Chilam 年总最终拍定了这一个表情
,这也是“浪小花”的第一个表情,值得纪念。如下图:
表情的应用安排
为了配合微博功能使用,我们给“浪小花”安排了几个任务:
第一 适用于如“微博转发”“求关注”之类的功能性表情;
第二 适用于用户和用户之间互动性的表情,基本上是2-3个表情为一组,比如这个“丘比特”的,一个是中箭
的动作,一个是射箭
的动作,还有“互相膜拜”
这些考虑两个表情放在一起使用,也可拆开来用;
第三 还要继续跟进一些常规表情如“哈哈”“哭”“流汗”,目前这个方向的表情比较欠缺,继续补充;
第四 针对当下流行词汇进行表情设计,如“路过”“膜拜”……
第五 考虑做一些单纯非“浪小花”的表情(如:赞啊
、推荐
、灯笼
……)来丰富浪小花表情栏,这样即便那些对“浪小花”不太感冒的用户们也会经常光顾这个表情栏,吸引更多的人群使用。
另外,还会有一些其它的计划已提上日程,希望广大用户粉丝多多关注……
“浪小花”的特点
再来说说“浪小花”最大的特别之处就是那身贱贱的肉粉色,为什么会选择这个颜色?其实经常使用表情的童鞋们都有自己青睐的偶像表情,……一提到某个表情你的脑海里总会浮现那个表情的特征,像褐色的“幺鸡”、橙色的“柏夫”、粉红色的“肥鼠BOBI” 等等……,他们的使用量越多,这个颜色的特征也就越强烈,其实色彩的选择对用户的使用有很大的影响,也能透漏出表情本身的气质,选择肉色为了能衬托出“浪小花”贱和可爱的定位,也是为了让用户记住这个小东西,而且肉色本身也是人的肤色,使用起来也更有亲和力……
在表情和动作的设计中,想在22*22像素的小格子里要到位的表现出整个身体不太可能了,我们只截取了浪小花腰部以上的位置来表现,身体和头部的比例要显得头大些,身体和脸部有肉嘟嘟的样子,所以当动作呈现出来的时候,给人的感觉是贱贱的表情加上顽皮的姿势,再配上略带弹性的身体,这样就让人有种忍不住去用的冲动!为此,我们创作了大量的草图,在这里选了一部分呈现给大家,如下图:
借鉴于现在的好莱坞大片每秒帧数翻倍来提升画面的流畅感,我们也在动作处理上尽量让帧和帧之间的变化适当调小,避免出现表情一卡一卡的样子,就像很多年前的木偶动画一样。但考虑到GIF格式,帧数也不能过多,那样会显得动作太慢,总有一个适度的关系。在帧数顺序上避免单方向流程,让动作有个循环往复的变化,比方说这个“转发”
的表情,在首帧和末尾帧之间的衔接上处理的更流畅。
有的表情特别考虑过抓住“浪小花”的特征,比如“路过”
和“喝多了
”这两个,在设计的时候我们刻意表现了那个手尖在走路时侯一甩一甩的贱劲儿和头上的那个波儿在喝醉后摇摇晃晃的抖动感,这点从用户的反馈上我们看到了预期的效果。
最后,感谢@阿bingben 的强大指导和@巨大肥鱼 的一起奋战,还有@王史撞Strong 取的名字,让“浪小花”能够赋予生命,它就像个淘气的孩子一样,希望能讨得更多人的喜爱,也让每个用户在使用表情时都感觉自己像是“浪小花”的家长,哪有家长不爱自己的孩子的?呵呵……
提供一下浪小花表情包下载地址:http://vdisk.weibo.com/s/236F6/1327058208 童鞋们多多支持!
相关文章推荐
- 新浪微博客户端(41)-切换表情键盘
- 撸表情开发过程中使用腾讯云存储的接入实例分享
- 友盟社会化分享之判断是否安装了QQ、微信、新浪微博客户端
- PHP+新浪微博开放平台+新浪云平台(SAE)开发微博应用——建立微博应用的过程
- 新浪微博客户端(47)-在TextView中插入表情
- 分享一个漂亮WPF界面框架创作过程及其源码
- 目前微信 微博 新浪 豆瓣等所有分享的js插件
- shareSDK分享新浪微博提示 "sso package or sign error"
- ios菜鸟之路:新浪微博分享 sso与webAuth的转换
- 分享到新浪与QQ微博代码
- Android应用之——微信微博第三方sdk登录分享使用过程中的一些常见问题
- SharePanel – Android上简单的一键分享,可分享到微信QQ和新浪微博
- 仿微博分享评论表情
- Android:新浪微博分享多个页面回调不能直接回到调用的Activity问题
- 新浪微博登陆过程分析
- PHP+新浪微博开放平台+新浪云平台(SAE)开发微博应用——建立微博应用的过程
- iOS开发之新浪微博登陆和分享
- Android应用之——微信微博第三方sdk登录分享使用过程中的一些常见问题
- 分享到新浪,空间,微博等的代码
- 调用本地新浪微博客户端分享内容到微博