天猫年度货节H5创作探秘与制作教程.docxVIP

天猫年货节H5创作探秘与制作教程前两天微信被天猫年货节H5刷屏了，和稍远的网易娱乐画报H5一样，也是因为交互形式出彩。镂空书的设计、滑动控制翻页的巧思都可圈可点。一查，制作方居然是以交互创意闻名的VML上海？是去年做出淘宝造物节全景H5的VML！是为天猫策划出一镜到底H5的VML！是一出手就引发行业潮流的VML！然而，有人开始指责他们抄袭——起因是天猫H5和16年初TGideas做的火影H5，视觉上很像：（1）纸雕设计（传闻源自日本）；（2）走马灯式的3D轮播。对比如下：所以，这次干脆为大家请来天猫年货节H5的创意总监鸟崔，聊聊台前幕后的故事，以及这次争议的始末！当然，鉴于前两天我们快速学习了VML这次的神创意，做出一版走马灯式的年终报告H5，后面还有非常详细的制作教程！一、天猫年货节H5专访受访者：鸟崔（天猫年货节H5创意总监）访谈时间：17年1月12日Q：天猫年货节这个H5，反响怎么样？鸟崔：年货节这个呈现形式镂空书有很强的识别性，做出来后周围反响还不错。PV的话，活动还没有结束，我已经进入下一个项目了，这几天还真没有关注。我们的客户团队更清楚。Q：H5花了多长时间完成？鸟崔：这个项目brief进的时候时间很紧，不到一个月就需要上线。在之前应该没有人用纯H5的适量图形可交互的方式去做过，所以提的时候客户满担忧的，中间我们也消耗掉不少时间做出一部分demo放进程序内演示给客户看，这导致了我们最后的动画时间不足，也是我们故事讲得不顺的一个大问题。但是我已经不能要求制作部门做到更多，那时候程序员连续通宵只睡了2个小时，所以非常无奈。作品出去了，大家看的时候是不会考虑实际的制作时间和难度，这也提醒我，时间估量的时候还是要留够足够的余量。Q：前面消耗时间的主要原因是？鸟崔：素材。最开始我们的场景更多，画了非常多的插图，也安排了很多的动画在里面。最后提交的时候限制K数和故事长度，拿掉了很多，动画内容来不及做，年货节就要开始了，这个时间是死的谁也不能更改，于是……就上线了，哈哈。Q：你们这次工作是多少人，怎么分工的？鸟崔：制作团队这里程序比较新，需要研发，所以虽然投入两个人，但是事实上大量的开发只有核心的一位可以搞定。这个最开始考虑过3D建模做视频，后来Shrek说他可以尝试程序实现，结果真就弄出来了。创意组这里2-4位art和1位copy在进行，最赶的时候有多投人力。但是和程序一样的问题，art投入太多的时候画面风格开始出现比较大的偏差，所以也是围绕核心其他尽量接近的方式进行。Q：网上有人说天猫年货节抄袭腾讯火影H5，你怎么看？鸟崔：一些广告门户上发布以后好多人说抄袭，我去看了下（那个作品），形式确实都是一样，而且那个项目是用实物拍摄的方式制作的，也相当好。但是很多留言都在说抄袭的时候，我觉得有必要澄清一下。毕竟一个形式就是形式，这个做法先有国外一个化妆品类的video做过，也有日本设计师做过实物。我们把这项目实现成一个H5虚拟3D的，却被认为是抄袭同行的作品，这个结论非常的武断。虽然非常遗憾，但是我觉得有质疑是好事，提醒我们下次走得更远做得更好，也同时去关注同行里更多的好作品，才不会出现这样的事情。Q：其实在H5广告的创作上，交互、内容上形式的相似是很常见的，你们行内有没有默认的真正谈得上抄袭的界限？鸟崔：应该没有一个默认的，就像你看到的样子，大家会就一个相似的形式说抄袭。即使故事内容和idea本身，也有容易撞车的时候。但是真撞了就一定是抄袭吗，这个只能说创意走得不够远，需要继续努力，比如我。哈哈。大家很容易就一个形式而去质疑一件作品抄袭，这很吊诡。比如网易那个无限放大也被认为抄袭，但是那个形式其实很早前有一个鸡头无限放大到宇宙的图也是一样的形式，Nike和本田当年也有网站做成这样的形式。被说成抄袭我估计创作者是有点委屈的，但是这也提醒我们，不要太倚重形式，或者说形式大过内容。Q：和很多讲究内容创新的互动团队不一样，VML在交互上做了很多创新，为行业立起很多标杆。你们是以交互创新为创作方向？鸟崔：制作团队确实实力非常棒。我们在想案子的时候，也是尽量让技术的探索也往前走。有时候发散idea的时候，我们会和技术团队时不时一起碰撞一下，看有没有更好的方式之类。现在信息这么庞杂的状况下，总是需要抓住一切机会让案子能够让人眼前一亮。Q：能透露你们下一步的创作目标和计划吗？鸟崔：短期我们有一个不错的案子在进行，也是属于那种让大家一腔热血投入的案子。就稍长远点，以后可能会结合更多的视频内容和技术手段。这个应该很容易想到，网站走过这样的一个周期，移动端也一样，技术平台和流量在加大，大家的碎片化时间需要更高效的沟通，形式就会被藏在下一层，故事或者说内容会更高效的到达用户。这个应该不会很久吧，大家现在移动端随便订个1、2G的流量都很常见。其他的，我觉得