腾讯创意本月推荐

Ø  创意如何产生的

  在每天快节奏的生活中,我们很大一部分的社交行为都在各种社交网站上进行。生活中的我们,已经习惯了把起床、堵车、吃饭、下班中遇到的事情通过说说分享给我们庞大的社交网络里的每一位朋友。但是,一天、两天,一年、两年,单纯的文字,已经很难满足我们各种情绪的表达:人间不拆、累感不爱、不吐槽会死、感受到深深的恶意、你若不离不弃我便生死相依…… 

  “今天没吃早餐,饿惨了……”

  “眼看着班车从眼前开走……悲剧啊

  “今天中午吃啥好?小伙伴们,约起!走起!”

  “中午不睡,下午要跪了

  “好久没有迎着夕阳下班了~赞一个黄昏的火烧云~

  ……

  单纯的文字,哪怕跟上个表情icon,这种模式已经单调了太多年!

  怎么样打破这个单调的场景呢?

  单纯的文字?NO!icon表情?不好吧…

  当说说遇到表情——表情说说给你好看!

 

 

Ø  创意点的产品功能/使用场景介绍

  表情说说的出现,与最基础的说说功能相结合,使得用户可以好的表达各种情绪,只需简简单单的输入文字,一张呆萌而有趣的表情说说就轻松的产生了。

  如果仅仅只是文字+表情,枯燥的宋体,正经的雅黑,配上再好的表情,也会让图片显得枯燥无味。

  表情说说实现了实时匹配手写字体的优化体验,生动的手写体与搞怪的大表情,把文字的情绪酝酿发酵,表情说说比表情更表情~

  借助表情,渲染文字,这就是表情说说将表情与说说融合之后的带来的不一样的体验。

 

表情说说入口:

  PC:QQ空间个人中心说说发表框。

  体验请点击:http://rc.qzone.qq.com/mood?auto_show_qutu

Ø  创新点的创新之处的具体描述(innovation)

  目前国内外的各大社交网站,都将UGC聚焦于文字、照片这两种基础形式,对用户使用文字进行情绪表达的支持,也局限于小的表情(emoji等)。而另一种特色的将文字与图片相结合的UGC类型则可以给我们的社区带来一点不一样的乐趣。

  基于空间原创形象进行创意的表情说说,没有使用门槛,仅仅需要用户输入文字,就能生成一条可以生动的表达情绪的表情说说,借助贱萌贱萌的表情,帮助用户更好的表达自己想表达的情绪。

 Ø   技术实现及技术创新

1.   技术构成

Html+js+flash

2.   交互流程图

程序基本流程如下,圆圈代表用户操作,矩形代表程序逻辑。

 

1.   实现方案简介

  •     基本功能实现:代码支持+配置文件+必要素材

  配置文件里面记录着模板所用素材ID及文件索引,由程序加载解析后,生成预览图,填入说说信息,最终会放大生成表情说说。

  •     自适应扩展文本框:源生textfield+自动大小矫正

  特性:文本框会依据用户输入自适应大小,例如用户输入三个字时,文本框会自动放大直至刚好填满输入区域

随着用户的继续输入,文本框会自动缩小,防止用户输入内容跑出范围,而且在保证可读性的前提下优化了传统文本框的美观度。


  思路:用户每次输入文字都会检测文本行数,列数,计算文本框实际宽高,然后匹配最优大小。由于flash内置文本框放大缩小的比率和大小不成比例关系,所以每次自适应都需要计算。在这个频繁的匹配过程里,每次都会记录上次缩放比率,在原有比率的基础上进行匹配,这样可以大大缩减计算耗时。

 

  •      自定义文字

  特性:由于PC上受到用户文字库的限制,一般都会选择宋体、黑体、微软雅黑等经典字体作为显示文本,这种文本的显示效果往往是枯燥无味且不稳定的。在不同的操作系统,不同的浏览器下,flash内设的字体可能会变成其他字体,这样我们不好把握用户所看到的内容。而且,flash使用系统自带字体时,由于flash player对文字的处理不够好,往往都是满屏锯齿,效果无法令人满意。所以萌生了使用自定义字体库的想法。由于flash ide里面将文本设置为动画消除锯齿时,文本会转化为矢量图嵌入swf中,所以我们决定将字体库ttf文件按照所需范围拆分为多个独立的swf文件(内含一个或多个所需字符),检测到用户输入文本后进行对应的加载和替换,从而实现了自定义文本功能。

 

  自定义文本库接入很简单,只需要加载文本代理,传入要显示自定义文字的文本框并调用内置的接口即可。

 

  自定义字体库,使用前:

自定义字体库,使用后:

这里的体验是完全不一样的!

 

  思路:如果是通过sdk的方式接入程序,这是强耦合且不易维护的,所以我们决定使用模块分割的方案,通过建立字体库代理swf和接口文件,需要使用字体库的程序只需要接入接口文件即可方便地调用字体库功能。Flash不支持通过多个独立swf文件的方式嵌入相同名字的字体,但是我们可以考虑使用别的方案,例如更改每个字体的名字,通过特定的命名方式让我们方便地从托管服务器上索引到对应的字体进行使用,然后通过htmlText嵌入富文本,实现自定义字体。

 

Ø  产品的意义对未来的展望(for future)

  由于表情说说拥有丰富的形式和超强的可扩展性,可以轻松结合更多场景,热点、影视、节假日等等场景,可以为平台创造更多的价值。并且,由于表情说说的可拓展性,它的产品形态也将拓展出除了说说之外的更多场景:空间签到、空间装扮、Qzone客户端Cover背景等。这使得表情说说具有非常强大的生命力。未来的表情说说,会出现在平台的每一个功能中。