《明日之子》第二季来了丨这支H5的视觉是真的超赞！

[好文分享：www.11jj.com]

就在最近收集案例时，小站发现了这支音乐类H5，不骗人的说，我看了第一眼，就被内容给吸引了

H5网站链接：

你手机观看要是不给力，这里还有小视频：

点击播放视频

看完这支H5，我的第一感觉就是，哇！这视觉风格简直太赞了！体验感就像是“魔幻电音”的场景氛围，表现力强烈，一下子就能给人不一样的感觉！但与此同时，很多用户在体验后，可能会有疑问，这张专辑是怎么生成的？而且这张生成的个人专辑真的可以代表我么？

简单来说，H5的体验分为了5部分：1.异想大门、2.选择头像、3.互动问答、4.专辑签名、5.专辑页合成。

1.异想大门

“异想大门”这个开场部分，给我的印象最深：打开H5，你就会看到，满屏的黑暗突然被一道红线迅速撕裂成一扇巨大的红门，门前小人的黑影在红光下时隐时现。这感觉就好像是，你将要走进一个红色的未知领地，这个世界，特别像是人的内心，而这样的开场动画，充满了一种特别的神秘感！

2.选择头像

2.选择头像：在这个环节，H5为你提供了8个角色选择，他们的人设如下图：

H5的相关内容角色

这里，你可以选择自己喜欢的样貌特征，但为了让体验有更高拟真度，在样貌选择的同时，还加入了音乐风格的判定，这样的设计，可以在确定角色选择时，确定用户的音乐喜好风格。

H5的角色选择

然后，生成出更适合用户个人的配乐，在多次尝试后，小站发现，H5内置的音乐有上百支之多，这个数量，还是比较大的！细心的话，你又会发现，主要的音乐风格围绕电子、爵士和摇滚这3大类。

H5的风格判定图

3.互动答题

选择完角色，没想到又遇到了一组测试，这组测试共5道，内容和H5之前的气氛非常契合，题目都是内心世界类的开放性问题，经常玩测试的朋友，肯定对这类测试不会陌生。

整个测试过程就像攒拼图，完成一道题，就会获得一个图标，这些图标设计的都非常精致，小站把他们都收集齐了，如下图：

H5相关的所有问题答案图标

但问答题的作用可不仅仅是送图标，最后生成专辑封面上的文案内容，就是通过这个环节被最终判定出来的，只有细心的用户才会察觉到这个设置。这也使得，所有人的专辑文字描述都会不一样，这让内容够有说服力，也更加有个性！

4.专辑签名

这个环节算是这支H5互动体验中，最有意思的一个了，我居然真的可以在H5里来一个花式签名，而且在你用手签名的同时，专辑会随之完成最后音乐的合成，签名的过程是会直接影响到你合成音乐结果的，但在这里，如果你没玩够的话，可以多次进行签名，你也会发现，每次生成的音乐也是不一样的。

而且在屏幕签名时，还会产生画面元素和音乐的互动，非常非常的带感！这个部分也是这支H5最好玩的部分了。

5.专辑页合成

完成上述4互动后，咱们的专辑就合成出来了，这张专辑包括了，用户的名字、文案描述、定制海报、个人音乐这些内容，展现自己个性的东西真的比之前类似H5要多的多，尤其是H5的视觉设计，真是帅爆了！

操作步骤与用意：

1.进入红门（获得了用户的姓名）

2.选择头像（获得了用户的形象）

3.互动问答（获得了用户的特征标签，决定了专辑的描述文案）

4.专辑签名（为用户生成了对应的音乐）

5.专辑页合成（为用户完成了专辑的最后合成）

从上述这段总结，你应该能了解整个互动的机制了，你在H5中的所有操作和每一个点击，都决定了最后这张个人专辑的样子。

但也许，是因为在技术和展示上有一些考究，所以，我们的签名内容，没有被最后合成到个人专辑的封面当中，这一点有点遗憾，必定签名是最能体现个性的内容部分了，但是，它并未被保留。

最后，说到H5的内容设计，与其说咱们是在通过H5制作个人专辑，倒不如说，音乐专辑制作只是外在形式，H5实际上是想通过这种方式，来创造一种寻找自我个性的体验过程。

通过制作专辑的互动，让参与者，更多的去展示自己的个性，展示你的自我，也让别人看到自己的不同和不平凡。

再结合H5炫目的视觉风格，你会发现，这正好和《明日之子》的内容调性非常的切合，《明日之子》是一个为年轻人制作的综艺选秀节目，它强调的就是更多元化的价值观和年轻人的个性展现，正如今年的节目主题：“带领、冲撞、正流行。”

文章最后，点击原文链接，你还可以再次体验这支风格明显，视觉炫酷的测试类音乐H5，下面这张专辑就是我生成的海报，你也可以试试看，来生成自己的专属海报。

内容最后，还想留一个问题，这也确实是我不太清楚的，谁知道明日之子的节目logo有什么设计上的特殊含义么？欢迎你帮我留言疑惑！

关注H5广告资讯站，获得最新H5广告资讯和分析，希望你喜欢我们今天的分享，我们坚持分享优质的项目案例给你，欢迎你的留言互动，我是小呆～我们下期见了！

你可能还会感兴趣

网易考拉换新logo了，这套设计一看就特别贵

阿里的AI智能文案，刚刚通过了图灵测试

才知道《我是梅西，我现在慌的一比》出自这条广告

世界杯光阴故事 | 一支能让你燃爆了的H5！

从没想过，粽子的广告可以拍成这个样了！

今年高考，这套海报最值得分享

抖音《第一届文化戏精大会》，这才是真正骚操作

知乎的《我的平行世界》，真的刷到我的心里了

.

进入资讯站社群，看H5分享

- 加微信：zixunzhanxiaomi -

微博: @H5资讯站  QQ群: 465521360   微信: zixunzhanxiaomi

点击“原文链接”，，观看H5链接