人民日报 | 客户端 + 网易新闻 | 哒哒:制作你的童年成分表

2020-05-31 H5案例分享 H5案例分享
人民日报 | 客户端 + 网易新闻 | 哒哒:制作你的童年成分表


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

识别图中二维码

制作你的童年成分表-查阅二维码

完整欣赏此案例大约需要1分20秒


案例:制作你的童年成分表

品牌:人民日报 | 客户端 + 网易新闻 | 哒哒

技术实现: pixi.js + html2canvas

亮点:

1、创意定位

人民日报客户端和网易新闻联合出品的儿童节H5,通过童年的零食、动漫、游戏三方面,勾勒出每个人的童年画面。

 

2、策划上

以“你的童年成分表”为出发点,点击“开始探索”按钮,左右滑动切换,用户可以从零食、动漫、游戏三方面选择,每一屏都是一个小星球似的,星球上绘制了童年的物品,用户点选代表选中,选中后,物品图标右上角出现一颗心,图标也会显示发亮;选择一个后,屏幕左上角出现“不选了”按钮,或者选择到最后出现“我选完啦”按钮,会出现零食、动漫、游戏三方面都选择了几件物品,最后生成童年成分表海报,里面含有童年三方面成分的占比,和用户选择的具体物品图标,用户可以长按保存。

 

3、设计上

天蓝色为主色调,配合扁平图标,整体大背景为天空,配色偏暖色调。

 

4、体验上

看到不同的童年物品,勾起了很多童年的记忆。





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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

央视新闻X今日头条:童年回忆售卖机

腾讯新闻:我的520出租账单

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~