网易新闻：多一克温暖，一路童行

2016-11-11 H5案例分享 H5案例分享

案例：多一克温暖，一路童行

出品：网易新闻

亮点：

策划上，视频公益类，① 以一个小女孩拿着“多一克温暖”的小纸板，竖起手指引导大家点击开启这支H5；② 点击提示按钮区域，进入到模拟网易新闻列表页，以其各种有趣动效展现了网易公益事业；③ 在画布上画一颗自己的爱心，为“多一克温暖”公益点赞，而后是好妹妹乐队为其公益活动的宣传，多一份爱心，就可以给更多的孩子带去温暖，希望大家能够关注山区留守儿童的健康成长。
设计上，模拟网易新闻手机app画面，做成动态效果，采用暖暖的淡黄色作为主色调，流露出一股温暖之感。
技术上，整体画面动效主要采用的是HTML5的Video视频。

技术实现： jQuery + Video

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

多一克温暖，一路童行-查阅二维码

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签