新华社客户端 + 腾讯微视：我的五一“云游照”

2020-05-03 H5案例分享 H5案例分享

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

识别图中二维码

我的五一“云游照”-查阅二维码

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

案例：我的五一“云游照”

品牌：新华社客户端 + 腾讯微视

技术实现： EaselJS + Swiper + jQuery

亮点：

1、创意定位

新华社客户端和腾讯微视在五一期间推出的“云游照”H5，什么叫云游照？就是人宅在家，也可以游遍大美中国。

2、策划上

① 首页屏幕下方有个小问号，显示“你是？”，需要选择性别；选择男生，一个男生从门里走出；选择女生，一个女生从门里走出；点击下方的“秀出美颜”按钮；

② 上传一张正面照片，显示“识别中”，识别用户是否上传的照片是否符合要求；识别后，可以删除重新上传，也可以点击下方的“立刻出发”按钮，进行合成照片；

③ 无论男生，还是女生，是12个中国的美景，例如：武汉大学、西藏布达拉宫、桂林山水、海南岛等；选择好背景后，点击“按下快门”按钮，显示照片冲洗中，大约1秒后；

④ 生成刚选择的景色与人脸融合的人物合影，合影中带有地名和时间（年月日），用户可以长按保存；也可以点击左上角重新选择美景。

3、设计上

手绘卡通暖色调，配色上整体是初夏的感觉，很温暖。

4、体验上

在美景选择界面，用户切换美景的滑动，像大转盘，可以预先知道上一个和下一个美景；美景切换时又有随机出现，让用户感觉超过12个美景。

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

标签