随着互联网技术的不断发展，市场上涌现出了越来越多的3D类的H5案例，特别是3D线上展览会H5，已经成为了各类展览会举办的首要选择。今天，北京H5开发小编分享的就是Lofter联合新加坡旅游局出品的3D线上展览会H5，并且附带有截图哦。

一、活动背景

这是Lofter联合新加坡旅游局出品3D线上展览会H5，旨在宣传「狮城元计划」重构新加坡绘画大赛，本创意H5以“欢迎来到T203X新加坡「狮城元计划」创想作品展”为主题，用多个3D星球展现大赛作品的创想，吸引更多的用户来关注和参赛。

二、内容策划

整个3D线上展览会H5分为4个流程：主题页面 → 星球空间 → 星球简介 → 作品列表。

主题页面：露出品牌——LOFTER × 新加坡 心想狮城，露出主题——欢迎来到T203X新加坡「狮城元计划」创想作品展，快乐和想象在这里连接、变奏，无数个Dream place 被自由重构，现在，一同用心去感受，还有官方限量数字藏品，等你邂逅。

星球空间：在可交互的三维空间中，有三个星球：共生未来星球、秘旅奇遇星球、幻境之灵星球，通过滑动屏幕，可以循环旋转三个星球位置。点击任意一个星球，进入星球简介页面。点击“领取官方数字藏品”按钮，可以进入数字藏品介绍页面。

星球简介：对被点击的星球的简介，包含星球名称，包含作品和作品详情。其中，包含的作品，可以通过点击“1F-5F”来进行切换，也可以上下滑动屏幕切换作品。点击页面底部“作品详情”按钮，进入作品列表页。点击“返回”可以回到“3D星球空间”页。

作品列表：作品列表每次只展示一张绘画作品，每张作品底部有创作者姓名以及所处楼层，创作理念和推荐文案。点击左右按钮，可以单张轮播作品列表中的作品。点击“返回”按钮，可以回到“星球简介”页面。

三、设计交互

整个h5案例采用的是未来蓝、科技感为主调，并且配上星球、飞船、飞艇、空间颗粒等动态元素，成功营造出203X年后的穿越感。而交互上，以滑动、点击为主，非常的简单！

四、用户体验

作为3D线上展览会来说，这个H5案例显然是合格的，给人一种高大上的炫酷感；但是在城市宣传这一块，相关的内容比较少了，或许品牌方目前更注重的是「狮城元计划」艺术展，并非城市的宣传。

五、案例截图