什么是H5动画？H5动画是指以网页和动画的形式，通过动画，达成与观看者、使用者之间的动态交互，减少静态死板的场景，以提升使用者的使用体验，一个好的H5动画，对于提升网页的整体效果有显著作用。
而好看的H5动画大多数是UI设计师等非专业编程人员进行制作，对于这些人员，有什么好用的制作软件呢？Mac系统的话，大家可以尝试使用Hype，这是一款时下较为流行好用的动画制作软件了。
一、可离线制作
相比于目前大多数H5制作软件，如凡科、Mugeda、epub360的网页在线制作方式，Hype是一款独立的软件，可在电脑上进行离线制作并保存，减少了网络的限制、从而避免突然的制作卡顿和未及时保存导致的文件丢失，另外Hype还可以找到制作历史版本，进行复原，给人满满的安全感呀。
图1：历史版本复原
二、可通过多种方式实现交互
Hype怎么制作交互动画呢，有哪几种方式？
1、关键帧动画方式。通过点击录制按钮录制元素的属性状态变化，从而实现网页动画交互。
图2：录制动画
2、在元素上添加触发事件。将动画事件绑定在元素上，元素发生特定变化时触发动画交互效果。
3、物理引擎实现交互。通过Hype的物理量检查器，为元素添加各种物理量，如重力，可以实现出各种奇妙的交互动效。
图3：施加物理量
4、通过JavaScript进行交互，Hype可通过往资源库中添加外置的JavaScript文件，以此来实现各种特定的交互效果，如图片拖拽排序效果等。
图4：添加JavaScript函数
一个网页优秀与否，在于网页功能实现之时，能否让用户用着舒服。Hype通过图形化的界面，提供多种方式，非常简单地去实现网页的动态交互，在增加网页实用性的同时，还能提升用户体验。
三、制作简单易上手
软件界面简单直接，分为五大区：左侧场景区、上方元素添加区、中间的主界面、下方的动画时间线区以及右侧的各项Hype检查器。
图5：界面解析
是不是一看就一目了然？相比于目前大多数H5制作软件繁琐的页面来说，Hype的页面往往更容易接受和使用。
作为一款应用程序，Hype将易用和好用相结合，通过多种交互方式，帮助我们来完成一个精美的H5动画，大家觉得Hype不错的话，可以到Hype中文网站上下载试用哦。
作者署名：包纸
