联想小S:够实力,哪里都是主场!
案例:够实力,哪里都是主场!
出品:联想
亮点:
- 策划上,品牌宣传类,主要分为三个维度,一:在用户按照提示“轻摇手机”后,覆盖在羽毛下的“小S”即沿着发力的弧度被“甩出来”,体现了联想小S 的薄;二:气球带动联想小S悬浮在空中,体现了其轻的特点;三:模仿“小S”屏幕的取景框,框住细节逼真的变形金刚,只有取景框里面的画面是清晰的,其余地方一片模糊,体现了其高清屏幕
- 设计上,采用黑色作为背景主色调,金色作为内容主色调,低调奢华
- 交互上,摇动手机使覆盖在羽毛下的“小S”即沿着发力的弧度被“甩出来”,采用是HTML5的重力感应,让气球飞起来采用的是连续点击气球的方式;三:模仿“小S”屏幕的取景框采用的是拖放形式进行取景
技术实现: jQuery
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号
收藏