HTML5还能火多久?
虽然目前是婴儿,但已颇有帝王未之相,它的未来可不可小觑。例如业界一直争论不休的,Web APP和原生APP的生死之战,还例如HTML5游戏引擎的兴起,使得H5游戏市场也变得炙手可热。
小编深信除非有另一种新的底层语言出现(没有10年,不太容易发生),否则H5的会一直活得好好的,其生命力也会非常旺盛。因为HTML5本身具有跨平台运行,研发高效,易于分享等优势。如何创意地运用这个语言的很多特性,还有很多可待挖掘之处,比如移动互联网向互联网全领域扩展,页面向游戏扩展,简单展示向交互扩展,手机向其他智能硬件扩展等等。
目前市面上如何做HTML5页面?
如果老板现在扔给你一个任务,说一个星期后的七夕情人节,要结合产品上线一个表白贺卡,你对他眨眨眼睛,脑子里转过几种想法?
1)找开发团队写HTML5 JS代码,公司的开发团队似乎这两周任务都满了,可能要找个外包,可是手头根本没有预算……
2)轻型模板,可以用一些简单的H5模板工具,不用写代码,让设计师导入几张好看的图,排版一下,上下翻个页,就能交差了。什么?老板说要能转发的时候换人名,换祝福语?额 ……那只有第三种了,
其实以上的三种基本代表了目前市场上你可以使用的完成H5页面的三种方式。
1)代码
不用多说了,你要是本来就会Java,JS,CSS,搞个HTML分分钟吧,可是,这些英文字母我都认得,拼起来就一个都不认得了…..
相比普罗大众来说,会代码的还是少数,专业的人才才会去触碰,但是黎叔早就告诉过我们,21世纪最缺的就是人才,要找到一个专业,勤快,价格适中的程序猿,呵呵……
2)模板工具层
这部分的工具能帮助你快速地完成一些翻页的效果,或是物体进场的动画。只要进行简单的选择,能做出一个完整的作品来,效果也不差。非常适合刚接触HTML5的一些新人,很快做出一个作品来,增强自信。目前市面上有的去年的老将:云来、易企秀、兔展、初页、Maka;还有一些今年的新秀:70度、腾讯玉兔、蓝标的麦片。
3)专业工具层
?? 互动大师:研发了8年,包括核心的引擎,都是团队自己设计的,功能强大。
?? Epub360:使用国外的GreenSock引擎,在此基础上再开发,从电子书入手市场,现在发展的也不错。
?? Adobe Edge:Adobe的HTML5产品,当Adobe宣布停止更新Flash的时候,就把精力着重花在这个产品上了。
专业工具最大的特色就是灵活,有很多设计师可以自由发挥的空间。当然换句话来说,也就没有那么容易上手了,都需要花一定的时间,看一下教程,并多多练习做作品,才能真正精通。
针对专业HTML5工具的测评
互动大师
功能指数: ★★★★★
性能指数: ★★★★★
学习难度: ★★★★
设计外观: ★★★
Epub360
功能指数 ★★★★
性能指数 ★★★
学习难度 ★★★★
设计外观 ★★★★
作为国内另一款HTML5设计工具,其灵活性介于专业工具和模板工具之间,同样采用基于“页”的概念(这点和易企秀等模板工具概念相同),近期增加了一些“触发事件”的概念;加载速度有点慢。没有太多的可调节动画的空间,因为只有几种固定的动画出现方式,无法用时间轴去控制,所以习惯了Flash的童鞋一开始接触这个可能会有点摸不着头脑。做游戏有点吃力,但做其他的还不错,也可供大家选择。
Mugeda
功能指数 ★★★
性能指数 ★★★★
学习难度 ★★★★★
设计外观 ★★★★
点评:木疙瘩(mugeda)这款产品,也是大概在3年前就开始做了,一开始用H5做类Flash动画和Banner,主要用在广告,或是网页上的一些弹出小窗口里的一些小动效。后转向H5场景应用,最近木疙瘩也开放了接口API。由于这套产品是4个小产品构成,很多产品还要配合代码才能完成,例如Mugeda Studio和Mugeda API。所以整体学习难度比较大。另外的一个产品Mugeda Page性能和模板工具相当。此外Mugeda每个节日都会推出了一系列的微卡,在四五十岁的人群中比较流行,哪些品牌如果专注于这个人群,不妨试试他们的微卡服务。
综合评价:有些功能设计的非常不错,让人眼前一亮;但由于分成了几个小工具,有些地方开发需要代码,小白学习起来难度最大。由于支持代码,整体灵活性相对比较好。如果你有半个程序员能帮你做事,不妨考虑此款工具。
Adobe Edge
功能指数 ★★★
性能指数 ★★★
学习难度 ★★★
设计外观 ★★★★★
点评:这是Adobe公司的正牌产品,但思路还停留在做一个离线的.exe的软件,类似一个能做HTML5的Flash动画工具。2013年出来,功能相对传统,对互动和交互的支持主要在实现一些动画上面。也许是手机的交互需求和原有的PC端交互有很大不同。不过整体风格是仍保持Adobe的设计风格,加上Adobe原有的一些对图片处理的技术,比如模糊,阴影,选色等等,如果你要制作图片及进行图片的一些动态变化,选它就相当方便。不需要事先将图片处理好,拉到Edge里面去处理就可以。没有页面或是翻页的概念,所有画面都集中在一个页上,但可以像PS一样分层。此外,Adobe Edge生成的文件是index.html及一堆的js文件,如果真的要上线,你还得找个工程师帮忙一下。
综合评价:软件的总体设计还是偏向之前Flash的一些传统功能,对移动和交互支持相对有限,主要是对PC端的banner和动画支持相对较好。
另外有兴趣的同学可以看一下Google Web Designer,是Google的一个团队做的产品,在功能上主要也是偏向Banner和动画技术的,但是Google也没有特别推广,而且网上不少人询问,这是个半成品么?因为通过它能实现的很多功能都比较简单,而真正设计师想要的效果还达不到或是不尽如人意。