QQ浏览器 + 电影《影》：脱影而出，回归本我

2018-10-04 H5案例分享 H5案例分享

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

识别图中二维码

脱影而出，回归本我-查阅二维码

完整欣赏此案例大约需要55秒

案例：脱影而出，回归本我

出品：QQ浏览器 + 电影《影》

亮点：

策划上，以张艺谋最新作品电影《影》中“本我与替身”的故事内核，与普通人的生活相结合，表达每个人在日常中都是自己的影子。结构上从电影角色的自述，过渡到影子与每一个“你”的对话。最后通过陀螺仪以全景式的交互完成用户的“自我检测”，6种角色人物选择，输出个性化的“影子”结果。
设计上，黑白色颗粒度插画形式，辅助色为深蓝色。
体验上，开始视频部分，提供跳过视频功能；生成海报部分，也提供不输入昵称，快速生成海报。这样很不错的体验，方便用户快速看到最后一屏。

技术实现： video + 重力感应

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

标签