深圳网晨
刷屏简单的H5页面 到底是如何制作
2019-07-02 970

相信大家都在微信朋友圈里看到过一些宣传招新活动之类的链接,大家点进去会发现每一页内容都是动态的,文字素材图片的出现都有各自的动画,通过手指滑动切换页面。



【01】H5页面

其实,外界简单的称呼它为H5页面,其实H5这个词涉及的知识远超动态页面这一说法,这一说法是不严谨的。

但是为了推文阅读理解,下文所说的H5页面就是指简单的微信动态链接页面。

-----------

许多小伙伴平时看到的动态页面,可能是这些曾经在朋友圈刷屏的H5页面。



复杂案例,其实都是专业的团队花费一定的周期,投入代码/文案/美工等等完成的,整个的制作难度与成本都比较大,常用于大型品牌的活动宣传推广,传播效果往往也非常爆炸。

这种以微信传播为主要渠道的简单的动态宣传H5页面,通过图片素材等将文案具象化,赋予了一定的动态效果,结合了BGM效果,使原本干巴巴的纯文字内容,寓于了鲜活的生命力,吸引了更多的点击与传播。

【02】页面构成

文字内容/图片素材/动画特效/转场特效/交互工具。

1,文字内容 + 图片素材


文字和素材是搭建整个H5页面的门面。


①素材运用需要与主题内容相符合

②内容需要经过二次的整理,将重点语提取出来着重展示。

2,动画特效


和PPT动画相似,在H5里动画同样包括进入/强调/退出三个动态效果。


在一般的H5平台中,动画种类一般都非常丰富,只需要选择合适的动画,设置好动画时间,顺序,就可以使整个页面动起来。

转场特效:


默认的转场是页面向下推动,如果我们想要其他切换效果,也可以进行设设置,不同平台的设置位置不同。

3,交互工具


指的是制作H5的人,通过H5与观看者互动的过程,基础的交互主要是信息留存作用,主要包括链接跳转,表单功能,二维码,投票留言,地图功能等。

在此基础上,也可以研究研究更高级的玩法,例如h5小游戏,Layer容器,一镜到底,重力感应,走马灯等等。


扫一扫关注,获取更多信息
微信公众号
客服QQ:3002759040
客服电话:400-8617170
你可能对这些感兴趣
H5页面怎么设计?
企业如何利用H5进行精准化营销?
微信小程序定制开发多少钱?
微信小游戏“跳一跳”有什么魔力?