一想到这支震动技术行业的3DH5被用户嫌弃，我就高兴不起来！
期待已久的H5神作终于上线了！
太棒了，赶紧体验一下！
微物语—H5史上第一部3D动画短片
当小呆兴奋不已的看完作品后，脑袋居然卡壳了，这...究竟？是？什么套路？？
算了…要么，先和其他同学交流下
程序员表态: 哇！太牛逼了！谁做的，拜大神！
设计师表态: 满脑袋困惑，木感觉，它要讲什么？
小白用户表态：太长了，没忍住，我给关了！
为什么同一支作品，会有差距极大的不同认知？
程序阵营观点：
作为天天与代码打交道的程序员，他们看到网页时的感受与常人完全相反，就像是设计师看到合成海报，一眼就能识别出画面是怎么修出来的一样。而程序员看到网页时，脑壳里的直接反射就是各种算法和命令，有点像是《黑客帝国》里的NEO看矩阵世界，能够看透世界的内部构造，跟开了上帝模式一样。
而就这支作品来说，它可以说刷新了所有常规H5的技术门槛，你在商业案例中几乎很难见到如此高水准的东西。这不是忽悠你！你看到的场景、人数、动画都是利用代码实现的，他们不是视频、不是动画、也不是什么加长GIF…
但为何大多数人就感觉不出来？这不是挺正常的事情么？
对于常规的APP和PC端游戏，这个水准的3D确实不稀奇，但你应该意识到一个微小的细节，那些APP和电脑游戏是需要安装和更新的，针对不同的设备和系统还需要补丁和插件才能体验，而这支作品不管你用什么样子的手机，不管用什么设备，都可以直接去体验。
本质上说，这组带交互的3D动画实际是一组网页，你看到的一切视觉呈现都是通过HTML5、wedGL等,非原生的网页规范和代码语言制作出来的，这也就意味着整个动画是通过浏览器画出来的！它用了那些画按钮、色块的网页语言最后画出了这么个东西，你会不会觉得很不可思议？
小呆通过开发者工具的检验，发现整个H5总共配置了不下120套贴图，15支声效，和大量的wedGL编辑命令，可以说在制作上花费了相当大的精力，投入了非常多的心血！难怪，看到这支H5的数程序员都在~ 哇！哇！哇！
通过开发者工具获得的套路总列表
设计师阵营观点：
大多数设计师的反应比较集中，他们认可这支H5的画面和视听体验，作品的人物设计、声画同步也都做的细致。但他们会疑惑，这支H5在表达什么情感？有什么主题？一个宇航员在一颗星球上遇到小生物，然后因同情而带他离开，然后突然就从饮料里蹦出来了，然后就没有然后了，然后这是什么鬼么？
我们知道，故事讲究 “起承转合” 的叙述结构，而 “矛盾” 是构成情节的基础，只有冲突才能让人的情感波动，我们就拿去年的一支H5来举例：
在寻龙诀《活蒸大粽子》这支H5里面，设计者把粽子和僵尸的形象做了结合，这样的设计有着非常强烈的情感冲突，因为这是两个毫不相干的事物，给人带来的也是全新的体验，而这种感受物化在心理层面就是我们常说的——新鲜和有趣。
如果说情节和题材上我们没有精力去打磨，那么还可以在交互上做出“冲突”。 朋友圈里的那些H5小游戏就是非常好的例子，用户在对具体内容操控时，也是他们精力最集中的时候。
可这支宇宙题材的H5，故事层面就显的太过于平淡了，全篇没有具体的剧情冲突，仅有的3处交互也与角色无关联。参与感没有真正形成，不知道整支作品究竟想表达什么意图，想要构成什么冲突？
用户阵营观点：
实际，大部分用户看都没有看完。
就在去年，《梦幻H5》创造了一个留存奇迹，一支长达3分半钟的H5网站达到了非常好的留存率，但它依靠的是快速的动画节奏和非常有戏剧冲突的歌词，而这支宇宙题材的作品长度达到了5分钟，并且节奏缓慢、情节平缓、这对于普通用户来说简直是一种体验灾难！
设计师还会因精致的画面多看一会，但普通用户会认为这就是一支3D视频而已，在H5形式与各种小花招大行其道的今天，这类作品的跳出率将会高的惊人，对于普通用户来说，他们对这样的套路可以说完全无感。
通过3个阵营的分析你会发现一些有趣的现象，一支在移动网页技术层面非常具有学习价值的作品居然最不适合在互联网传播。而原因在于，开发者利用了移动端的新锐技术，却做了PC端的常规事物。
单单从制作一支原创3D动画来说，这是挺有质量的作品，但一旦你考虑到移动端的种种特征，这支非常耗费精力的案例却吃了用户不买账的哑巴亏，甚至都没有被大多数人看完，从这支案例，我们得到了以下这几个点反思：
1. 移动端叙事类的H5网站，需要一个张弛有度的节奏，有快与慢的对比，这样才会让大多数人更愿意继续往下看，就像是好莱坞电影，所有好莱坞的电影在开始的第10分钟，都会有一个小高潮来拉近你的关注，这就是隐藏在电影背后的节奏套路。
2. 移动端的H5网站不管目的是不是营销，他都不适合制作的太长，手机最重要的功能是人与人的沟通，用户在任何一支网页内停留超过2分钟时，就会产生逃离冲动，因为他们想看看有没有新的信息和更新。
3. 移动端的H5网站需要合适的交互，对于这支全3D的H5网站来说，小呆真觉得太可惜了，因为大多数用户都忽略了它最大的优势，明明利用到了强大的webgl和骨骼动画技术，但在表现上就像是一支视频，如果能加入相应的交互，那种让人新鲜兴奋的体验立即就来了！
4. 移动端的H5网站需要合适的题材，就从内容定位上来看，整个故事充满了含蓄和遥远的距离感，它基本上讲述的是一个我们在生活中很难找到共鸣和出处的故事。
H5部分分镜头脚本
借助这支H5，希望能给更多的开发者一些有价值的启发，小呆真觉得这是一支非常好的作品。但可惜的是，一个5分钟的动画故事很难让大多数人看到团队在制作过程中付出的汗水和努力。不过好在，H5作品的幕后团队还是被技术阵营的同志们给发现了，而且这支作品在技术领域获得不少的转发和认可，在眼下大多数人都还在盲目搬运和马虎做事的背景下。我们还能看到这样的案例，确实应该值得肯定，而对于我们大多数的普通用户来说，更需要通过小站的分析，让更多的人看到这些用心做事的团队，这些还在坚持原创的人。
谢谢大家，本期小站的分享也就到这里了！
进入资讯站社群，听H5分享
- 加微信：kuzhanh5 -