给父母长脸

2016-03-09 H5案例分享 H5案例分享
给父母长脸

案例:给父母长脸

出品:沃尔玛

亮点:

  1. 策划上,游戏类,通过点击“给爸长脸”“給妈长脸”分别进入带有爸妈形象的卡通页面。随着滑动页面的长度变长,卡通人物脸的长度也变长,在有限时间内,看谁的爸妈卡通画像的脸最长。然后出现全国比拼的结果显示,通过点击长脸攻略进入产品宣传。

  2. 设计上, 色彩比较喜庆,以红色为主色调,以浅蓝色和黄色为辅,整体以暖色调为主,给人明亮舒适的感觉,视觉设计上采用简洁的扁平风插画,加入金色调的文理凸显节日的喜庆,文字部分的轻动画渲染出热闹活泼的氛围。

  3. 交互上, 采用点击进入进入不同页面,游戏中通过滑动手机屏幕来增长卡通人物的脸。



技术实现: Javascript


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

识别图中二维码

给父母长脸-查阅二维码


给父母长脸

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

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~