抖音：世界名画抖抖抖抖抖起来了
案例：世界名画抖抖抖抖抖起来了
出品：抖音
亮点：
- 策划上，动画+短视频。抖音这次恶搞了一波世界名画，让名画里的人“抖”了起来。Loading完毕进入页面，先呈现在画面上的，是不停变色闪动的蒙娜丽莎，看上去仿佛她有什么话要说。点击按钮“一探究竟”来到下一页，屏幕上方是名画与名字，下方按钮“按住换一张”可以切换名画，案例中有《梵高自画像》《蒙娜丽莎》《拿破仑》《海伦娜·弗尔曼肖像》这4幅人物肖像画，选了一张后，按住屏幕，画面中的人就会开始“抖”起来。最后“嘘……博物馆馆长来了”，到达结尾页，可以点击“邀人进馆”分享给好友，或“我也想抖”跳转抖音活动页面或下载抖音app。
- 设计上，用户交互部分，黑灰墙纸作为画面背景，而播放视频时，视频模拟了抖音App的界面。4个视频都选取了抖音App中最流行的几个音乐：《Me too》、《Animals》、《Bang Bang(instrumental)》、《理发当时，和理完第二天》。画面中的人物表演，也是参考了用户跟随音乐玩得最多的那些动作，玩过“抖音”的人，第一眼估计就能联想到那些标志性的抖音小网红吧。抖音App的玩法形式，本身就非常炫酷有趣，而这次H5又小小恶搞了名画，让名画也“抖”起来，整体效果很赞，甚至还由此，搞了一波“#和世界名画PK”的挑战活动。
- 体验上，小五每天早晨起床的第一件事，和晚上睡觉的最后一件事，就是刷抖音，让自己与床一起抖起来…唉，沉迷抖音已久，所以看到“抖名画”的标题，心中早有准备，看到H5后没有太被震撼到。但是从票圈的反响来看，这次的H5还是非常成功的，至少有相当一部分听都没有听过抖音的同学，已经入了抖音的坑，也玩得停不下来…本来抱着挑刺的态度，找到一个可以改进的交互点：按住名画，没等播放完就松开后，再重新按下去，视频会从头播放，而不是从松开出播放。小五想了想，这种情况放在平时的按住播放的视频H5中，的确是个需要改进的大坑，因为很长的视频，如果用户看了一半不小心松开，你还要让用户从头观看，用户99%都会选择退出。可是这次抖音H5的4个视频，都是10+秒的短视频，从不从头其实没太大所谓，甚至从松开出播放，会破坏视频的整体感。所以，决定不挑刺了咩哈哈哈哈！还在等什么！后面的朋友！一起抖起来吧！
技术实现： Egret(白鹭引擎) + Video(视频)
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
