h5展示的信息形式（免费的h5制作app推荐）

2024年11月12日 01:02:32 • 投稿 • 阅读 40

这两天我们发现自己的万能的票圈被豌豆荚放出的《如果我是梵高》H5刷屏了，乍看过去就如同一个华丽的艺术展。底下更有人评论说，这个H5的每一帧截图下来，都是一张美到窒息的手机壁纸，更是一幅幅价值连城的作品。

h5展示的信息形式（免费的h5制作app推荐）

出自梵高的《向日葵》，明亮的色彩与细腻的笔触，构成了一场视觉的盛宴

一直以来，广告圈对于梵高的作品都有着别样的狂热，毕竟梵高作品那独特的风格与炽热的色彩带来了无尽的创意延展性。虽然我们见过不少以梵高画作为素材的惊艳之作，但豌豆荚这一次的创意依然让人耳目一新。

h5展示的信息形式（免费的h5制作app推荐）

来自《午夜巴黎》海报：梵高的美，让伍迪艾伦也忍不住为之脱帽致敬

反复玩了几遍豌豆荚的H5，并通过一些途径去了解整个制作过程，我们发现这个H5本身犹如梵高的作品一样，从创意的构思、到整个H5的实现，有太多值得描述的地方。

《如果我是梵高》H5采用的长按手指这种互动的形式并不罕见，有很多的大厂出品的H5都采用过这种方式。但看似相同的交互，其背后的技术却有着天壤之别。

h5展示的信息形式（免费的h5制作app推荐）

为了保证视觉上的生动而不失真，这个H5抛弃了业内采用将素材拍摄成为视频的惯用手法。使用视频在压缩成h5来展示后，通常难免模糊。而这个h5却很清晰，这源于豌豆荚的设计师们使用了Animate + flash2x + anniejs技术并适配了所有的机型与播放端口，无论在哪个机型下，都能够得到壁纸一般的画面，是不是顿时有一种不明觉厉的感觉？

精致的画面配合有趣的互动模式，再辅以恰到好处的动画与配乐，豌豆荚H5真心让梵高的画活了起来，不知道你仔细数过整个H5里面有多少幅的梵高名作没有？

h5展示的信息形式（免费的h5制作app推荐）

这款H5采用了类似“阅后即焚”的技术，动画转场后立即回收上一个场景的占用，释放内存以保证流畅播放

那么问题就来了。将如此多的画作拼接的天衣无缝，让受众体验到梵高作品中那扑面而来的炽热与璀璨，到底是如何做到的？面对着设计师的伟大脑洞，我们也忍不住学习起来，发现其实很简单，现在特别放送教程——

一开始先画一个大致的雏形，像这样：

h5展示的信息形式（免费的h5制作app推荐）

一开始看着有点像达芬奇手稿的感觉。

接着再画出主要的轮廓，像这样：

h5展示的信息形式（免费的h5制作app推荐）

接着又抽象得非常毕加索

然后再修整一下，像这样，就很梵高了

h5展示的信息形式（免费的h5制作app推荐）

完成！是不是很简单呢……

咳咳，回归正题，我们对这种一镜到底的创想毫无抵抗力，打开了这个H5，就真的像是在一步步的探究梵高的内心世界一样，一步步的引导着受众打开梵高心灵的窗户，感受那扑面而来的艺术之美。

h5展示的信息形式（免费的h5制作app推荐）

这个画面，是不是让你有一种慢慢步入梵高内心的感觉？

我们最喜欢这个H5的一点在于，除了非常的精致之外，我们认为这可以说最懂梵高内心的一款H5了，每一个场景都精心挑选了一句直指人心梵高语录，特别是那句“每一个人心里都有一团火，而路过的人只看到烟”，结合梵高的生平跟自身的一些经历，至少我们内心是深有感触的。这或许可以解释为什么这款H5会受到大家的喜爱跟转发，除了可以体现出自己的艺术品位之外，梵高的话，是不是或多或少又代表了你内心深处的某种声音呢？

当然，如果你的眼球完全被华丽的场景夺走的话，你是不会注意到这个H5最特别的一个细节的，那就是最后一页底下“Van Gogh”的logo，这是来自荷兰梵高博物馆的标志。也就是说，这个H5所使用到的素材，全部梵！高！原！画！把手指按在上面，其实等于按着好几亿美元……，什么叫做低调的炫富？这就是。

h5展示的信息形式（免费的h5制作app推荐）