浙江新闻 X 浙江省残疾人联合会：自强与助残好故事，等你来当主角！
案例：自强与助残好故事，等你来当主角！
出品：浙江新闻 X 浙江省残疾人联合会
亮点：
- 策划上，公益类。这是由浙江新闻和浙江省残疾人联合会为残疾人所打造的一款公益h5。① 首屏，袖子空空的成年人静静地站立着，阴影笼罩着脸庞，胸口处一个快乐的男孩儿作出手臂挥动的动作，一个纸飞机飞向天空，也飞向脑海中隐藏的那痕记忆。② 以“感动在浙里”为主题，通过帮盲人按过街提示器、给孤独男孩儿送关爱、公交车让座三个小故事进行阐述表达。其中，用户通过页面中的提示进行点击操作，为需要帮助的人送去一份儿关爱。③ 用户通过上下滑动切换屏幕去了解浙江的残疾人状况，并且向用户介绍“讲述自强和助残好故事”的公益活动，呼吁大家积极参与。在末尾处，展示了您是第几个参与助残行动的人，底部有两个按钮，用户可点击进行活动详情的详细了解，也可将这款公益h5分享给自己的朋友，扩大公益的宣传力度。
- 设计上，走心风格。① 首屏处，黄色与黑色阴影的渲染，将双袖空空的成年人与手仍纸飞机的小男孩进行一个很好的对比，搭配轻柔的音乐，一颗带着心疼与感伤的种子在用户心中慢慢滋生。② 浅色的渲染，便于抒情，也便于感动。③ 尾屏的乳白色背景，便于使得黄色与黑色组成的文案凸显，便于引起用户的注意和观察。
- 技术上，① 屏幕中的滑动操作采用了Swiper.js技术进行实现。② 尾屏中，页面的上下切换特效采用了Velocity.js技术进行实现。
技术实现： jQuery + Swiper.js + Velocity.js
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分20秒
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
