介绍

    此软件可以用于制作快速原型，也可以绘制中保真原型草图。

    应用人群：产品经理、交互设计师、UI设计师、网页设计师。

    原型分类：低保真（手绘草图）、中保真（使用相关软件绘制出来的）、高保真（包含效果图及原型交互）

使用方法

  1.先在自己的电脑上找到我们的画原型图的软件的快捷方式，然后双击打开它

 

 2.进入主界面之后会有一个弹出窗，我们点击“NEW FILE”这个按钮来创建一个新项目

3.点击之后会默认给你创建一个home页面，然后再home页面下面会创建三个子页面

4.添加新页面，对着home点击鼠标右键选择新建子页面，就可以创建一个新的页面了

5.在页面的工作视图下面，可以看到屏幕的左下角有一个“元件库”的窗口，这个里面放的都是可以添加到页面上面的组件，要把组件添加到页面上面去，直接拖动到页面的工作视图里面就可以了

 

 6.如果你想要自定义元件的样式和外观，在屏幕的右上方有一个“样式”的窗口，点击你想要美化的组件，选择样式窗口，这里面提供了多种样式设置，可以供你选择:

7.给组件设置点击事件

静态页面肯定是不能满足原型图的需要，因为我们通常或做一个交互操作，比如说点击跳转页面子类的，所以我们就需要给组件添加事件操作。添加事件需要先点击你要添加事件操作的组件，然后再点击屏幕右上方的属性窗口，然后你就可以看到有很多种事件操作，有鼠标单击、鼠标移入、鼠标移出:

点击鼠标单击事件，然后再弹出的窗口选择要进行的事件操作，最后点击OK:

添加完成之后，回到属性的窗口，就可以看到你添加的事件了

8.预览

如果我们想要看到原型的运行效果，点击菜单栏的“发布”-->“预览”按钮，然后就可以运行到浏览器来查看运行效果了

运行后就会弹到网页当中，随后就可以根据之前所设置的事件，进行操作。

 

 

 

 

 

 

 

 

 

参考文献：

https://blog.csdn.net/sunshine_0880/article/details/80203645 （舒眉）

http://sh.qihoo.com/pc/9a3abc3916dce03d7?cota=4&tj_url=xz&sign=360_e39369d1&refer_scene=so_1（作者不详）