2、H5是一种构建Web内容的语言,是HTML5的简略写法。HTML又是英文中的"超文本标记语言"的缩写,HTML5也就是第五代超文本标记语言。由于HTML5本身已经是一个缩写,实际上将HTML5进一步缩写成H5在英语语法中是错误的,因此只有在国内H5才会被当做HTML5的缩写,以英语为母语的人群反而并不能理解H5的意思。
下面的内容主要介绍H5页面,我们一起来详细看看吧。
创意形式:视频H5、一镜到底、全景VR、快闪、答题测试、合成海报、游戏、拟态类、数据表单、横屏H5、长页面。
行业:互联网/IT、汽车、地产/酒店、金融/银行、文化/娱乐、服饰/时尚、电商/商业、教育/培训、媒体/政府、旅游/会展。
场景:邀请函、招聘、品牌推广、产品宣传、婚礼庆典、活动营销、节日主题、数据报告、微杂志、微官网、年会。
1、H5页面最大的优势是跨平台,开发者无需太多的适配工作,用户无需下载,打开一个网址即可,就能访问了。
3、H5页面推广成本降低,推广的只是一个URL链接,二维码,不需要几十兆,几百兆的安装包去推广。
4、h5对用户来说具有参与感和形式感,这都是现代人非常重视的点。比如结婚邀请、趣味测试、拼团、投票等等经典H5无一不是抓住人们情感、心理进行营销宣传。
5、传播效果好,h5页面最大的优势是传播能力极强,有非常好的传播效果,是企业商家做品牌曝光,产品宣传的利器。
6、H5营销互动性很强,能积极调动起用户的消费参与之心,甚至还能容用户主动拉其他人进入。
1、平台规则限制
2、时效性短
H5营销容易在第一次传播时产生巨大的热度,但是二次甚至多次传播较难,也就是爆发力强,但容易后劲不足。因为H5不似小程序或者APP,可以随时保留,随查随看,用户容易用完一次就遗忘。同时由于H5属于初级营销引流手段,用户依赖性低,很难在H5页面主动输入个人信息、注册账号等。
3、浏览速度慢
前面提到,H5是一种更有趣、可玩性更高的网页。而网页的打开速度受网络信号的影响,浏览速度越慢,用户多等一秒流失的可能性就越大。
4、同质化严重
h5基本都是用差不多的软件或者编辑器制作,想要别出心裁不容易,市场上同质化也有点高。
一般情况下,一个H5项目涵盖策划、创意、平面、动画交互、前后端的开发、推广等方面,需要多人团队的配合,随着互联网的发展,H5技术的普及,对人力成本的控制和开发效率要求,萌生出一堆H5工具。
1、代码开发:
2、工具制作H5:
现在随着互联网的发展,H5技术的普及,对人力成本的控制和开发效率需求,萌生出一堆H5工具,下面介绍几个工具供选择:
1、易企秀
易企秀是比较早期发展起来的H5页面制作工具,所以功能上还是比较齐全的。由于起步较早,易企秀俨然是目前国内市面上使用最频繁的H5微场景制作工具。不过由于适配的原因,做出来在手机上观看两边会有留白。解决方法是将图片变成背景。易企秀也是免费,有多种动态模板,可以简单、轻松制作基于HTML5的精美手机幻灯片页面。
2、兔展
兔展也是发展的比较成熟一款产品,一开始是本着"免费、自由、简单"的理念发展的,不过慢慢发展壮大后,有许多功能是VIP才能使用的,比如说特效或者更精密的模板之类的,兔展的使用页面十分清新。
3、MaKa
MAKA这个平台制作起来非常简单,静态模板和动态模板都有,模板样式丰富,浏览体验不错。有多种动态效果以及交互效果可供选择,除收费版外提供免费版,不过免费版不提供自定义动效、支付、导航、预约等服务,也不能添加外链。
4、人人秀
5、百度H5
总体来说,还算是比较傻瓜式的操作,支持直接导入PSD文件,不过想要做好一个H5页面不简单,要求拥有一定的PS作图能力,把图片做好以后导进去,然后进行文字和动画编辑即可。
1、了解需求并确定表现形式
了解H5制作背后的原因、目标,以及大致想要表现形式,主要是确定创意和大体方向,由策划人员进行主导。
2、文案拟定
在形成初步设想之后,需要确定每个H5页面的文案内容,并且根据文案内容初步形成与之对应的表现风格。
3、视觉设计
依据文案和确定风格由设计师进行视觉设计,然后双方沟通,再次优化,最终形成设计定稿。
4、代码或工具实现
使用H5制作工具,选择模板,修改元素可以简单实现,同时也可以上传PSD文件覆盖模板文件,自己创作。
5、H5发布
H5制作完成后,就是对H5进行发布,H5发布后要注意数据监测,随时了解H5页面的传播情况。
1、前期跟前端设计师进行沟通,讨论页面中元素的动效呈现。例如一些元素的位移,旋转,翻转,缩放,逐桢,淡入淡出,粒子效果,照片处理等等,还有3D展示效果。
2、背景动效其实比较推荐缓动效果,如"京东管培生招聘"的例子里星空中一闪而过的流星,间歇性出现不抢主角风头再好不过了。
5、考虑每一页音乐按钮放置的明显性。如果能用其他页面元素去替代音乐符号作为按钮也是极好的。
6、给前端设计师的音乐文件:格式为mp3等,单轨,最好30秒以内。为了加载速度,文件大小尽量控制在:100k以内最佳,可以用AdobeAudition等软件来压缩。作为无限循环的背景音乐,截取时一定要注意头尾得连接得上。