MEO：肾不可测
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要40秒
案例：肾不可测
出品：MEO
亮点：
1.策划上， 测试类。加载完成后，进入主页面，显示该H5的主题，点击页面的“开始测试”按钮，开始回答问题，问题一共有四个，内容是与肾脏相关的活动，例如脱发，打飞机等。引导用户回答完问题，进入最后一页，显示用户的肾虚指数（根据前四个问题的选择得出），以及“宜”、“忌”的事情。3月8日世界肾脏日，关爱肾脏，远离肾脏病。这个H5的品牌漏出超自然，MEO，由首页的输液管弯曲表现。
2.设计上，铅笔画风格，页面颜色比较单一，体现了人的工作、生活等给肾脏带来的巨大压力；该H5还将肾脏拟人化，用搞笑的表情、动作来完成人的活动，例如输液、泡澡等等，形象立体，更容易让用户理解肾脏在人体起到的作用。
3.交互上，测试类，交互比较多，形式均为点击页面按钮。
4.技术上，使用了canvas实现了页面的动画效果。
5.体验上，小五特别欣赏这个H5的设计风格——铅笔画，不用复杂夸张的颜色，而是鲜明的轮廓线条表现肾脏的各种活动，同时这个H5中也使用了超多的动画，为肾脏设计动漫形象，拟人化，使得颜色单调的页面不会过于沉闷。
技术实现： createjs.js+zepto.js+canvas
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
