基础教程：Hype 4入门基础

Hype是一款在MacOS系统下无代码的交互动效制作软件，是一个创作网页的技术平台。通过这个技术平台创作出来的内容，在后台会自动生成代码，可以直接在网上通过浏览器、移动设备等浏览使用。

Hype软件创作出来的这些内容都是交互式的，做出来的界面是可响应的，可以通过手指、鼠标等对内容作用，实现人机互动。

一、Hype软件特点

1、无需写代码

一般而言，要做好网页设计，需要花费大量的时间学习HTML、CSS和JavaScript三种语言。而Hype的优势是完全不需要考虑代码的问题，可以通过各种元素模块直接在页面上创作内容。

此外，Hype还有很强大的延展性，拥有很丰富的资源包，这些资源包是一个个代码片段，可以直接应用在页面上，使页面呈现出更丰富的效果。

2、容易使用

Hype延续了苹果软件的风格，软件界面与Keynote基本一致，操作方法等同，而且各种操作都是傻瓜式的，即使是从来没有使用过Hype软件的小伙伴，只要是使用过类似于PowerPoint或者Keynote软件，就可以通过短期的学习，使用Hype软件创作出一个合格的产品。

图1：Hype与Keynote软件界面对比

3、轻量级的强大开发工具

小伙伴都知道，一个软件体积越大，功能就越多，使用就越不容易。而Hype软件体积非常小，安装后也只有三十几兆，可以说是一款轻量级的开发软件。但是，通过Hype创作出来的页面效果又是非常的出色，操作又非常简单，这是一款名副其实的强大开发工具。

二、Hype软件安装及项目保存

Hype软件安装非常简单，鼠标左键双击打开下载好的Hype.dmg安装文件，在安装界面中把Hype 4.app拖拽到Applications文件夹，Hype软件就安装完成了。

图2：安装Hype软件

打开“应用程序”，鼠标左键双击Hype4.app即可打开软件。

图3：Hype软件界面

在Hype软件操作界面，快捷键“Command + S”保存当前项目，把项目名称改为sample.hype,保存位置选择在“桌面”，那么在“桌面”就生成一个sample.hype的文件。

图4：保存项目

三、总结

Hype是一款强大的创作交互动效的H5制作软件。它学习简单，非常容易上手，没有繁杂的代码编写，能够快速实现效果，创作的内容可以直接在电脑和移动设备上使用，也可以嵌入到其他网页上，增强页面的效果。

尽管使用Hype创作网页几乎可以不使用代码，但小编在后面讲解Hype的各种功能的时候也会结合编程原理去解析元素的各个属性的作用，使小伙伴能够更深刻地理解Hype。