中国人民大学:人大春秋图
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:人大春秋图
出品:中国人民大学
制作:简豆科技
亮点:
- 策划上,以中国人民大学80周年校庆为主题,通过一幅很长很长的画卷,展示了人大建校史,观看了以后,有一种穿越历史长河的感觉。
- 设计上,卷轴的形式。水墨风格,细腻的笔触,以画卷为呈现,通过传统和历史厚重的韵味,展示了人大历史。
- 交互上,横向水平向左浏览。因为画卷从右向左,以时间为维度,依次展现人大重要的历史时刻和建筑物。而且,有对应的红色点提示,点击以后,出现介绍的弹出层和语音介绍。记得去博物馆和科技馆,就是这样的语音介绍,专业又浑厚的男播音。
技术实现: jQuery + iScroll
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号