快看！这支双十一H5的视觉，真的超级赞！
今天推荐的H5依旧与双11有关，
但此次项目风格，与之前推荐案例反差较大
究竟哪里不同？我们先看正片！
下图为网站链接：
很多人，喜欢H5的美术，但讲不出缘由，很多人又觉得内容古怪，却又说不清门道。与小站最近分享的双11案例相比，这支H5算是特别的了，甚至有用户甚至觉得自己串错场了，摸不着头脑的反问：“这是双11的促销网站么？红包？金币？折扣在哪里？？？”
那本期，就让小站和大家聊聊这支H5，咱们先从画面讲起：
你觉得很赞的画面，真看懂了么？
画面是H5最吸引人的亮点，不管你懂不懂设计，这个感觉绝对错不了！为响应万圣节和双11狂欢节这两大主题，H5的调性被定为了蓝色调，刚打开页面，你就会看到蓝闪闪的小天猫，而互动的场景被安排在了分为5层的拉门电梯，和你互动的是10个古怪的大叔。
从蓝天猫、复古电梯和角色来看，这个万圣节的氛围是非常到位的，虽然矢量插画线条简单、粗放，但不管是场景的气氛渲染，还是人物的生动刻画，插画在表现力上，可以说是栩栩如生。
不知道你是否注意到，这10位大叔的身上都还印着男装LOGO，而他们才是这次真正的主角：
H5内的10个男装品牌
同时，为让参加地下party的怪叔叔们更像是在万圣节狂欢，他们还都化妆成了人类历史上不得了的大人物，具体都有谁？你看看下图就一目了然了：
实际上，H5有三个主需求，他们分别是：万圣节气氛、双11预热和10个男装品牌的展现，想要同时满足这3点，还是相当有难度的。
所以说， H5最终的形式设计还是非常花心思的，插画上也做了不少巧妙的设计，只不过不是所有用户都认识这10个超级大IP，如果能适当标注姓名，效果一定会加分。而这些有趣的内容设计，你是不是看出来了？
理解了画面，和你聊聊H5的音效
结合插画和音效，我们得到了一个流行风格，它就是funky，它是一种依赖节奏体现跳越的音乐，H5的主场音效就是这个味，在这个领域，比较有代表性的歌手就是迈克尔·杰克逊，例如他的专辑《Thriller》，国内也有支funky神曲，它就是86版西游记开场原声《云宫音讯》，真的是百听不厌的funky神曲呀！
H5有两段音效，除了主画面互动部分，电梯的背景音效则是古典乐，采用的是提琴的拨奏弹法，这也是创造跳跃、轻盈、顽皮感受的关键点了，类似音效经常会出现在电影《哈利波特》的场景里，而H5场景也确实和电影部分场景非常相似。为营造万圣节黑暗、神秘、搞怪的气氛，音效设计还是相当考究的。
《哈利波特》插画场景
音效小呆就不展开讲了，这里只是想让你知道，H5的音效和画面搭配思路非常清晰，包括服装、气氛和人物，都是花了心思的，并不是随便找了一段声效加上的。
最后，我们再来聊聊H5的节奏
这可以说是作品最有争议的内容点了，很多用户都觉得促销都是热热闹闹、花里胡哨的事情！你整了个磨磨叽叽、慢慢吞吞、似懂非懂的东西，这是要干嘛呀？老子的优惠券、金币、红包都藏哪里了？？？
小呆觉得，可从两个维度思考，也许会有新的思路：
1.关于节奏感，我就拿夜店的运营来举例吧，通常8-9点刚开门的夜店，会放抒情、文艺的慢歌，10-11点，歌就会转为流行，强度和节奏也会逐步加大，到了12时，主场DJ登场，整个party气氛达到高潮，音乐也会转为节奏快、鼓点重的电音舞曲。这整个过程，是一个线性递增的趋势。
而对天猫这种超级狂欢节来说，道理是一样的，11月01日的万圣节，显然还在狂欢节的铺垫阶段，为什么一定要做的那么闹腾呐？就像是你去K歌，老司机都是从慢歌开始唱起，最后才会放大招，这样听的人不会疲惫，唱的人也不会太累。
2.这支H5更像是一支品牌宣传网站，而非促销网站，它虽然有双11的标签，但你能从上文的解读中感受到，设计者更想做的是为品牌形象加分，而不是想办法拉低品牌身价去直接卖货，思路似乎完全是反的？稍我们微想想就能明白，狂欢节10天后才真正开始，我现在就吆喝着要贱卖了、要跳楼了，这样难道不是在消磨用户的积极性么？尤其对于双11这种战线超长的大party。
当我们站在更大的维度上去看作品时，也许那些看上去不合理的东西，实际却是最合理的。因为我们缺乏全局意识，从而总会陷入局部当中。
当然，对于一支H5来说，评价的高或低，取决的永远是我们自己的判断和感受。
而小呆希望能通过小站的解读，让你看到更多隐性的价值，这也是我们撰写这篇文章的目的，让更多人看到作品背后的价值。而不是刷屏了就一定有价值，流量低就一定没价值，有些内容确实需要更多解读的分析。
当你点击“原文链接”时，你将会再次回到神秘的地下party，我们今天的分享就到这里了，希望你有所收获，希望你喜欢今天的这支万圣节H5，好了～咱们下期见了！
进入资讯站社群，看H5分享
- 加微信：zixunzhanxiaomi -
微博: @H5资讯站 QQ群: 465521360 微信: zixunzhanxiaomi
点击原文链接，再次观看H5正片