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

2016-06-17 H5案例分享 H5案例分享

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

出品：华为

亮点：

策划上，图文展示类，①首屏代言人陈坤+华为荣耀7的图景，主要是利用明星效应，吸人眼球；②采用华为荣耀7各种角度的图片配以相应文字解析说明，展现了华为荣耀7开启移动互联网新生活，以及荣耀7的全金属机身、指纹识别、双卡全网通等特点；③通过多个小交互点，来增加整支H5的趣味性和与用户的互动性
设计上，采用荣耀金作为主色调，与华为荣耀7全金属机身颜色相应；白色的背景，使人感觉比较舒服，也能更好地将主要元素凸显出来
交互上，小编偷偷告诉你哦，H5中提示“对着麦克风说打车回家”和“对着麦克风吹气”的时候，你不用真的这样做，只需要等一会儿，它就自动切换页面了哦
技术上，动画主要采用TweenMax(动画框架)，预加载采用是PxLoader(预加载库)，摇一摇采用的是html5的重力感应

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

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

识别图中二维码

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

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

标签