ASICS亚瑟士:ASICS 跑个究境

2017-07-07 H5案例分享 H5案例分享
ASICS亚瑟士:ASICS 跑个究境

案例:ASICS 跑个究境

出品:ASICS亚瑟士

亮点:

  1. 策划上,图文展示类案例。案例加载完成后进入首页,首页展示跑个究境主题以及第一个跑法任务,通过滑动观看每一周不同的任务解锁新的跑法,自己拍照上传,也可查看别人上传的照片,当完成4项任务,有机会赢得跑鞋哦~

     

  2. 设计上,画面将实拍背景、人物、线条、文案相结合,给颜色丰富比较突出的背景加上黑色蒙层,突出前景人物和文案,文案和线条根据人物动作设计相应的样式,配上相应的动效,满满的设计感!

     

  3. 体验上,整个案例交互方式多以滑动为主,略显单一,可增加其他的交互方式。



技术实现: jQuery


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

识别图中二维码

ASICS 跑个究境-查阅二维码




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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

NIKE 耐克:NIKE突破速度挑战赛

Adidas阿迪达斯:套路者,哈登朋友圈曝光

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~