什么是H5页面及又该如何制作?

通常我们所说的H5就是H5广告,大多是在微信上宣传营销使用的,而HTML5是第五代HTML的标准,可以说,H5都是基于 HTML5 实现的,包括目前我们看到的大部分网页,基本上所有H5都遵循HTML5这个规范,不然就会出现问题。

通俗的讲,H5是一个网页,就像一个很大的容器,里面可以放文本、图片、音视频等基本的流媒体格式的文件。

前面我们解释了“H5是H5广告”以及"H5与HTML5的关系",有些朋友可能听得是云里雾里,下面我们从H5的应用及发展、H5页面的制作、H5的未来趋势猜想等方面向大家介绍什么是H5页面。

一、H5的应用及发展

早在2014年,H5是互动营销方面已经崭露头角,火爆的H5小游戏《围住神经猫》刷屏了,H5这个词第一个以这样特别的方式正式出现在大众的面前,第一个称作这种形式为“H5”的人也无法考究,但是这个词定义了它在广告营销中的十分重要的地位。

众所周知的是,H5虽然是一个网页的形式,但是主要是靠微信扫码、公众号、微信群和朋友圈等渠道传播,这便自然的与微信这一个词捆绑在一起(到今天我们还经常能听见微信H5这种叫法),恰逢微信的发展势头如火如荼,H5这种新型的广告形式,搭借日活3亿的微信也得迅速发展,这也在一种程度上推动了H5技术的发展,,技术的碰撞总是能带来创意的疯狂肆意生长。一席间,H5一词便火遍大街小巷,误打误撞就像当初熊猫的错误的叫法一样,技术专业领域的从事人员也渐渐妥协,不再纠结“H5”这个词是不是不准确。

既然H5作为广告的一种形式,那么在不同应用场景是有一定区别的,比如市场策划说它是一些品牌文案,设计师眼中它是平面UI界面,编程开发人员说它是一个HTML网页,推广营销人员说它是一个活动……那么我们从创意形式、行业、场景三个维度来划分目前H5的实际应用表现:

创意形式:视频H5 、一镜到底、 全景VR、 快闪、 答题测试 、合成海报、 游戏、 拟态类、 数据表单 、横屏H5、 长页面

行业:互联网/IT、汽车、地产/酒店 、金融/银行、文化/娱乐、服饰/时尚 、电商/商业、教育/培训、媒体/政府、旅游/会展

场景:邀请函、 招聘 、品牌推广、 产品宣传、 婚礼庆典 、活动营销 、节日主题、 数据报告、 微杂志 、微官网、 年会

早期的H5的标准还未完全定稿,人们从新奇的动态网页到烂大街的H5动画只花了大概5年,原因在于铺天盖地的工具与廉价的模板导致整个行业运维项目成本极大的降低,一层层揭开HTML5的面纱,直至“一丝不挂”,随便一个刚入门的小白也敢说“某大厂的项目不过如此”,甚至一些人开始唱衰H5,“H5已死”类似的话题总会时不时的出现我们视线中,现在H5进入平稳期,不单单靠技术驱动,朋友圈依然可以看到猪厂、鹅厂等大厂的项目还是可以刷屏,创意是不会过时,这也是H5的内容的精髓所在。

二、H5页面的制作

一般情况下,一个H5项目涵盖策划、创意、平面、动画交互、前后端的开发、推广等方面,需要多人团队的配合,随着互联网的发展,H5技术的普及,对人力成本的控制和开发效率要求,萌生出一堆H5工具。

代码开发:

最早的H5广告是需要代码开发,也只能依靠代码开发,一方面是当时没有工具,第二方面是代码可以做到更高的功能需求,安全、隐私数据可控,但缺点是成本高(程序员的薪酬高有木有)、周期长、风险大(万一活动节点耽误,前面做的工作岂不是打水漂了)。

H5代码开发教程平台推荐:慕课网-程序员的梦工厂

H5工具制作:

现在随着互联网的发展,H5技术的普及,对人力成本的控制和开发效率需求,萌生出一堆H5工具,简单的类似易企秀(推荐小白),可以实现一些翻翻页的小动效,复杂的其中就有意派Epub360,专业H5页面制作工具,大大缩短项目的开发周期,灵活度超高,几乎一个人就可以完成以前需要一个团队制作的H5项目

专业H5页面制作工具推荐:意派∙Epub360-专业H5页面制作神器

三、H5的未来趋势猜想

H5这个词进入大众视线中已有五年多,尽管靠着H5作品神秀在社会化营销圈的W公司的创始人李三水先生在2015年就曾发表过《H5还能活多久?》这个话题,但是我们相信H5的能力远不及我们今天所看到的、应用的这些。

入口渠道多元化

H5的火爆其实从另一个角度可以看出社交媒体的发展趋势,截止到今天,微信日活已达到10亿,这可能是国内历史上第一款APP有10亿DAU的数量级,在社交类应用APP仍然稳坐第一把交椅,不过近年来流量支付宝小程序、头条、抖音短视频应用的兴起,我们可以看到流量有向这些渠道分流的趋势,目前已经通过支付宝、头条等渠道适配H5页面。

融媒体行业需求猛增

自两会以来,政府与媒体在H5这个领域的应用越来越多。融合,既代表着开放和包容,又代表着优势资源的整合。随着融媒体时代的来临,以H5为核心的内容创新已成为社会各界关注的热点,而众多主流媒体也均已踏上这列快车,并在全新的媒体运作中进行着自我变革。

新技术应用

一个趋势是5G技术的革新及手机硬件升级,数据传输、富媒体文件加载迅速,这个技术在移动通信、短视频平台、富媒体类的网页都可以看到实际的应用变化趋势,视频化主体的表现形式或将成为未来很长一段时间的流行趋势。

另一个趋势,通过原生App开放的API(比如微信的JsSDK),比如将大大扩展了App的外延以及提升Html调用原生功能的可能,Html5既是内容的载体,同时会是连接服务的载体。

另外,人工智能AI与VR技术的成熟将更好的增强H5对于大数据的利用、收集与互动展示。

未来的HTLT5技术将真正为创意插上强大的翅膀,解放技术的束缚,H5广告将成为社会化营销信息更好的载体。

参考资料:《HTML5的影响力,将超出你我的想象!》

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,830评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,992评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,875评论 0 331
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,837评论 1 271
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,734评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,091评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,550评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,217评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,368评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,298评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,350评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,027评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,623评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,706评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,940评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,349评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,936评论 2 341

推荐阅读更多精彩内容