原型程序作业

软件一、InVision

这一类工具是UI设计师的交互演示利器，此工具是在网页端进行设计。交互的设置上多以创建热区为基础，点击热区跳转页面为主要功能，几乎不需要任何学习成本，也没有什么操作难度，而且由于具有协作功能等原因，InVision显现出更加优秀于同类型产品的一面。

使用此工具有一点明显的好处，就是可以把UI设计师做好的图片直接导入当做界面，InVision和Flinto Lite，它们可以直接导入PS或AI的设计文件。然而，它们是，也只能是UI设计师的交互演示利器，因为这三款工具并不支持设置组件以及组件交互。

 

 

软件二、Mockplus

这个软件也是进行交互设计的好帮手，它的特点就是设计上相对的轻便快捷。只需要根据层级移动组件位置，就可以创造出对应的交互效果。同时，此工具也采用了拖拽链接点来作为基本的操作方式。这种操作中的高度可视化，使得设计的过程变得十分简单有效。

Mockplus相对于http://Proto.io 6这种由小组件组成容器，再由容器组合为其他组件的设计模式，Mockplus则是更多的直接提供高度封装组件。作为一个“懒人”，应该对这种化繁为简的方式甚是喜爱。而且依靠着这种简单的操作方式和程序本身自带的超过2000枚的矢量图标，你甚至可以在完全没有网络的情况下仍然出色地完成原型设计。导出的演示包、HTML的离线包也会让预览变得不受网络的限制。

 

 

软件三、Framer JS

原型设计想做到功能全面，那就难免会和代码挂上钩。此软件的使用难度相对于第一个来说偏大一些，它的变量、判断等等功能会难倒许多交互设计师。但它也有它的优势，Framer JS诠释了到底什么才是用代码“写”原型。这才是这一类中真正以代码为基础的原型设计工具，只要能够写出相应的代码，它就可以把你的想法通通变成现实。

此功能虽然相对全面，但是学习成本被大幅提升，所以，想要熟练运用这一类工具，最好还是先掌握了足够的知识，再来尝试。