banner1

一镜到底H5之多元交互
发布于:2022-12-08



区别于扁平化的呈现形式,一镜到底一改静态的死板,赋予画面以律动感和层次性。不需要过多操作,画面就自行变换,给用户更多跳跃感、节奏感的体验。多元交互长镜头正是目前比较受欢迎的一种一镜到底H5,下面我们就欣赏两个案例,了解一下多元交互一镜到底H5吧。

 

案例一《网易新闻:一分钟漫游港珠澳大桥》

 

一镜到底H5


1、创意定位

 

采用多元交互一镜到底的制作形式,将动画与现实结合起来,带大家“亲眼目睹”港珠澳跨海大桥的风采。

 

2、内容体验

 

长按屏幕便开始以前进的视觉来游览港珠澳跨海大桥,左上角还有公里数供大家参考,画面的景色不断变化,分为8个里程段(01-07公里、07-14公里、14-21公里、21-28公里、28-35公里、35-46公里、46-49公里、49-55公里),在浏览过程中可以松手拍照,展示现实的景色。里程段范围内拍照相同,不同里程段拍照不同。走完全程后邀请用户将自己拍摄的照片做成明信片转发给好友。

 

3、设计策划

 

画面整体采用手绘漫画风格结合线上的拍照场景进行制作,带大家游览港珠澳大桥。

 

案例二、《网易新闻 + 融创香山壹号院:一分钟游览三山五园》

 

一镜到底H5


1、创意定位

 

网易新闻和融创香山壹号院推出的房地产展示型H5,该房地产周围的有景物(三山五园),以优美的动画展示周边风景,介绍优势,吸引用户。

 

2、内容体验

 

进入页面后,是一段融创香山壹号的历史底蕴介绍,根据提示长按右下角按钮,页面就开始自动播放。游览畅春园、圆明园、万寿山、玉泉山、香山,每个景点都很唯美。长按的过程中,松开手指获得明信片,一共有6张明信片,分别为融创、畅春园、圆明园、万寿山、玉泉山、香山;用户可以长按保存明信片。

 

3、设计策划

 

古风元素动画风格,画面展示很唯美,通过长按播放画面,跟随者飞翔的仙鹤游览整个画面,集合明星片将动画与现实像结合,让人更直观的浏览风景。

 

以上是两款以一镜到底展现形式制作的多元交互H5案例,它们最大的特点是互动操作简单,画面切换效果有趣,用户长按即可自动播放画面,通过某个特定物品来贯穿联系所有画面。让画面切换效果更加丰富有趣,用户观看体验更好。