完整欣赏此案例大约需要2分钟
案例链接:http://zhutizhenghe.youku.com/h5/2018/duichang/index.html
案例:这!就是歌唱-对唱季
出品:优酷 + 阿里妈妈
亮点:
策划上,以“某首歌里,住着你们的故事”开始,首先,写下你的名字;而后,有四类大选项,第一个是“这首歌”,横向滑动屏幕选择,一共有30首歌曲和经典歌词供选择;第二个是“在那里”,一共10个歌曲图片的动图背景;第三个是“我们俩”,一共10个男女相处动作动图;第四个是“晴或雨”,一共5个天气状态。可以选择[录入我的歌],自定义歌曲名、作者&演唱者、打动你的两句歌词。都选好后,点击[生成我的故事]。生成一张属于你的动画gif动图。
设计上,黑白色调,人物外形轮流。只有嵌入的品牌王老吉是红色。
技术上,动图合成,使用的是https://github.com/jnordberg/gif.js 了解更多使用细节。
体验上,图片的生存,一般都是静态的图片,这案例采用的是动图,最后生成的也可以是动图,感觉很棒。
网友评论