华为:荣耀7 世界有点不同

2016-06-17 H5案例分享 H5案例分享
华为:荣耀7 世界有点不同

案例:荣耀7 世界有点不同

出品:华为

亮点:

  1. 策划上,图文展示类,①首屏代言人陈坤+华为荣耀7的图景,主要是利用明星效应,吸人眼球;②采用华为荣耀7各种角度的图片配以相应文字解析说明,展现了华为荣耀7开启移动互联网新生活,以及荣耀7的全金属机身、指纹识别、双卡全网通等特点;③通过多个小交互点,来增加整支H5的趣味性和与用户的互动性

  2. 设计上,采用荣耀金作为主色调,与华为荣耀7全金属机身颜色相应;白色的背景,使人感觉比较舒服,也能更好地将主要元素凸显出来

  3. 交互上,小编偷偷告诉你哦,H5中提示“对着麦克风说打车回家”和“对着麦克风吹气”的时候,你不用真的这样做,只需要等一会儿,它就自动切换页面了哦

  4. 技术上,动画主要采用TweenMax(动画框架),预加载采用是PxLoader(预加载库),摇一摇采用的是html5的重力感应



技术实现: jQuery + TweenMax(动画框架) + PxLoader(预加载库)


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

识别图中二维码

荣耀7 世界有点不同-查阅二维码




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

标签

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

相关推荐:

华为:朋友圈

华为:真芯不怕

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~