本文系网易沸点工作室《网易H5》栏目(公众号：wangyih5)出品，每天更新。(网易H5原创)
前文《单个公众号收入过亿，条漫为什么成为2019风口》提到，加入插画元素的条漫和ps拼接的长图文正处在2019年风口，这种现象也适合描述H5。
以往扁平化的H5内容新颖，但视觉上缺乏大幅度的起伏。想要让H5看起来更有律动，就要说说一镜到底的表现形式。
一镜到底打破了手机空间的限制，画面跳跃有节奏，在视觉上有层次感。举个例子，长寿的《娱乐圈画卷》系列从2016年起，开始使用一镜到底的制作形式。
“年更”连载时间间隔较长，但H5中加入古风元素，与现代娱乐圈形成反差，穿越感极强，容易被用户记住。
另外在剧情安排上，主要有由娱乐圈热点事件决定，从年初看到年末，用1个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、网易新闻：《一分钟漫游港珠澳大桥》
H5整体浏览下来需要1分钟，长按屏幕控制画面前进，松手可选择拍照留念。照片存在H5相册中，用户可选择8张照片制成明信片。
通过摄影实拍和全彩插画，用户可以从第一视角漫游港珠澳大桥，仿佛真的在大桥上行走。用户在经过桥上的长度提示牌时，画面运动速度放慢，用二维平面加视差动画的形式，展现空间透视感。
另外，这类时事类H5最重要的是要拉近用户之间的距离，让用户觉得大桥和“我”有关，“我”可以近距离接触到大桥，并心甘情愿的去了解大桥。
所以这支H5面对多圈层用户，用1分钟的体验满足用户好奇心，并且用实景照片的形式让用户宣泄情感，留下记忆。而且轻量型H5操作简单，用户仅需长按即可浏览，获取信息门槛低。
《一分钟漫游港珠澳大桥》
无论是影视作品中，还是H5广告中，一镜到底都是品牌营销活动的新宠。
H5用一个长镜头就能解决问题，衔接自然中间不会被打断，比其他形式的H5内容上更流畅。
但一镜到底型H5信息加载量大，难免会发生卡顿问题，影响用户观看体验。
说到底，不管是从视觉感受还是操作体验，一镜到底形式的H5从用户视角出发，总能在第一时间抓住用户目光。
想要获得案例链接，请关注网易H5(ID：wangyih5)公众号，查看公号文章链接。
创意方法、选题策略、交互设计、文案秘籍……搜索关注网易H5微信公众号，(ID：wangyih5)，分享你想要的知识。
本文来源：网易H5 作者：哒哒er
责任编辑：宋天娇_NBJS7913
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
