案例：让地球更绿，清水河更清
品牌：支付宝
玩法：diy
整理：蓝橙H5开发团队
1.详情内容上：
支付宝为宣传公益行动“蚂蚁森林”推出的diyH5，主要介绍有个清水河的地方，虽然名为清水河，但是水一点都不清，并通过秘密花园涂色的形式，呼吁大家关爱大自然。案例一共4屏，分别是加载页、首页、画布涂色页和生成海报页。进入案例首先看到“请你帮忙添点绿”，在屏幕中间有活动规则介绍，依次轮播介绍规则内容，定期切换，无法滑动快速观看。点击“开始涂色”按钮。会有游戏提示，提示如何点选涂色、如何滑动画布，可以山丘和树木进行涂色，涂色完毕后，点击“完成涂色”按钮，生成一幅属于你为“清水河”涂色的海报。
2. 页面设计上
画面整体有手绘的蜡笔效果，画面的景物就是清水河的一部分，H5整体上配色采用了小清新的配色，让人一看就有很舒适的感觉，最后生成的相应海报也让用户有一定的成就感。
扫描二维码查看
注：如您需要咨询本案例的详细信息，或者需要了解更多案例，可点击右侧“方案咨询”在线联系，或者微信搜索“蓝橙互动”公众号获取案例。
相关链接：H5制作|H5玩法|小程序定制|H5技术资讯|H5课件
