h5 一镜到底_H5创意形式中“一镜到底”的三大基本套路

本文介绍了H5中流行的“一镜到底”创意形式的三种基本展现:长图文、画中画和多元化交互长镜头。长图文通过X轴或Y轴运动结合视差滚动提升用户体验;画中画利用镜头穿梭讲述故事,增强代入感;多元化交互长镜头提供更自由的交互体验,紧密连接局部与整体。这些策略帮助企业轻松创建吸引人的H5内容。
摘要由CSDN通过智能技术生成

“一镜到底”作为H5中最火爆创意形式的一种,大多数是融合视频动画,或多种元素进行交互形成的长镜头,整体一气呵成。

今天,就和大家介绍下目前“一镜到底”最常用的三种基本展现形式。

|长图文

长图文是一镜到底最简单的一种展现形式,很多制作平台网站都可以实现此种效果展现,长图文类型的一镜到底主要根据具体运动方式的不同,分为X轴运动和Y轴运动。在此基础上融入视差滚动,从而在视觉呈现、趣味性等方面进一步吸引用户眼球。

考虫与敦煌画院合作推出的《飞天计划》,属于一镜到底的长图文类型。

88eb9eaaa107a397f2cf7d9dd842ed72.png 0399ef99419f7ac5df926d126ae6d10b.png 81935f52bdf2dca3b597b953ad2753ad.png 9f1a46d7481034a5ba46824eded955f8.png 1c9f7f3d35f1b9ccaf268fe30e47d936.png 72b737f88663bb8640c4692a376666a0.png c23cee2c0f0262d7ae3062c20d32267c.png c750ca18c8a924a3ff43069663b5762a.png

作品背景是一群学子飞向高分录取的大门,主要介绍考虫与敦煌画院跨界合作,并启动飞天计划,接下来介绍计划的内容。用户可以留言,并在最下面可以展示留言内容。

用户需向上滑动页面,页面中元素有简单动效,是长图文类型中最简单的表现形式。

|画中画

通过镜头穿梭不断切换,突出所要描述的事件,将整个故事情节串联起来。

恒大出品的《苏轼&汤显祖联名巨著发布》用历史名人唱rap的形式宣传了花溪谷的各项设施和优势。

5f13d5191069830aaf74aea1d5dc0b7c.png cf57098dbf9f5d720998db26dd87cfd7.png 9e515414f045869c5148f0ca523af5f5.png d84cc953708a823b4d491254176ae81f.png 141cc54ac7f3f923d0fa7d130f5f727e.png a99049a24dc7db57f4e7621bb5cbbac4.png 27e0c59f3697f6b1352cd77ea9553129.png d87a2541b08b3549c643e6efda93c3c4.png

镜头开始从葱郁的山谷上方推进至花溪谷门前,打开大门,紧接着就是苏轼与汤显祖登场,进行自我介绍,介绍使用的是说唱rap,画面不断切换,二人说唱内容主要围绕花溪谷的历史、地理位置、风景、交通、美食、人文和教育方面的优势,展现了未来花溪谷地区的美好生活。

镜头中元素由大到小或由小到大切换巧妙,代入感强。

|多元化交互长镜头

对一个场景、一段内容进行连续拍摄,形成一个比较完整的镜头段落,实现空间自然转换,在交互方面的自由度也更大,局部与整体的联系紧密。

腾讯出品的《欢乐茶馆可以绣苗绣啦》很好地诠释了“多元交互长镜头”。

f1540093422aa2276dd34782214b9db6.png 61db0f7d460221bbd68160b4441aa6d9.png cbb34a2858d1a71e7a76ed7de631d623.png 96284b0f12e52cde967349be9030f8fd.png 67eb0644efdc7bbbf6d46fb376f66c8d.png d16f61d692aa7b60faa04a0af8fca48e.png 191ad79447e893133d7bbbd29b0cf286.png 244f2a1b4dde824f0be1d6381db6c4d2.png

作品用苗绣的插画风格展现苗乡的历史,镜头开始以蝴蝶视角带用户穿过花海,飞过布坊,划过纺织机器上方,跟随彩线定格到画布上面,配音解说让用户了解苗族刺绣的起源。

随后镜头推进,蝴蝶再次出现,引导用户选择喜欢的绢帛颜色的后续操作。

作品以蝴蝶视角带用户推进镜头时,画面较快,蝴蝶停落在画布上画面较慢,展现出空间透视感。

一镜到底对于没有任何制作和设计经验的企业和品牌主们来说,只要把握住基本套路,制作起来其实并不难。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值