人民网：来听！TA们出唱片啦
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分40秒
案例：来听！TA们出唱片啦
品牌：人民网
技术实现： jQuery + TweenMax + pixi.js + Animate.js + Scroller.js
亮点：
1.创意定位
人民网在6月8号＂世界海洋日”这天推出的作品，让用户了解海洋生物，聆听他们的叫声，最后科普人类行为给海洋带来的声音污染导致的严重后果，呼吁保护海洋，保护海洋生物。
2.策划逻辑
竖形长图，用户上滑屏幕浏览海洋生物，点击海洋生物旁边的气泡，查看对应海报，海报内容包括名字，照片，习性简介，人类给与它的称号，和作品二维码，出场的海洋动物依次是信天翁，寄居蟹，海豚，海象，企鹅，海豹，海狮，座头鲸，白鲸，最后一个气泡点击后，出现一行行讲述人类海洋声污染的文字，号召还动物一个清净世界。
3.设计上
竖形长图中的动物是根据海报上的照片绘制的动画形象，写实，憨态可掬，每个动物还被给予了＂模范夫妻”＂海洋清道夫”"潜水小达人”等称号，反映其主要习性，所选照片中的动物也很灵动可爱，表达动物们在海洋中自由快乐的生活，引发人们保护美好生物的欲望。
4.感受上
生活中几乎听不到海洋动物的叫声，把它们的歌声一个个播放出来，才发现海洋动物的声音世界也很多彩美妙。
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
