“这些一镜到底的H5还能如何玩？”

本篇文章2826字，读完约7分钟

本文是本沸点实验室“本h5”栏(公众号: wangyih5 )的出品，每天都在更新。 (本h5原创)

前面提到的“一个公众号收入过亿，条漫为什么变成2019风口”中提到了加入插图要素的条漫和ps拼接的长照片文字在2019年风口，这种现象也很适合解释h5。

以往扁平化的h5拷贝虽然新奇，但在视觉上缺乏大幅起伏。 为了使h5看起来更有律动性，就必须说出镜子最后的表现形式。

镜子终究打破了手机空之间的限制，画面跳跃有节奏，视觉上有层次感。 例如，长寿的“娱乐圈画卷”系列从2007年开始采取一镜到底的制作形态。

《年更》连载时间间隔较长，但h5中加入了古朴的元素，与现代娱乐圈形成反差，穿越感强，容易被客户记住。

另外，在电视剧的安排上，娱乐圈热点的事情是首要决定的，从年初到年末年初，一个h5可以连接一年的大事。

最巧妙的是，以h5“画中之画”的形式切换场景，连接无关的明星、信息，前一秒某对情侣结婚，下一个画面是明星离婚。

二零一八娱乐圈画卷

据说这样的镜子最后的h5像动态条漫。 h5在画面形式上类似条纹，但实际上也包含声音、交互等形态。

所以，与只有“看”的条漫不同，一镜一体类h5怎么玩？

视差动画是指多个背景以不同的速度移动，在平坦的画面上加入运动图层来表现立体的运动效果。

1、私人互联网:“包裹的‘非人’之旅”

用长包裹进入h5，画面跟随包裹从卖方仓库出来，在两侧缓缓流动的背景下说明包裹的运输过程，最后送到目的地。

顾客将包裹的视点代入h5，产生前进的错觉。

h5设计最亲密的一点是，取消长时间准时的页面会暂停，可以放手分享。 不需要看故事情节。

缺点是h5流动缓慢，背景解说没有字幕，容易让顾客失去耐心。

《一个包裹的“非人”之旅》

2、本:“她挣扎了48小时后死了，谁也不知道。”

将h5少女的眼泪作为进入故事的“钥匙”，从波状的背景转移到哭泣的少女的脸上。 随着泪水的滴落，女孩的脸虚化放大，画面切换到少女的家，正式开始讲故事，视觉上的跳跃让故事看起来像回忆一样。

自白

在画面中，h5选择黑白色调，放入视差动画。 加深景深，一方面使h5画面更立体，另一方面营造紧张和恐怖的气氛，放大少女一家被“恶魔”毒害的冲击力。

然后，h5在多个场景中加入红色血液、恶魔狞笑、火焰燃烧等特殊效果，为下一个场景反转情绪。

h5在幻灯片的过程中“恶魔突然笑了出来”等细节的解决也有优点。 家人逃跑的时候，“恶魔”在渔叉上破缘，插入下一个画面。

自白

3、兴业银行x本信息:你想要的一切，我们都在努力。

长图像文字形式的闪存银行迅速发展了30年的历史，有些画面移动轨迹和手指滑动相反，加上视差动画，强调逆向移动时空的不同。

在一部分转移中使用交叉移位的形式，使纵向看到的画面发生一些变化，在空之间横向延伸到画面外。 例如，画面中多列数字0和1迅速横向移动，时间从年初开始半年后切换。 从楼宇画报进入下一阶段，银行开始向全国迅速发展。

整个画面大部分要素都在移动，各层移动得很快，画面层次很清晰。 但是文案太充实了，篇幅有点冗长。

你想要的一切，我们都在努力做。

4、in :《节气奇妙物语》

以h5节气为路标，以镜头移位的形式，表现从立春到立秋的所有气候节点。

随着小船的前进，横穿各节气后，经过夏至，背景的荷叶微动，河水缓慢移动的画面场景被制作成动画。

h5是小清新的插图风格，加入了动态要素和视差动画，节气之间有“大鱼”穿行，进入“雨水”后用雨将画面分隔开来。

《节气奇妙物语》

5、这里故意空白

这个刷屏的h5使用黑白漫画风格，“参考”了phallaina app的“滚动式漫画”形式。

简单地用划进度条的方法讲述“事业狗”的生活，最终以一镜到底的形式出现。

h5各层之间移动速度不同，多次在乌鸦上转场。 主人公乘坐地铁后，从背影切换为低气压、人头攒动的地铁，在这种情况下，整个作品非常压抑。

“这里故意空白”(已下架)

画中画格式可以包含其他场景并连接多个故事，无论画面放大或缩小，都在同一个空之间。

随着镜头的穿梭，客户可以从前面进入下一个场景。 电视、相册、手机等是常见的连接点。

h5请客户从上帝的角度看故事，可以长时间按下画面的心跳时间线。

并行式和递归式情景是画中的惯用手段，整体情景连贯，能吸引顾客的目光，更快地吸引顾客。

1、五粮液:“五粮液丨和美敬意”

从证书瓶子的图案，到餐桌上的家人，再到对面大楼里的烛光晚餐情侣，每个场景都以酒为中心。

h5引出中国人在餐桌上喝酒的习性，安排烛光晚餐、家人团聚、老友团聚等文案，用白酒维系人与人之间的友谊，引起网民的共鸣。

h5以白酒为主，文案比较单一，所以h5一杯酒上加一段文字，区分饮酒的时间地点和饮酒者的心境，情节比较充实。

《五谷液丨和美敬意》

有些直线性h5方向已确定，屏幕弯曲少，视角相对狭窄，客户容易产生疲劳。

除了h5视频、图像、3d、vr等其他拷贝形式外，还可以切换视角，给客户带来惊喜。

1、天空:“天空dlt-a”

这个h5整体很帅。 随着磁带的旋转，画面开始移动，电视从远到近出现，当客户点击电视时，就会播放广告视频。

这个h5最大的亮点是在一面镜子的最后h5中加入视频的创造性元素。

h5给了客户选择。 视频播放和跳过都不会影响h5的后续。 客户可以滑动屏幕，控制镜头进行放大，或者在h5结束后倒带视频观看。 画面的切割方法很灵活。

《天空dlt-a》

2、本信息:“漫游港珠澳大桥1分钟”

看整个h5需要一分钟。 长按画面前进，可以放手拍照。 在照片所在的h5相册中，客户可以选择8张照片制作明信片。

通过拍摄真实和全色的插图，客户可以从第一个角度走过港珠澳大桥。 就好像真的在大桥上走一样。 客户在通过桥上的长度导板时，画面会变慢，以在二维平面上加入视差动画的形式，表现空之间的透视感。

另外，这样的时事类h5，最重要的是拉近客户之间的距离，让客户觉得大桥和“我”有关，“我”可以近距离接触大桥，高兴地了解大桥。

因此，h5面向多层客户，以1分钟的体验满足客户的好奇心，同时以实景照片的形式向客户传达情感，并留下记忆。 另外，轻量型h5操作简单，使用方便，用户只需长按即可浏览，获取新闻的门槛很低。

分钟漫游港珠澳大桥]

无论是影视作品还是h5广告，一镜到底都是品牌宣传活动的新宠。

h5可以用长镜头处理问题，连接自然不会中断，比其他形式的h5拷贝更顺利。

但是，一镜由于底型h5新闻的加载量很大，不可避免地会发生纸箱问题，影响顾客的观看体验。

毕竟，无论是视觉上还是操作上，一镜合一的h5从客户的角度出发，总是能够第一时间抓住客户的眼球。

要获取示例链接，请关注此h5(id:wangyih5 )的公众号，然后浏览公众号的复制链接。

创意做法、选题策略、交互设计、文字秘籍……关注本h5微信公共平台，( id:wangyih5 )，分享你想要的知识。