新中国成立70周年,盘点媒体在H5融媒新闻上的持续创新

mutemplate 发表了文章 • 0 个评论 • 10 次浏览 • 2 天前 • 来自相关话题

2019年10月1日,是新中国成立70周年的伟大时刻。随着“我和我的祖国一刻也不能分割......”的优美而又振奋的旋律在耳边萦绕,我们感慨:祖国给了我们无数的力量和感动!中国,是我们听见了就会肃然起敬的字眼。
值此之际,各大媒体精心策划了众多H5交互融媒新闻报道作品,让我们在移动端更加生动、立体、 查看全部
微信图片_20191012140544.jpg

2019年10月1日,是新中国成立70周年的伟大时刻。随着“我和我的祖国一刻也不能分割......”的优美而又振奋的旋律在耳边萦绕,我们感慨:祖国给了我们无数的力量和感动!中国,是我们听见了就会肃然起敬的字眼。
值此之际,各大媒体精心策划了众多H5交互融媒新闻报道作品,让我们在移动端更加生动、立体、直观、有趣地见证到新中国70周年的成长与富强。
 
不得不说各大媒体紧紧抓住了融媒内容生产的特点。即H5支持融合文字、图片、视频、动画、交互等多种内容形式,好上手、成本低、传播迅速的优势,大批量上线了不同类型的H5,不管是质还是量都超乎想象。

为此,小编为大家整理了新中国70周年的H5新闻报道案例合辑,让我们来看看各大媒体为新中国成立70周年献礼的优秀H5作品有哪些呢?

一、AI与H5技术的深度融合
越来越多的H5作品与AI技术相结合,比如语音识别、图像识别、文字识别等,提升用户体验感。以下H5作品都以换脸为主要交互方式,实现人脸与56个民族服饰、以及祖国大好河山的融合,能够将用户上传的照片与特定的形象进行脸部融合,生成的图片效果既有用户的五官特点,又自带美颜滤镜效果,同时抓住用户认同感以及炫耀心理,让作品迅速传播。


作品:爱国Style
出品:人民日报客户端
http://ih5.peopleapp.com/c/rcha/2z4y/index.html
image1.jpeg



作品:国庆节到了,你出门旅游了吗?
出品:人民日报中央厨房
https://8.u.mgd5.com/c/r3gl/ss22/index.html 
image2.jpeg


作品:光荣的红领巾
出品:未来网
https://f.u.mgd5.com/c/ehgg/tuaw/index.html
image3.jpeg


二、各种创意H5作品层出不穷
从用户心理角度出发,通过让人眼前一亮的创意、出乎意料的结果,或时事新闻事件,从好奇心理、挑战心理甚至指定用户感兴趣的点出发,每个场景或交互点都要精心策划、提供不同的信息,不断吸引用户看完,在H5结束界面引出自己的品牌类H5。

1、创意交互
作品:识得呢10个字,你就知道广东有几劲
出品:南方财经全媒体集团
https://2.u.mgd5.com/c/simn/0-o5/index.html
image4.jpeg



2、交互视频
作品:百米长卷绘重庆
出品:重庆日报
https://3.u.mgd5.com/c/tcut/xbpb/index.html
image5.jpeg



3、密室探索
作品:穿过时光机器  搜寻你的独家记忆
出品:新湖南
http://h5.hunantoday.cn/c/uj_g/aekw/index.html
image6.jpeg



4、答题测试
手绘答题测试+舞台截图
作品:国庆大家都在干这事,你呢?
出品:湖北日报
https://b.u.mgd5.com/c/0pfb/u4wx/index.html
image7.jpeg



5、游戏类
选场景,生成图片+舞台截图
作品:国庆节,我为祖国送祝福
出品:上游新闻
http://3.u.mgd5.com/c/m-oa/cuy3/index.html
 
image8.jpeg



三、交互长页面动画应用广泛
本次H5新闻报道的长图类H5形式占多半,一个是这种技术实现起来简单、易出效果,交互体验好,只要故事叙述得清晰、画面色调把握的好极容易产出优秀作品。
另一个是用长卷表现手法做叙述类H5,让新闻故事的描述更具有历史感。正好与70周年的发展和变化相契合。

作品:H5|致敬共和国英雄!习近平铸就“中国信仰”
出品:央视新闻
https://b.u.mgd5.com/c/s_uz/aavv/index.html
image9.jpeg



作品:央企与共和国共成长
出品:国务院国资委&中国日报网
https://4.u.mgd5.com/c/iur3/9aai/index.html
image10.jpeg



作品:70年,一户人家的光影故事
出品:求是网
http://h5.qstheory.cn/c/e0df/bwn9/index.html
image11.jpeg



作品: “数看”福建70年之变
出品:人民网福建频道
https://8.u.mgd5.com/c/zrz9/5h8m/index.html
image12.jpeg



作品:我在幸福长街70号等你
出品:红网
https://h5.rednet.cn/c/kwbk/dmfw/index.html
image13.jpeg






四、专题类(用H5作为专题导航,内嵌各种形式的70周年报道)
南方财经全媒体集团用H5替代传统网页作为一个新闻专题的导航页面,画面和动态效果更加美观、交互和表现形式更加多样,并具有实时更新的优势。另外可实时获取H5导航的浏览数据、获取用户提交数据并用木疙瘩内容分析查看用户的高级浏览行为数据,从而更好的监控作品传播效果,通过行为数据更科学地分析用户关心浏览的“点”从而改进H5新闻的作品及传播效果。

作品:表白祖国!一起感受70年的沧桑巨变—21世纪经济报道倾情致敬
出品:南方财经全媒体集团
https://2.u.mgd5.com/c/simn/vltu/index.html
image14.jpeg



山东广播电视台融媒体资讯中心、长城新媒体集团等媒体抓住H5的适配性高、应用面广、传播速度快等特点,已将H5新闻报道归为日常的报道形式,即专题系列化报道。再加上全新的创意以及嫁接新闻报道的特点,极大的提高了新闻舆论的传播和影响力。针对民生热点以及社会焦点,让原有传统纸媒的信息传播形式通过移动端“飞入寻常百姓家”。

作品:闪电视界|宁津:壮丽70年 丰收颂祖国
出品:闪电视界
http://3.u.h5mc.com/c/wtmp/zpxe/index.html
image15.jpeg


作品:祖国,我想对你说
出品:闪电新闻
http://h5.iqilu.com/c/ofxv/cgvi/index.html
image16.jpeg


作品:骆宗明:388本家庭账簿忆变迁
出品:长城新媒体
http://h5.hebei.com.cn/c/5c3d2 ... .html
image17.jpeg


作品:闫青海:“开游船”的老党员
出品:长城新媒体
http://h5.hebei.com.cn/c/5c3d2 ... .html
image18.jpeg



作品:王景堂:七旬老人手绘“中国梦”
出品:长城新媒体
http://h5.hebei.com.cn/c/5c3d2 ... .html
image19.jpeg



五、对比类新闻的创新
对比类新闻最常见的是新旧物件对比、事件前后场景对比。这类H5技术实现可以使用木疙瘩的擦玻璃工具,以及坐标关联等功能实现,并将声音、动画、视频等信息载体与对比物体进一步连接,以创新的方式通过现知的内容去了解对比以往的内容,从对比交互的体验入手形成事件对比的H5新闻报道。

作品:老物件VS新玩意,超时空同框 带你穿越70年
出品:上游新闻
https://0.u.mgd5.com/c/d6pq/rhdg/index.html
image20.jpeg



作品:70年前TA们登上湖北日报创刊号,70年后……
出品:湖北日报
https://a.u.mgd5.com/c/0pfb/4cg0/index.html
image21.jpeg



那么,大家想策划制作一支经典刷屏级的H5新闻时,除了从用户心理、交互体验出发外,平时还需要多看、多积累一些经典的H5新闻案例来提高自己的H5策划制作水平。为了帮助大家策划出更好的H5新闻作品,小编汇总了各大媒体的H5新闻案例,扫描下方二维码获取:

站内論壇-70周年媒体文.png

木疙瘩#每日分享吧#2019-10-16

mutemplate 发表了文章 • 0 个评论 • 9 次浏览 • 2 天前 • 来自相关话题

木疙瘩每日分享吧
2019年10月16日 星期三
——————————————

【元件动画源文件共享】
大气金星飘落效果
预览地址:
http://rrd.me/epJUY
打开共享源文件,将作品另存到自己账号中
共享源文件:
https://www.mugeda.com/animation/ed 查看全部
木疙瘩每日分享吧
2019年10月16日 星期三
——————————————

【元件动画源文件共享】
大气金星飘落效果
预览地址:
http://rrd.me/epJUY
打开共享源文件,将作品另存到自己账号中
共享源文件:
https://www.mugeda.com/animation/edit/50ac0386


【每日一答】
Q:进度条与定时器关联,卡顿如何解决啊?
A:把定时器的精度调整为毫秒即可。



——————————————
本期编辑:木盆

木疙瘩#每日分享吧#2019-10-17

mutemplate 发表了文章 • 0 个评论 • 7 次浏览 • 2 天前 • 来自相关话题

木疙瘩每日分享吧
2019年10月17日 星期四
——————————————
【模版推荐】
城市名片
http://rrd.me/eFrMt
垃圾分类小能手
http://rrd.me/eFrQr
代表委员的行李箱
http://rrd.me/eFrRh

打开木疙瘩模版中心,在顶部搜索栏中输入模 查看全部
木疙瘩每日分享吧
2019年10月17日 星期四
——————————————
【模版推荐】
城市名片
http://rrd.me/eFrMt
垃圾分类小能手
http://rrd.me/eFrQr
代表委员的行李箱
http://rrd.me/eFrRh

打开木疙瘩模版中心,在顶部搜索栏中输入模版名称即可

【每日一答】
Q:我该怎么禁止翻页?
A:在舞台上添加一个物体,在物体上添加禁止翻页的行为就可。
——————————————
本期编辑:木盆

木疙瘩#每日分享吧#2019-10-18

mutemplate 发表了文章 • 0 个评论 • 10 次浏览 • 2 天前 • 来自相关话题

木疙瘩每日分享吧
2019年10月18日 星期五
——————————————

【教程推荐】
2分钟就搞定的擦玻璃功能
http://m.mugeda.com/lesson/5c2 ... 7fa53


【每日一答】
Q:擦一擦图片显示下面的图片是怎么做的?
A:在舞台左侧上添加擦玻璃控件,在右 查看全部
木疙瘩每日分享吧
2019年10月18日 星期五
——————————————

【教程推荐】
2分钟就搞定的擦玻璃功能
http://m.mugeda.com/lesson/5c2 ... 7fa53


【每日一答】
Q:擦一擦图片显示下面的图片是怎么做的?
A:在舞台左侧上添加擦玻璃控件,在右侧属性栏中添加前景图片和背景图片即可。

——————————————


本期编辑:木盆

【公告】木疙瘩新功能开发排期公布(第一期)

qz 发表了文章 • 2 个评论 • 52 次浏览 • 3 天前 • 来自相关话题

亲爱的木友们:
上个月开始木疙瘩向木友们广泛征集新功能及改进意见,收到了大家的热情回应,为我们提出了很多中肯的建议、新鲜的想法,小木表示深深的感谢!
 
木疙瘩对所有建议进行梳理,并拿出几个内部备选功能让广大木友们投票,从票选结果得出前5个待开发的功能为:
视频工具 (控制视频跳转到指定时间并播放) 查看全部

默认标题_公众号封面首图_2019.10_.17_.png

亲爱的木友们:
上个月开始木疙瘩向木友们广泛征集新功能及改进意见,收到了大家的热情回应,为我们提出了很多中肯的建议、新鲜的想法,小木表示深深的感谢!
 
木疙瘩对所有建议进行梳理,并拿出几个内部备选功能让广大木友们投票,从票选结果得出前5个待开发的功能为:
  • 视频工具 (控制视频跳转到指定时间并播放)
  • 全新的截图工具 (区域截图、截图精度设置、对任意物体进行截图)
  • 虚拟现实向前走动效果
  • 增加全景视频功能(在虚拟现实中控制全景视频)
  • 行为优化(可在时间轴的帧上直接添加行为,无需建立物体)

 
技术大大拿到票选结果纷纷表示很兴奋,马上对这些功能进行需求和开发周期的评估,准备大干一场啦!
 
综合票选结果和开发周期,10月份2个功能已经安排上啦!
 
下面小木公布初步的开发排期:
 
10月底上线功能有:
  • 视频工具 (控制视频跳转到指定时间并播放)
  • 增加全景视频功能(在虚拟现实中控制全景视频)

 
以上两个功能上线后,会马不停蹄的开发其余3项功能!
 
开发排期出来后,小木会第一时间告诉大家哦,在此感谢广大木友的支持!
 
 
 
 
 

木疙瘩#每日分享吧#2019-10-15

mutemplate 发表了文章 • 0 个评论 • 52 次浏览 • 5 天前 • 来自相关话题

木疙瘩每日分享吧
2019年10月15日 星期二
——————————————

【模版推荐】
开启宜昌时光滤镜
http://rrd.me/eEjzv
记者招待会
http://rrd.me/eEj6k
xxx大事记
http://rrd.me/eEj7W

打开木疙瘩模版中心,在顶部搜索栏中输入 查看全部
木疙瘩每日分享吧
2019年10月15日 星期二
——————————————

【模版推荐】
开启宜昌时光滤镜
http://rrd.me/eEjzv
记者招待会
http://rrd.me/eEj6k
xxx大事记
http://rrd.me/eEj7W

打开木疙瘩模版中心,在顶部搜索栏中输入模版名称即可

【每日一答】
Q:分享到朋友圈后,除了自己以外其他人都看不见怎么办?
A:将第一个个字母换成数字即可,例如https://f.u.mgd5.com/c....换成https://1.u.mgd5.com/c....

——————————————

本期编辑:木盆

木疙瘩#每日分享吧#2019-10-14

mutemplate 发表了文章 • 0 个评论 • 43 次浏览 • 5 天前 • 来自相关话题

木疙瘩每日分享吧
2019年10月14日 星期一
——————————————

【案例分享】
郑州生活志
http://rrd.me/eDzjX
读懂这6大基因,你就读懂了梅溪湖
http://rrd.me/eDzfW
传承老字号 奋斗新时代
http://rrd.me/eDzma

【每日一答】 查看全部
木疙瘩每日分享吧
2019年10月14日 星期一
——————————————

【案例分享】
郑州生活志
http://rrd.me/eDzjX
读懂这6大基因,你就读懂了梅溪湖
http://rrd.me/eDzfW
传承老字号 奋斗新时代
http://rrd.me/eDzma

【每日一答】
Q:怎么给物体同时做旋转和平移动画?
A:在时间轴上给物体添加关键帧动画,在下一关键帧修改位置和旋转属性。


——————————————
本期编辑:木盆

木疙瘩#每日分享吧#2019-10-12

mutemplate 发表了文章 • 0 个评论 • 45 次浏览 • 5 天前 • 来自相关话题

木疙瘩每日分享吧
2019年10月12日 星期六
——————————————

【教程推荐】
一次就能学会的接力型H5
http://medu.mugeda.com/lesson/ ... e943c


【每日一答】
Q:体量小的H5作品是怎么做的
A:在作品制作完毕后,导出HTML包到Tiny 查看全部
木疙瘩每日分享吧
2019年10月12日 星期六
——————————————

【教程推荐】
一次就能学会的接力型H5
http://medu.mugeda.com/lesson/ ... e943c


【每日一答】
Q:体量小的H5作品是怎么做的
A:在作品制作完毕后,导出HTML包到Tinypng进行压缩,利用资源管理区替换大图片。

——————————————


本期编辑:木盆

【案例分享】答对走两步,答错走一步

qqf35714a4fc 发表了文章 • 0 个评论 • 37 次浏览 • 6 天前 • 来自相关话题

查看地址:https://7.u.mgd5.com/c/_-my/pzye/index.html​




 

【经验分享】装13印章生成器

qqf35714a4fc 发表了文章 • 0 个评论 • 34 次浏览 • 2019-10-13 01:31 • 来自相关话题

查看地址模板地址





  查看全部

【经验分享】物理碰撞小游戏

qqf35714a4fc 发表了文章 • 0 个评论 • 29 次浏览 • 2019-10-11 17:01 • 来自相关话题

查看地址

【经验分享】点击复制文本效果

mengxin 回复了问题 • 3 人关注 • 1 个回复 • 46 次浏览 • 2019-10-11 16:00 • 来自相关话题

木疙瘩内容分析服务介绍

qz 发表了文章 • 0 个评论 • 40 次浏览 • 2019-10-10 16:47 • 来自相关话题

内容分析查看作品的高级浏览行为数据,帮助您更好的监控作品传播效果,包含但不限于以下信息:

打开成功率
成功进入到作品页面的次数比例,成功率越高效果越好。
 
加载时间分布
用户打开作品所需的时长分布,应该保证大部分用户的打开时间在8s以内。
 
页面到达率
作品各个页面的次数比例。后翻页面的到达率 查看全部
内容分析查看作品的高级浏览行为数据,帮助您更好的监控作品传播效果,包含但不限于以下信息:

打开成功率
成功进入到作品页面的次数比例,成功率越高效果越好。
 
加载时间分布
用户打开作品所需的时长分布,应该保证大部分用户的打开时间在8s以内。
 
页面到达率
作品各个页面的次数比例。后翻页面的到达率越高,说明浏览用户越感兴趣,反应作品更吸引用户。
 
每页停留时间
用户阅读本页的时间分布。如用户阅读时间过长,可适当的调整页面内容,以提高用户的阅读体验。
 
页面行为统计
页面上的点击等事件行为的行为统计和比例。
 
位置分布
用户的地理位置分布,以省为单位。
 
生成报告
下载详细的统计数据报告pdf文件。
 
内容分析服务价格1000元/个作品
 

————————————————————
那么该如何找到这项服务呢??
 
1、打开作品的数据统计页
进入我的作品
 https://www.mugeda.com/anilist.php
 
找到一个已发布作品,选择“查看数据”按钮,进入该作品的数据统计页面:
WechatIMG1735.png

 
2、打开内容分析页
这里就是内容分析服务介绍页了,您可以下载一个内容分析的统计报表预览一下效果哟~
WX20191010-170159.png

点击“立即购买”按钮,成功购买后,就可以打开该作品的内容分析功能,查看详细的内容分析报告了~
 

木疙瘩#每日分享吧#2019-10-10

mutemplate 发表了文章 • 0 个评论 • 65 次浏览 • 2019-10-10 10:59 • 来自相关话题

木疙瘩每日分享吧
2019年10月10日 星期四
——————————————
【模版推荐】
打字机游戏-获得你的关键词
http://rrd.me/e9SFg
记者招待会
http://rrd.me/e9SHy
时代记忆测试
http://rrd.me/e9SJx

打开木疙瘩模版中心,在顶部搜索 查看全部
木疙瘩每日分享吧
2019年10月10日 星期四
——————————————
【模版推荐】
打字机游戏-获得你的关键词
http://rrd.me/e9SFg
记者招待会
http://rrd.me/e9SHy
时代记忆测试
http://rrd.me/e9SJx

打开木疙瘩模版中心,在顶部搜索栏中输入模版名称即可 

【每日一答】
Q:如何快速制作单选题?
A:在左侧菜单栏的表单中点击单选题控件即可。

——————————————


本期编辑:木盆

木疙瘩#每日分享吧#2019-10-09

mutemplate 发表了文章 • 1 个评论 • 64 次浏览 • 2019-10-09 10:40 • 来自相关话题

木疙瘩每日分享吧
2019年10月9日 星期三
——————————————

【元件动画源文件共享】
常用红旗飘舞动画
预览地址:http://rrd.me/e8PK8

打开共享源文件,将作品另存到自己账号中
共享源文件:
https://www.mugeda.com/animation/edi 查看全部
木疙瘩每日分享吧
2019年10月9日 星期三
——————————————

【元件动画源文件共享】
常用红旗飘舞动画
预览地址:http://rrd.me/e8PK8

打开共享源文件,将作品另存到自己账号中
共享源文件:
https://www.mugeda.com/animation/edit/0e143471

【每日一答】
Q:为什么图片上传到木疙瘩上就不清楚?
A:在设计过程中,原始设计尺寸是舞台的二倍。默认舞台尺寸为320*520px,设计尺寸为640*1040px。

——————————————

本期编辑:木盆
 

木疙瘩#每日分享吧#2019-10-08

mutemplate 发表了文章 • 0 个评论 • 54 次浏览 • 2019-10-09 10:38 • 来自相关话题

木疙瘩每日分享吧
2019年10月8日 星期二
——————————————

【模版推荐】
人民日报:大侠,请重新来过!
http://rrd.me/e7WmK
红网:代表委员的行李箱
http://rrd.me/e7WgU
上车助力扶贫
http://rrd.me/e7Wvj

打开木疙瘩模版中 查看全部
木疙瘩每日分享吧
2019年10月8日 星期二
——————————————

【模版推荐】
人民日报:大侠,请重新来过!
http://rrd.me/e7WmK
红网:代表委员的行李箱
http://rrd.me/e7WgU
上车助力扶贫
http://rrd.me/e7Wvj

打开木疙瘩模版中心,在顶部搜索栏中输入模版名称即可

【每日一答】
Q:如何利用文本框制作更小的文字
A:首先把文本框打组,在进行缩放即可。


——————————————

本期编辑:木盆

【经验分享】木疙瘩制作行走的时钟效果

qqf35714a4fc 发表了文章 • 0 个评论 • 77 次浏览 • 2019-10-07 15:03 • 来自相关话题

demo地址




木疙瘩制作如需源码请留言
demo地址
时钟.gif

木疙瘩制作如需源码请留言

【代码分享】代码实现倒计时效果

qqf35714a4fc 发表了文章 • 0 个评论 • 41 次浏览 • 2019-10-07 12:09 • 来自相关话题

demo地址共享源码地址有问题请联系 查看全部




【通知】2019国庆节木疙瘩服务时间

qz 发表了文章 • 0 个评论 • 76 次浏览 • 2019-09-30 13:53 • 来自相关话题

放假时间:2019.10.1~10.7
人工客服:上午10:00-12:00   下午14:00-16:00(仅限付费会员)
作品审核:8小时内
QQ群/微信群:无值班


相关问题:
——作品审核——
建议不要反复修改重新发布,会影响您的项目上线,造成不必要的麻烦。如急需上线可购买会员,发布后直接 查看全部
默认标题_公众号封面首图_2019.09_.30_.png


放假时间:2019.10.1~10.7
人工客服:上午10:00-12:00   下午14:00-16:00(仅限付费会员)
作品审核:8小时内
QQ群/微信群:无值班



相关问题:
——作品审核——
建议不要反复修改重新发布,会影响您的项目上线,造成不必要的麻烦。如急需上线可购买会员,发布后直接查看并使用。
 
——付费会员人工客服——
登录后网页右侧橙色图标 - 人工客服
 
——智能机器人——
登录后网页右侧橙色图标 - 智能客服
 
——QQ 交流群——

(不属于客服服务,用于用户间技术交流)

教师交流群:475633109
企业交流群:562256909
新媒体交流群:338214678
学生交流群:413632245
独立设计师群:662106426
 
——查看教程——
图文百科全书:http://bbs.mugeda.com/?/feature/zhishi
官方视频教程:http://edu.mugeda.com/lesson.p ... 55f01
最新案例教程:https://ke.qq.com/course/list/Mugeda?tuin=6386c66
 
 
——申请推荐企业/设计师——
http://bbs.mugeda.com/?/article/583 

——申请发票——
http://bbs.mugeda.com/?/article/271
 

木疙瘩#每日分享吧#2019-09-29

mutemplate 发表了文章 • 0 个评论 • 38 次浏览 • 2019-09-29 11:01 • 来自相关话题

木疙瘩每日分享吧
2019年9月29日 星期日
——————————————

【案例分享】 
人民日报:爱国style
http://rrd.me/ezDms
解放日报:方寸之大
http://rrd.me/ezDqe
知乎:假如新中国成立以来有热榜
http://rrd.me/ezD3R

【每 查看全部
木疙瘩每日分享吧
2019年9月29日 星期日
——————————————

【案例分享】 
人民日报:爱国style
http://rrd.me/ezDms
解放日报:方寸之大
http://rrd.me/ezDqe
知乎:假如新中国成立以来有热榜
http://rrd.me/ezD3R

【每日一答】
Q:如何实现倒计时功能
A:可以利用时间戳制作倒计时
预览链接:http://rrd.me/ezDLt
详细教程:http://rrd.me/ezEeQ

——————————————
本期编辑:木盆