95后创作团队HOTSAR揭秘 OPPO《我的照片博物馆》的创作过程

爱SHOW爱自拍的你，有没有想过你的头像能像名画一样被收藏在博物馆中？

不要以为只有名画或者经典历史照片才有资格放在博物馆中收藏，每个人都是自己人生历史里面的一号主角，在他们看来，那些跟自己无关的历史照片才无足轻重。

那么，如果真的有一个私人照片博物馆那会是什么样？

#OPPO photo museum  – 2017
我的照片博物馆（已下线）

web端入口

手机端入口

项目简介

「 私人照片博物馆 」

为了让大家都能体验到个人博物馆，HOTSAR受OPPO邀请，制作了这支H5——《我的照片博物馆》。 （活动已下线）

活动中，我们通过微信，微博等线上端口发布H5，引导用户上传自拍并根据用户的照片识别，为他生成个人博物馆。用户可以全景观看博物馆内部后分享自己的博物馆。最终OPPO在12W留下信息的用户抽取中30名O粉，到发布会现场见证R11s。

下面，为大家来揭开《我的照片博物馆》的制作始末。

活动时间：2017.10.23 – 2017.10.27

什么是“我的照片博物馆”，顾名思义顾名思义，你可以理解为这是一个个人的博物馆，这里只有你是主角。

H5 的主体分为两大块：一是照片博物馆，会根据用户照片生成对应的博物馆环境，一共有三个不同的场景，并且每个场景是可以左右滑动“广视角观看”。二是每个场景会有关灯效果，用户关灯后可以看到场景的暗夜鬼畜效果。

Museum data collection  | 博物馆资料收集 |

Classical museum, trend museum, modern museum / pinterest / 2017

我们根据用户照片信息，鉴定用户属于哪个博物馆，并生成画框和博物馆场景。在这一个命题下，我们要确保每个场景都有独立的特质以及明显的视觉元素，并且有明显的颜色倾向，才能匹配好博物馆场景。

最终我们归纳出三个博物馆场景，分别是古典博物馆，科技博物馆，现代博物馆。

视觉设定 | Visual script

「 空间，手稿，建模，成像 」

Classical museum / pinterest / 2017

在空间布局上，我们需要确保三个博物馆场景的关联度，所以三个场景在格局上保持一致性，靠内部的装饰，颜色，贴图去区分。并考虑到用户左右滑动的可视角度在70°，左右需要设定两面墙作为信息呈现的载体，不同博物馆的视觉元素可以在墙面上呈现。同时预留两个门，避免单一空间带给用户的闭塞感。

博物馆视觉稿

三维建模稿

三维成稿

手机端

交互流程

「 私人照片博物馆 」

在页面Loading完之后会进入起始页面（博物馆的大门），用户可以先查看活动规则或者直接跳过并靠近博物馆。

Page下方会提示用户上传照片和填写个人信息并引导信息规范，所有信息填写完整后就可以进入我的博物馆。

浏览我的博物馆之后会出现关灯提示，进入黑夜效果（鬼畜效果），点击离开博物馆之后会看到个人博物馆认证。

项目：PHOTO MUSEUM | OPPO  照片博物馆 |
Exhibition Duration  /  Sep10 ～ Oct23, 2017
Agency / Hotsar 或卅