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

案例:荣耀7 世界有点不同
出品:华为
亮点:
-
策划上,图文展示类,①首屏代言人陈坤+华为荣耀7的图景,主要是利用明星效应,吸人眼球;②采用华为荣耀7各种角度的图片配以相应文字解析说明,展现了华为荣耀7开启移动互联网新生活,以及荣耀7的全金属机身、指纹识别、双卡全网通等特点;③通过多个小交互点,来增加整支H5的趣味性和与用户的互动性
-
设计上,采用荣耀金作为主色调,与华为荣耀7全金属机身颜色相应;白色的背景,使人感觉比较舒服,也能更好地将主要元素凸显出来
-
交互上,小编偷偷告诉你哦,H5中提示“对着麦克风说打车回家”和“对着麦克风吹气”的时候,你不用真的这样做,只需要等一会儿,它就自动切换页面了哦
-
技术上,动画主要采用TweenMax(动画框架),预加载采用是PxLoader(预加载库),摇一摇采用的是html5的重力感应
技术实现: jQuery + TweenMax(动画框架) + PxLoader(预加载库)
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

微信扫一扫
关注该公众号