Animate CC (An)
Flash Professional 改名为 Animate CC
Edge Animate CC 是基于 DIV+CSS 的(类似于 Hype3),而 Animate CC 则是基于 Canvas 的. 据 Adobe 官网 [3], Edge Animate CC 已于 2015 年 11 月起,不再更新。
Animate cc 的 canvas 项目生成的主要是 js, 必须引入 createjs 库.
HTML5 制作工具
百度 H5 [5]
平台式的 H5 场景制作工具,如同 PPT 制作一样,举例如下 [6]
易企秀. 最早的微场景平台,因此素材、案例相较于其他的平台更为丰富一些,操作界面相对于简单。
MAKA. MAKA号称是强大的HTML5,的确,我最爱的是它的动态效果,并且一些模板的质量、排版也是最高的,打开速度也是不错。
初页. 推荐入门级别使用,更针对于图片,只要你会配图,初页就是你最好的选择,它有固定的模板,模板的效果很炫丽~但是有一点,固定模板的字体不能更换
兔展. 使用频率较低,一般作为素材库选择,看看里面有没有好的素材借鉴,使用的感觉和“易企秀”相似,但是有的地方稍有繁琐。
有赞(口袋通). 准确的说是个微商城,功能强大,微商可以配合微信平台做个微网站什么的,提供支付的功能,重点是免费的,里面有社区,可以回答相关问题。
快站(搜狐). 做H5页面功能不是很强大,能提供基本需求;建立微网站,更快捷,前一阵玩了搜狐自媒体,快站也可以和搜狐自媒体结合,直接查看发布的文章。
ih5. 专业的 H5 工具,用了他之后觉得其他的都会是渣渣,会有互动游戏等相应的功能,如果对H5页面有更高的要求,这个会是你的首选。
HTML5 动画制作 & 其它
离线动画软件:Adobe Animate CC、Google Web Designer、Hype [6]
Adobe Animate CC. 以动画制作为长,离线操作,需服务器部署. 动画制作是最精细的,原理上比较接近物理世界. 但导出来的 HTML5 canvas 文件还需要配合前端代码实现和部署,如果需要添加交互的动作也需要一定的代码基础,对不懂编程的设计师难度较大。
Google Web Designer 主要用于做 HTML5 动态banner
Hype 是苹果员工创业做的,跟 An 类似。
在线可视化H5制作工具:iH5、Wix、Weebly
iH5 综合水平比较高,产品设计的初衷就是用可视化操作替代传统的编程,在易用性和动画/交互制作上的平衡较好,属于能达到编代码效果的小白工具。Adobe虽然可以做很复杂的动画,但是对一般用户而言即使做出来也不知道怎么部署和应用,可能更适合作为H5前端开发的辅助性工具。iH5是以交互为长,除了做H5动画以外,更有价值的是交互的制作。比如现在比较流行视差网站,交互式动画,响应式微官网,小游戏,弹幕这些,都是属于交互式H5的范畴。
Wix 和 Weebly 以 PC 端 HTML5 建站为主,类似 WordPress 的模板编辑模式,功能自由度低,勉强归在这一类别
展示类 H5 编辑工具:Epub360、兔展、易企秀、Maka、Prezi。以信息展示为主,在线编辑。
Epub360 相对于其他几个有更强的交互功能,不过本质上是PPT的逻辑,操作上也比其他三个工具要难些。
兔展、maka、易企秀。目前以满足 C 端或者商家的简单展示需求为主,所以产品形态比较简单。
Prezi 则专注于在线 PPT 演示。
References