联想小S:够实力,哪里都是主场!

2016-03-24 H5案例分享 H5案例分享
联想小S:够实力,哪里都是主场!

案例:够实力,哪里都是主场!

出品:联想

亮点:

  1. 策划上,品牌宣传类,主要分为三个维度,一:在用户按照提示“轻摇手机”后,覆盖在羽毛下的“小S”即沿着发力的弧度被“甩出来”,体现了联想小S 的薄;二:气球带动联想小S悬浮在空中,体现了其轻的特点;三:模仿“小S”屏幕的取景框,框住细节逼真的变形金刚,只有取景框里面的画面是清晰的,其余地方一片模糊,体现了其高清屏幕
  2. 设计上,采用黑色作为背景主色调,金色作为内容主色调,低调奢华
  3. 交互上,摇动手机使覆盖在羽毛下的“小S”即沿着发力的弧度被“甩出来”,采用是HTML5的重力感应,让气球飞起来采用的是连续点击气球的方式;三:模仿“小S”屏幕的取景框采用的是拖放形式进行取景



技术实现: jQuery


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

识别图中二维码

够实力,哪里都是主场!-查阅二维码


够实力,哪里都是主场!

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

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~