招商银行给名画上色小游戏H5:测一测谁是色彩大师

举报 2019-07

招商银行给名画上色小游戏H5:测一测谁是色彩大师

扫描二维码,测一测谁是色彩大师!
(数英App用户需点击放大二维码后,长按识别)
招商银行给名画上色小游戏h5:测一测谁是色彩大师

招商银行给名画上色小游戏H5:测一测谁是色彩大师
招商银行给名画上色小游戏H5:测一测谁是色彩大师
招商银行给名画上色小游戏H5:测一测谁是色彩大师
招商银行给名画上色小游戏H5:测一测谁是色彩大师
招商银行给名画上色小游戏H5:测一测谁是色彩大师
招商银行给名画上色小游戏H5:测一测谁是色彩大师

扫描二维码,立即体验!
1565080104159342.jpg

案例:测一测谁是色彩大师

品牌:招商银行

技术实现:JavaScript


亮点:

创意定位

招商银行银联卡制作给名画上色小游戏H5。


策划逻辑

整体分为三部分:

1、加载:深紫色背景,亮色的卡通的银联卡标志在画面中央,下方是加载数据。加载完成后自动进入一段动画——一夜之间很多名画都失去了它们的色彩,群众都很惊恐,主持人和采访记者均为名画里的人物,所以现在全球寻找“色彩大师”拯救艺术瑰宝。点击“前往拯救”进入游戏。

2、上色:左右滑动选择喜欢的名画,点击“给TA上色”进入一段“战场清扫中”的Loading,最右边的上色栏里有八个颜色。可收缩,还有“随机上色”选项。点击颜色再点击画面,会自动上色。上好色后点击“完成涂色”。

3、落地页:由刚刚绘制的名画生成一张银联卡,右边会分析出各种画派和注解,点击“长按保存分享”分享给好友,点击“评估价值”进入银联官网。


设计上

八个颜色的搭配选色已经经过了筛选,不官怎么上色都很舒服,自动调整饱和度。


体验上

新奇的上色方式,还有动画前情。左上角可关闭音乐。

招商银行
 

参与评论

文明发言,无意义评论将很快被删除,异常行为可能被禁言
DIGITALING
登录后参与评论

参与评论

文明发言,无意义评论将很快被删除,异常行为可能被禁言
800

推荐评论

全部评论(1条)