h5 一镜到底_有哪些好的一镜到底H5案例?

  • Post author:
  • Post category:其他


一镜到底H5是现在很流行的一种表现形式,通过模仿镜头的运动,进行画面的延伸开展,配合用户第一视角,进行视觉上的拓宽,让用户随着画面的移动推进情节的发展,代入感强,或采用长按按钮达到一气呵成的画面效果,吸引用户眼球的同时又能够强力黏住用户。

案例:这里藏着我的秘密

出品:江小白

技术实现:Egret

亮点:

1.体验:通过BGM,文字,画面的配合,营造出淡淡忧伤的氛围,情节设置贴近生活,“感觉被生活压的喘不过气”符合大时代下忙碌而孤独的年轻人,让用户也陷入那种伤感的情绪里,整个过程体验流畅,交互动作是滑动+点击,每进入一个新的场景需要点击新的按钮,一共有十个场景,建议在时间充足的情况下欣赏。

2.策划:采用测试+图文展示的形式,运用一镜到底的表现手法,通过横向滑动推动情节的发展,逻辑清晰,内容充实,让作品呈现线条感,给了用户充足的交互体验。从内容策划上来说,该H5将一个典型中国式“空巢青年”还原在用户面前,并根据一些生活中相关场景的提问,测试用户的空巢指数,结尾给出三段自省文案,用户可“再看一次”重新开始,“找回自己”进入江小白商品页。

3.设计:自古酒就与“愁”离不开,“今朝有酒今朝醉“”举杯消愁愁更愁”,江小白将这则略带“小确丧”的H5与自己的产品推广结合,符合商品的内在价值。H5整体画面背景偏暗,伤感风的钢琴曲BGM,氛围营造到位。

案例:2017娱乐圈画传

出品:网易新闻

技术实现:Canvas,Zepto

亮点:

1.体验:这是网易新闻2017年末的娱乐圈总结,对于我等吃瓜群众来说,总结的还是相当到位的,把2017年的娱乐圈大事记,微博几大热搜话题都囊括其中了,不知道诸位看官看这“戏如人生,人生如戏”的娱乐圈有何感慨呢?

2.策划:采用场景穿梭+画中画的表现形式,沿袭了用古风插画盘点娱乐圈热点事件的传统,如椽画笔,笔触传神。长按屏幕体验热点事件,松手即停格在当前画面,给用户在画中穿梭徜徉的感受,事件之间的画面过度设计的十分巧妙,部分画面还配有动态效果,使整则H5更具活力。

3.设计:古风插画刻画形象到位,人物特点夸张,画面极具表现力,背景音乐选用《好运来》渲染气氛,“嬉笑怒骂皆成文章”,整个H5轻松愉快,风格独树一帜。

案例:爱的形状

出品:网易新闻

技术:pixi.js

亮点:

1.体验:横屏观看,以横向滑动为主,中间有滑动屏幕交互,一镜到底的形式,使画面更加立体。字体排版设计别出心裁,因为画面相对简单,字体的形式就相对饱满,丰富整个画面。

2.策划:H5创意满分,以“爱的形状”为主题,有这样一种讲法,把不同人的分为不同的形状,有的人是三角形,有的人是圆形,有的人是正方形,这则H5传达的就是这样的一种观念,每个人都有他/她自己的形状,不要为了任何人去改变你自己,“You deserve all the best”。H5讲述的是一个“形状”的变化,在爱的旅途中,它不断改变自己的形状,直到遇到真爱,就如同H5的最后说的那样,走完每个曲折的路口,我们才会懂,爱是什么?

3.设计:整个画面以线条为主,画面简洁,背景干净,文字不多但含义深刻,整个H5行云流水,表达流畅清晰。

体验地址:爱的形状

更多案例分享,请关注战鼓公众号



版权声明:本文为weixin_39725594原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。