今日头条：少年π的虎口历险

来看看近日头条为旗下的西瓜视频app所打造的一款宣传h5是怎么虎口历险的！虽然早已过立秋，可高温“秋老虎”的威风丝毫不减。酷热变异、灼热烧衣、马路熔岩、坠日滚烫、泳池沸腾，当世界变成炽热的炼狱，少年π怎么“虎口脱险”呢？

创意分析

这款h5，讲述了因为伏天，从而导致少年π的小猫咪变异成老虎，继而少年π由此逃亡，接着遇到一些众多高温离奇事件的故事，首先开场白，显示高温正在进行。少年π的小猫变成老虎，吓得少年π不得不逃跑，点击按钮逃跑即可逃跑，进入下一个画面，少年π飞奔太空，天太热衣烧没了。点击回血按钮，少年π恢复正常以后，进入马路熔岩，热的不行。点击冷却按钮恢复正常以后，又进入了坠日滚烫，点击遮阳，恢复正常以后，进入泳池，没想到连泳池都是滚烫的，继续求助，点击高温按钮，恢复正常，经历了这么多，最终老虎变回了小猫咪，最后以“西瓜视频可以解暑”的妙招推出自己的宣传产品。

技术实现

在绘画技术上，整支H5运用到了动画表现形式，准备了丰富的动画场景，趣味连连。

在H5技术实现上，运用到视频表现，动画和动画帧，事件触发。

视频：用插画的表现，和动画场景完成的视频。可以直接在人人秀平台插入视频。这个比较简单。

动画：动画丰富流畅，画面中多出动态是可以直接在平台进行实现。个别复杂动效也可以使用动画帧或者自己上传gif图实现。

事件触发：在每一次历险经历后需要点击按钮进入下一个画面，就用到了事件触发，可以在人人秀平台直接实现。

查看教程：视频教程 

视觉分析

设计上，运用插画扁平的表现形式。暖色调，符合秋老虎的色调。看起来就感觉特热。画面中的元素运用到，太阳，火，云朵，猫咪，老虎，少年π的形象，行人，每一个元素都在展示秋老虎的厉害。不免产生共鸣。

人人秀原创文章，如若转载请注明出处：https://rrx.cn/content-00tauj