这个是网易哒哒最新出的刷屏H5,像网易这款H5其实制作是非常麻烦的,因为涉及到文案、创意、动效交互等等很多因素,基本上都靠代码堆砌出来。
前端后端:撰写JavaScript/CSS/HTML代码
后端代码:PHP、Node.JS等
这么一来,一个标准的H5页面制作流程就完成了,剩下的就是简单的页面测试,确保内容没有BUG.
但如果只是想做一个很简单或者很普通的H5还是很简单的,目前市面上有很多第三方的微信平台,当然现在市场上还有很多第三方的H5制作工具,他们的原理和内容流程大同小异,区别只是在于,网上生成的最终只是把这些步骤通过页面自动帮你实现了。
包括人人秀、易企秀、MAKA、兔展等H5平台都可以实现这些过程。
另外在制作一个H5的过程中,一定要注意下面几点:
1、前期跟前端设计师进行沟通,讨论页面中元素的动效呈现。例如一些元素的位移,旋转,翻转,缩放,逐桢,淡入淡出,粒子效果,照片处理等等,还有3D展示效果。 (http://fffNaNiscm.com 这个网站里有h5所能实现的效果)
2 、背景动效其实比较推荐缓动效果,如“京东管培生招聘”的例子里星空中一闪而过的流星,间歇性出现不抢主角风头再好不过了.
3、复杂多变的动效不一定是好的,要考虑到加载速度等用户体验问题。
4、考虑到用户使用场景的多样性,那种介绍类的如果要加背景音乐,尽量不要太粗暴。有一点循序渐进最好,给用户留时间在骚扰别人之前可以关闭。
或者可以在开始时是关闭状态。但做游戏h5页面的时候&#