优酷：百心百匠_H5案例分享

优酷：百心百匠

2017-11-22 H5案例分享 H5案例分享

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

识别图中二维码

百心百匠-查阅二维码

完整欣赏此案例大约需要1分30秒

案例：百心百匠

出品：优酷

亮点：

策划上，宣传优酷推出的《百心百匠》综艺节目H5。采用横向滑动屏幕，查看每集讲的传统工艺，共11个工艺。已经播出的节目，当前屏幕下方，有优酷的视频播放按钮；没有播出的节目，显示即将发布。这支H5，最后一屏，为参加每一集匠心明星头像列表。
设计上，匠人最灵巧的是手，通过手展现画面，背景采用深色调，突出前景手的造型。

技术实现： jQuery + Swiper

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