diyH5|支付宝H5—让地球更绿,清水河更清

案例:让地球更绿,清水河更清

品牌:支付宝

玩法:diy

整理:蓝橙H5开发团队


1.详情内容上:

支付宝为宣传公益行动“蚂蚁森林”推出的diyH5,主要介绍有个清水河的地方,虽然名为清水河,但是水一点都不清,并通过秘密花园涂色的形式,呼吁大家关爱大自然。案例一共4屏,分别是加载页、首页、画布涂色页和生成海报页。进入案例首先看到“请你帮忙添点绿”,在屏幕中间有活动规则介绍,依次轮播介绍规则内容,定期切换,无法滑动快速观看。点击“开始涂色”按钮。会有游戏提示,提示如何点选涂色、如何滑动画布,可以山丘和树木进行涂色,涂色完毕后,点击“完成涂色”按钮,生成一幅属于你为“清水河”涂色的海报。

 

2. 页面设计上

画面整体有手绘的蜡笔效果,画面的景物就是清水河的一部分,H5整体上配色采用了小清新的配色,让人一看就有很舒适的感觉,最后生成的相应海报也让用户有一定的成就感。


4214214214.png


扫描二维码查看


5124214214214.png


注:如您需要咨询本案例的详细信息,或者需要了解更多案例,可点击右侧“方案咨询”在线联系,或者微信搜索“蓝橙互动”公众号获取案例。

 

相关链接:H5制作|H5玩法|小程序定制|H5技术资讯|H5课件

更多疑问 全面解答

全面解答全面解答全面解答全面解答

了解更多

方案咨询

价格咨询

工期咨询

联系电话

电话咨询

17723342546

扫一扫

扫一扫

回到顶部