两会H5,精彩!

2018年-2019年的优质两会H5案例盘点。

 

随着2019年各地两会议程陆续结束,诸多媒体通过H5多角度传达话题热点与群众互动,产生积极反响。其中,会前城乡发展成果报告、会议期间会议参与模拟、会后两会成果展示、会议内容解读及未来规划类的H5批量涌现。接下来将为大家盘点解读2018年-2019年的部分两会H5案例。

 

2018年最为出色的H5是由人民日报联合网易新闻出品的《重返这五年》,这支H5在我国政治、经济、军事、外交等方面均实现了巨大飞跃的背景下诞生,讲述了自十八大会议以来的五年内八项规定、“打虎行动”、治理环境污染、人口脱贫、开放二胎政策、一带一路等重要事件,致敬老兵、科学家、解放军、中国女排、太空探索、复兴号高铁等多个重大场景,让百万中国人民通过该H5感受到了国家这五年时光里的恢弘巨变。

 

技术上借助长镜头技术效果,通览全部事件,配合手势自由滑动,关联控制动画,节奏完全由观看者自由掌控。横向、纵向的镜头效果,将多个重要事件分开讲述,结构清晰,有条不紊,使观看者对整个作品所产生的情绪富有层次感。

 

 

数据报告类H5参考案例一

 

案例名称:《2017青岛啤酒年度业绩报告书》

案例类型:简单翻页式

特殊效果:SVG呈现折线图

相关教程:《SVG路径/SVG描绘动画》

SVG动画折现呈现业绩走势,柱状图渐现对比,是该H5的亮点部分。

 

 

数据报告类H5参考案例二

 

案例名称:《转融新时代,南方新作为!》

案例类型:快闪+一镜到底

相关教程:《快闪相关教程》《一镜到底组件》

快闪呈现数据成果,一镜到底画面呈现业务成果及殊荣。

 

 

数据报告类H5参考案例三

 

案例名称:《智慧融合 价值引领 》

案例类型:跳一跳小游戏模拟

视觉设计:3D效果

特殊效果:状态组、一镜到底组件

相关模板:《意派跳一跳 》

相关教程:《状态组》《一镜到底》

采用游戏互动模式,结合当时比较火爆的跳一跳小游戏展现成果,吸引受众。

 

 

会前其他报告类H5参考案例

 

案例名称:《2016检察长去哪儿了?》

案例类型:横屏H5

相关教程:《横屏H5教程》

横向滑动,大事件时间轴模式。

案例名称:《关于政府工作报告,黄渤最期待什么?》

案例类型:视频H5

相关教程:《本地视频》

国务院出品的视频类H5,以演员黄渤在中南海参加政府工作报告为切入点,向人民群众展现政府工作的会议情况。

 

在会议期间,容易引起关注度的还是会议内容,以及提出问题。直播或模拟直播、模拟现场记者采访类H5借助传播限制小、代入感强等优势,成为媒体在两会期间向公众传达两会内容的有效形式。如去年去年直播答题火热,由经济之声出品的《那个50公里跑到哭,经常被领导问问题的小编又来了…》,采取了直播答题的形式,真人直播提问解读,提升了用户答题参与的积极性。

 

案例名称:《那个50公里跑到哭,经常被领导问问题的小编又来了…》

案例类型:模拟直播答题

相关教程:《测试题组件》

 

 

除了两会期间的这些H5,2018年也有不少可以参考的其他行业案例,比如下面这个问答型的H5,由热潮互动为东方航空制作,采用了语音读题、语音判断正误、语音解释正确答案的方式,卡通形象“东东”表情有趣,动作丰富搞笑,让答题者在愉快的气氛中获得东方航空的知识普及。

 

案例名称:《东东直播show》

案例类型:答题测试

视觉设计:卡通

相关教程:《测试题组件》

 

 

 

报告解读类H5参考案例

 

案例名称:《两会报告解读》

案例类型:长页面式一镜到底

相关教程:《长页面》《锚点》

通过小姑娘到温州中级人民法院找妈妈,人物参观视角,帮助我们了解该法院内部结构、功能分区以及一年来的业绩数据。

 

 

看完2018年的这些H5,你是不是已经有想法了呢?有些媒体在2019年年初已经有一些成果展示的H5亮相了,亮点依然是各地上一年的经济发展成绩单,新一年的发展规划,一起来看下吧:

 

案例名称:《开往丽江的动车已进站 追梦之旅等你开启》

案例类型:视频H5

相关教程:《本地视频》

以动车车头镜头,介绍了该列动车途径昆明南、昆明、楚雄、祥云、大理、鹤庆、丽江几个站点,并采用一镜到底的视觉效果,几个著名地点连续出现在视角中,整体体验流畅。

 

  

案例名称:《2018云上襄阳朋友圈 温暖襄阳人!》

案例类型:视频H5

相关教程:《本地视频》

通过女主播在朋友圈播报的模拟效果,切换到不同场景,朋友圈视频与现实镜头自由切换,帮助观看者感受这一年襄阳关于民生的政策施行成果。

 

 

案例名称:《局长邀您群聊》

案例类型:模拟群聊

相关教程:《模拟群聊教程》《模拟朋友圈》

相关模板:《邀你加入群聊 》

这个模拟群聊案例也是十分经典了,很多媒体一直沿用,通过模拟交通部门副局长与百姓0距离“沟通”的形式,增强互动感,以聊天沟通的方式将调查通知的信息传达。

 

 

除了以上报告呈现,还有更加有趣好玩的方式,比如最近就有一个不错的H5亮相朋友圈。

 

案例名称:《让我们一起探寻下未来的成都!》

案例类型:Layer滑动+拖放组件+合成海报

相关教程:《Layer容器》《拖放组件》《合成海报》

通过左右滑动地图,将屏幕下方的多个元素分别拖动到地图上指定位置,每次位置正确后都会跳转到该元素对应工程项目的详细介绍页。并在拖放达到一定的数量后,开启成都未来图景。画风清新舒适,探索揭秘的过程神秘有趣,增加了H5趣味性。

 

 

当然,两会召开之际,大家最关心的可能还是制作问题。在这里,给大家推荐下意派平台上擅长做图表类H5的设计公司,美晨互动。早在2015年,美晨互动就拥有一系列高质量、针对成都产业发展的数据报告类H5,也是平台上数据报告表现形式丰富、效果惊艳的H5制作品牌之一,该公司发布的很多数据报告类H5颇具参考价值:

 

案例一

 

案例名称:《成都市产业发展白皮书》

案例类型:数据报告类

相关教程:《幻灯组件》《子元素触发器》《四个页面结构》

 

 

 

案例二

 

案例名称:《Hi,成都有个新思路!》

案例类型:数据报告

相关教程:《幻灯组件》《页面触发器》

 

 

 

戳👉美晨互动主页了解更多>>>>

 

政府工作总结报告类H5或许依然是热门,但在如何策划喜闻乐见的形式,吸引更多受众,还是有很多技术创意手段来参考的:一镜到底、Layer容器、走马灯、全景容器、画中画、长页面等等,都是不错的数据解读、业绩成果等的呈现方式。

 

可以在官网案例区按照分类查找相关H5,👉案例区网址,如果需要制作问题,可以在官网教程中心搜索这些关键词,👉教程中心。希望今年的两会H5,意派的各项功能技术,能让各位媒体朋友有更多发挥空间,为两会内容跟精神的传播贡献更多优质作品。

 

文章的结尾再跟各位媒体朋友推荐下:为了助力两会H5的创意实现,意派Epub360长期提供媒体专用的媒体合作版账号,符合条件的媒体单位可以来申请啦!戳下方图片了解更多👇

 

 

往年两会期间其他H5参考案例

王小艺朋友圈系列:

《来真的!央广主播朋友圈任意看》

《央广女主播的朋友圈》

《央广主播王小艺申请加你好友》

 

-- End --

 

 推荐阅读 

2018年升级版攻略 | 零基础,如何入门学习H5设计

抖音这么火的背后竟然和这支H5有关?!

听说横屏比竖屏H5更更更酷炫!

 

关注更多H5设计、案例、资讯

 

关键词查看:新手100篇 | H5教程 | 案例欣赏 | 海量模版 | 商务合作marketing@21epub.com

10