VanTime每人每天仅限5票，快给你心仪的作品鼓励的一票。
投票
0.0°
给大家整理一些在3D全景上运用手法上有特色的H5的案例。
前段时间有好多打着VR旗号的H5作品问世，其实在我看来都是3D全景，最近也在想一些全景的可能形式，所以就给大家整理一些在3D全景上运用手法上有特色的H5的案例。不知道什么是3D全景的请自行google，不要让一个设计师告诉你什么是3D。
案例一：一只挖空心思的行李箱
简单有效的节日类营销H5。浓烈的剪纸风格带着强烈的提醒“春节来了，该买年货啦~”，在春节前三周推出，精准定位年下回家返乡、置办年货、购置礼物的天时。
有三个亮点：诗人般的“一只挖空心思的行李箱”命题，突显爆棚的文艺气息；穿越般的酷炫3D旋转特效，隐藏故事的线性引导；窗花般的喜庆剪纸风格，温暖的节日气息。整个故事讲述了从远方到家的各种记忆画面，天猫年货节让这些记忆焕然一新。
设计上，采用转轴旋转展现剪纸故事的方式，配合文案故事，让人穿越时空，对比小时候的美好和种种不好，通过天猫年货节为大家准备的年货，可以“让心意更有新意”。
Pc端上查看也有不一样的显示，提醒需要扫码才能观看。
长按/扫描下方二维码,体验“天猫购物节”让心意更有新意
案例二：2016腾讯互娱员工大会“虫洞号”列车已经到站，快上车！
腾讯内部年会配套H5，先看下配套海报
唔~对比名气如天大的互娱，海报略显粗糙啊。有点歪楼，海报主体是虫洞火车，而H5主线也是围绕虫洞火车展开的。
故事开始mark大大给你打了个电话，让你去寻找散落在太空中的太空舱，欣然接受任务后便可以体验太空全景了。亮点：故事线连贯，游戏形式简单容易，信号不清晰的模拟显得科技感十足，太空的氛围营造也很真实，极具观赏性。
设计上，以科技蓝为主，采用接任务的游戏方式介入，配合炫酷的特效：信号模拟、全景VR、视差滚动，打造出一种适宜的太空遨游感。通过寻找太空舱而搭上虫洞号的大家，让我们一起驶向未知的新世界。
Pc端竟然显示“竖屏体验更佳”，转电脑屏幕这事，反正我没干。
该H5有权限控制，就不提供二维码给各位体验了。
案例三：THE SAVE – 活口
16年优秀的解谜+密室类品牌宣传H5，但它的主要场景确实基于全景密室实现的。凭借超赞的悬疑剧情，高流畅度的视频切换，获得绝佳的代入感。无疑，它是我最喜欢的H5之一。
点击开始后，提示会产生1元费用，随后开始故事剧情。游戏场景中，带着收集线索，逃出密室为目的展开。故事实在太精彩，匹敌一般影视剧集，这里不做简述，大家自己体验。
设计上，暗调子为主，优秀的剧情和现实的场设成功塑造了一个代入感强、节奏紧张、情节惊悚、氛围压抑的密室游戏。收取1元有因为有剧情配合显得理所应当，交钱都交的这么应该，感觉H5制作商可以靠这个发家致富。
长按/扫描下方二维码
案例四：Peugeot Catch the Dragon
标志208产品宣传类H5。
怎么评价这个H5呢？首先它很大，非常耗性能，请多尝试几次。其次它非常吸引人，夺人眼球的大杀器，炫酷到爆的中国龙。龙分离成粒子，粒子又合成了车，所以标志208就是龙，看龙就是在看标志208，谁不想有龙一般的坐骑呢。再次这个沙盒是在H5里面见过最大的，龙飞近地面时环境的变化自然且震撼。以老外的尿性，为做这个H5绝对自己编了一套3D UI引擎。
设计上，中国红为主基调，运用3D简模和粒子渲染，成功打造了一场视觉盛宴。开场的首页展示，龙肆意的穿梭于logo之间，那种自由、游刃，无时无刻不在提现品牌的特性“跟随自己的心”。游戏开始后将屏幕中间的圆心对准龙的身体一段时间即可，结束后可以查看标志208各种信息，交互简单有效。
Pc端有完整视频，更加炫酷，但加载可能会有问题，多刷新尝试几次吧~。
长按/扫描下方二维码
案例五：QQ音乐-年度音乐秀
QQ音乐的年终品牌宣传H5。
设计上，运用3D简模和全景，按章节划分，基于用户数据显示个性内容。形式简单清晰，结构中规中矩，胜在干净。类似的形式在电商出现较多，工具类倒是初次看到。刚进入H5时需要登录或者授权，可能会造成部分用户流失。
偷懒直接截图，不用自己转二维码了！
案例六：最美“女警”遭劫持，“警方”束手无策
最后来个腐的，游戏+赞助商品牌宣传H5。
美女大胸遭捆绑，生死关头喝脉动。进入页面的时候是个模仿新浪微博的页面，点击后进入视频，游戏需要做出选择来解救“女警”。
设计上，由平面引出故事，故事展开游戏。视频切换和游戏衔接也挺好，整体氛围不错。全景视角指定在“女警”胸口前方的120度左右移动，主体突出，缩紧节奏。
长按/扫描下方二维码
以上仅仅是我列举的几个有代表性的H5，更多的案例标明，每个公司在3D和全景H5上的偏好各有不同：
阿里偏好故事的线性交互，从左到右，由远到近；
腾讯偏好静态全景，故事线和全景没有太大关系，3D只是展示的手段之一；
标志公司财大气粗，大片级别的特效，品牌属性内秀，不造作，不立牌坊；
Dopemine公司故事主导，处理严谨，uber品牌植入顺理成章，广告还不忘收钱；
生死狙击尿性十足，定位精准，噱头浓，利于网络传播。
立意
不管偏好如何，这些优秀的作品都有一个共同特点，就是立意清晰，动机明显：
《一只挖空心思的行李箱》说的是时代变迁，办年货也可以上天猫；
《“虫洞号”列车》跟随mark有未来；
《活口》一个平凡UBer司机的逆天自救；
《Catch the Dragon》自由翱翔般的驾车体验；
《年度音乐秀》2016年的音乐账单
《…女警…》玩游戏，救女神
关于传播度，我并没有详细的收集相关数据，但《活口》无疑是一只黑马，没有任何推广和媒介的情况下，完全自主传播，48小时内的数据是PV 是30W左右。为什么会有如此大的传播力度呢？简单对比同一类型的腾讯出品《神秘失踪案现场》，就不难看出什么端倪。
长按/扫描下方二维码体验《神秘失踪案现场》
《活口》有以下三个优势：精简、代入感、传播点
（网络截图）
精简
1、《神秘失踪案现场》是横屏操作，《活口》是竖屏，从竖屏到横屏是一个门槛；
2、《活口》只有一个场景，《神秘失踪案现场》有4个场景，单一的场景可以紧缩节奏，让用户注意力集中在主体上。
3、《活口》有12处左右可交互的物品，《神秘失踪案现场》有20多处左右的互动物品，反复利用现有物品，比增加无用品可玩度要大的多。
代入感
《活口》一开始会让玩家有很多疑惑点：
他是谁？
为什么被抓？
是谁抓了他？
怎么解开身上的捆绑？
···
一旦开始游戏玩家的疑惑会不断迭代更新，解决一个，又来了一个更大的疑惑，直到游戏通关，仍然有很多疑惑。一直被引导，跟随既定故事线想既定问题，这就是代入。当然游戏的第一人称真人视角也极大增加了玩家在第一时间的代入感。
《神秘失踪案现场》开始的疑惑点：
谁失踪了？
这个可以点吗？
这个能干什么？
···
开始后玩家的疑惑点好像长时间会在这些物品是否可以点击和是否有作用上徘徊。没有一个清晰主线的引导，很难让玩家按部就班的走到最后。
传播点
解谜类游戏有一个很大的成就特点，就是我通关了，那你能不能？不会呀~我教你呀~解锁一个80%人群都不能得到的成就远比一个80%人都拥有的成就有价值的多。
自传播点可能需要深度挖掘用户的心理本质，存在着一些巧合和契机，我们看看国际大公司对自传播几种方式方法吧~
1、天生的传播特性——是金子总会发光的。
2、协同效应传播——罗辑思维说过，未来是一个高度协同的社会。
3、沟通效应传播——你说好，我也好，大家好。
4、激励效应传播——转发这篇文章送金砖。
5、可植入性传播——Vantime出品必属精品。
6、签名式传播——你有一个顺丰快递需要签收。
7、社交化传播——你有100个好友都在摇一摇上找到了女朋友。
8、话题性传播——迅速提升微粒贷额度的方法123。
（以上详细文章见网络《病毒式传播的八种方式》https://36kr.com/p/72080.html）
自传播受到利益或者炫耀的影响，就容易产生裂变，一旦开始裂变，恭喜，一场席卷互联网的病毒式营销开启。
流畅
个人觉得有些H5为了在2-3秒内吸引用户停留，一味的最求炫酷，比如《吴亦凡即将入伍》《Peugeot Catch the Dragon》，需要高性能手机配置才能流畅跑，反正我iPhone6s手机重来没有打开过，而目前国内Android机市场占有率那么高，用户打不开，一切都是呵呵。
天时
一个立意明确，操作精简，有代入感，有传播点，并交互流畅的H5是不是就能成功获得大家欢迎呢？我屌丝不敢说，但世上总有些玄而又玄的东西会作怪。《活口》出现之前，国内几乎在解谜类H5上是一片空白，这为更多解谜类型提供了出路，同样《活口》也在解谜类型上标注了一个难以超越的阴影。
这些日子看到越来越多的H5都在走3D全景的路子，感谢这些优秀的团队那么努力，创作出了这些优秀的作品，为我提供参考。个人还是保守的认为一个好的H5作品，需要反复打磨，需要在体验上下足功夫。
最后，问一句，“无忌啊~这太极剑法你还记得多少？”
2017-01-13
全部评论：0条
更多作品
发表评论