南方日报：出发咯！小编邀你穿越清远30年的时光之旅

2018-04-25 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

出发咯！小编邀你穿越清远30年的时光之旅-查阅二维码

完整欣赏此案例大约需要2分钟

案例：出发咯！小编邀你穿越清远30年的时光之旅

出品：南方日报

亮点：

策划上，首界面是小编邀你穿越，映衬标题，点击右下方提示的位置，开始时光之旅；之后的界面是关于清远的生日展开，向左滑动可以观看整个长图，整个长图描述了清远的发展变化，之后进入到开启穿越之旅界面，点击中间的图案，可以看到清远这30年来的变化，向左滑动观看长图，开头就是清远的历史印记，有1992年的纺织厂，15年的北江大桥，雨中的马拉松等等，点击图片可以具体观看整个系列；继续滑动是表单是此次h5的参与方，长图的最后是摄影展的详细信息。
设计上，把城市拟人化，更有亲和力；长图滑动的方式，展现具体内容；动画风格，观看时很轻松。
体验上，点击屏幕，滑动屏幕进行操作；拟人化的风格非常具有亲和力，不禁让人想继续看下去；不足是文字的描述太多，可以通过视频的方式，让文字与画面相结合，而不是单纯的文字配上图片那么生硬。

技术实现： script+jquery

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签