首页 > 前端做h5页面是个什么流程?

前端做h5页面是个什么流程?

这几天领导总说要做h5,让我先看看。
做那种h5动画页面是个什么流程,设计把psd给你然后就开始做了?
需不需要什么交互设计师,给我说这套动画是怎样动的?
没做过,我想知道是个什么流程?


H5是什么?
H5的特性也就是新增了部分语义化标签,删除了一些不常用的老标签。
新增了部分功能性接口。比如说gprs等等、
以及还有一个canvas重头戏。

其实H5网站没你们想的那么高大上有逼格。如果你们项目用不到canvas用不到H5的一些新接口。还要兼容所谓的678啥的你用h5干什么??

H5为什么适合手机?
只是因为手机浏览器都是最新的可以完美支持css3和H5

如果是移动端项目的话,你可以用H5,用最新的技术来搭建。

如果是PC需要兼容IE678。那你用不用H5没区别。用了反倒还不好,


反正我知道我这H5目前是白鹭引擎做一发FLASH动画


https://github.com/amfe/article/issues/1...

调优也加上
https://developers.google.com/web/fundam...


其实,很多公司领导对于HTML5的理解跟我们真正处理HTML5的人是不一样的。
我们更多的是从语法的角度,比如多了某种功能,某个API,某某语法之类的。
而很多公司想要的,其实是能够在移动端展示,也就是适配处理。

还有就是看到微信之类的分享的活动,也想要一个那样的HTML5活动。

说白了,就是想要在移动端看到这个东东,他们不管底层是如何实现的,HTML5多了啥啥功能,啥啥API,啥啥语法。

现在说说一般的活动的处理流程:
1.要知道活动具体的内容(需求阶段,是否要兼容PC等等)
2.可行性分析(技术调研阶段)
3.编码和UI设计(一般同时进行,这个要看经验和能力)
4.优化处理阶段(其实这一阶段要花费很长时间,比如适配,兼容性等等,但是很多都觉得不会花费很长时间,所以导致上线之后体验非常差)
5.正式上线

其实,处理一个HTML5活动是需要花一定时间的(当然,也有专门通过输入几个文字,贴几张图片在线制作的工具,或多或少会有些问题,一般单纯的展示还是够用的,这里说的是自定义性很强的)。一般的HTML5活动预计在一个星期,如果稍微复杂一些的,得预计半个月到一个月的时间。

HTML5活动,主要是UI和前端人员的配合,为了处理适配,更好的体验,对于一些切图是有一定的要求的,这个需要实际工作经验的总结与积累。

祝君好运,以上纯属个人看法(PS:我的工作很大部分就是处理这种活动)。


大部分H5页面只是用到几个H5标签。。跟写pc页面区别不大


关于交互,也是设计的一部分。
虽然不见得是由给你 psd 的那个同事负责,不过可以先问问,没结果就问问同事如何处理,没结果就问问领导,领导如果说随便那就自由发挥。。。估计最后就是自由发挥了。。。


做过H5小项目。
过程是这样:
拿到设计图---切图---实现静态---实现逻辑---实现动画---测试---上线


领导说的H5就是有好多动态效果的那种,推屏的、视差的、流弊动画的,都是h5。
关于交互,可以先和设计沟通,需要做成什么样,有哪些细节动画,如果设计没有有想法,问问领导有没有参考,如果还没有那就是你自己自由发挥吧。技术实现,就css3啦,Canvas,都可以。
看你需要,我们公司如果做那种纯展示型的H5,都是我们设计在flash做好动画,前端直接导出了,写点逻辑上代码就ok了。如果偏小游戏的那种呢,就要和设计讨论好,动画怎么做,需不需要flash先实现。

【热门文章】
【热门文章】