努比亚：用双眸探究世界，看见更美

2017-08-05 H5案例分享 H5案例分享

案例：用双眸探究世界，看见更美

出品：努比亚

亮点：

策划上，这款h5是努比亚公司为新品发布会所打造的一款宣传h5。在这款h5中，以“双眸探究世界，看见更美”为主题，叙述了“高贵之美”、“专属之美”、“清新之美”、“理想之美”、“艺术之美” 四美，将四美分别阐述，再用图片、动画和文字去描述其美，这样便组合成了这一款h5。将“四美”赋予努比亚手机，让更多用户去感受她的魅力。
设计上，这款h5是由长图和动画组合成的h5，这款h5的背景以浅白色为主要背景，白色是纯洁、美的化身，以浅白色为背景，更能衬托这款h5的主题：“用双眸探究世界，看见更美” 。在这款h5中，其背景音乐选用的歌曲也很富有感染力，但考虑到有些用户可能不会去听，所以添加了一个可以关闭音乐的按钮，可以让用户选择是否关闭音乐效果，这是一个很好的亮点，可以给用户带来很好的用户体验。图片和动画的相结合也为这款h5添加了艺术的气息。
技术上，这支H5主要是 jquery+transform。

技术实现： jquery+transform

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

识别图中二维码

用双眸探究世界，看见更美-查阅二维码

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

标签