一镜到底H5是现在很流行的一种表现形式,通过模仿镜头的运动,进行画面的延伸开展,配合用户第一视角,进行视觉上的拓宽,让用户随着画面的移动推进情节的发展,代入感强,或采用长按按钮达到一气呵成的画面效果,吸引用户眼球的同时又能够强力黏住用户。
案例: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行云流水,表达流畅清晰。
案例:这里藏着我的秘密
出品:江小白
技术实现:Egret
亮点:
1.体验:通过BGM,文字,画面的配合,营造出淡淡忧伤的氛围,情节设置贴近生活,“感觉被生活压的喘不过气”符合大时代下忙碌而孤独的年轻人,让用户也陷入那种伤感的情绪里,整个过程体验流畅,交互动作是滑动+点击,每进入一个新的场景需要点击新的按钮,一共有十个场景,建议在时间充足的情况下欣赏。
2.策划:采用测试+图文展示的形式,运用一镜到底的表现手法,通过横向滑动推动情节的发展,逻辑清晰,内容充实,让作品呈现线条感,给了用户充足的交互体验。从内容策划上来说,该H5将一个典型中国式“空巢青年”还原在用户面前,并根据一些生活中相关场景的提问,测试用户的空巢指数,结尾给出三段自省文案,用户可“再看一次”重新开始,“找回自己”进入江小白商品页。
3.设计:自古酒就与“愁”离不开,“今朝有酒今朝醉“”举杯消愁愁更愁”,江小白将这则略带“小确丧”的H5与自己的产品推广结合,符合商品的内在价值。H5整体画面背景偏暗,伤感风的钢琴曲BGM,氛围营造到位。
一镜到底是一个不错的H5营销方式,很多企业和商家都会使用它。成都蓝橙互动就为几个公司做过这样的案例,收到的反馈还是蛮好的。如果你有这方面的需求,可以联系我们,我们一定可以给你满意答案。
注:蓝橙互动还有很多优秀的H5定制案例,如果你对此有兴趣的话,可点击右侧“方案咨询”在线联系我们,或者微信搜索“蓝橙互动”公众号获取案例,有更多优秀的H5定制案例再等着你哟!
相关链接:H5页面制作|H5活动策划公司|微信游戏开发|小程序定制|公众号开发