美图秀秀:我和绘画机器人Andy作品展

2017-12-05 H5案例分享 H5案例分享
美图秀秀:我和绘画机器人Andy作品展


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

识别图中二维码

我和绘画机器人Andy作品展-查阅二维码

完整欣赏此案例大约需要1分钟


案例:我和绘画机器人Andy作品展

出品:美图秀秀

亮点:

  1. 策划上,人脸识别+图片处理。进入案例后,点击创建画廊按钮,会提示上传照片。上传一张正面、清晰的照片之后,系统会自动识别脸部,并合成很多张画作,放在画廊里。用户进入画廊后,通过360°转动手机,可以查看画廊。点击墙上的画作,可以放大查看画作,画之间也可以用左右按钮切换。除此之外,在画作中,还能留下评论哦。

点击画廊中的“Angelababy馆”可以进入另外一个画廊查看baby的画作。点击屏幕底部“邀请朋友参观”提示分享,点击“重建画廊”可以重新玩一次。

 

  1. 设计上,从刚进入案例,就觉得科技感十足。画廊本身以白色为主,突出了画作的色彩。音乐风格很轻松愉悦,与整体格调很搭配。

 

  1. 体验上,虽然最近有很多人脸识别的案例,但这支还是让小五眼前一亮。跟以往的案例不同,这支不光识别了脸部,还识别了身体部分,并将背景和整体色调,包括衣服的颜色等,做了替换处理,还处理成了多种不同的风格。每次上传不一样的照片,都会有惊喜感。案例还让脸王baby作为接待,吸引力给满分。除此之外,案例的品牌露出也没有太占地,没有给人造成反感的感觉。



技术实现: Zepto + Swiper + krpano.js



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

海尔:梦回丝路

水果侠主题世界:回到小时候

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~