App之原型设计----小组作业：奇妙的AR海豚

由于现在的原型设计工具五花八门，各有千秋，每款工具都有各自的特点和相对擅长的领域，那么，先介绍几款主流的原型设计工具：

1.

Axure：发展较早的一款原型设计软件，因而名声较大。无限画布，适合做低保真到中保真度的原型。功能很多，也让学习起来有点难度，网上有很多axure教程就不多说了。本地型软件，可以下载html文档预览，手机预览不方便。

2.

墨刀：

国产的一款原型设计协作工具，比起axure来非常容易学会，内置组件很多，创建页面跳转也比axure简单太多。因为是一款在线工具，可以云端保存工作，这点确实很便捷。另外，通过分享链接就可以分享原型给别人看了，如果涉及到跟同事对接什么的，选择在线的工具更方便。

3.

Invision：

可以说目前是国外发展最大的在线原型设计工具，主打“交互原型”和“协作”，支持sketch和ps设计稿导入做交互。近来出的 Invision studio 对标sketch，想满足更精细的设计需要。国外一些大牛公司像airbnb和amazon都在用。不过对于国内用户来说会有服务器速度的问题，而且，贵。（土豪公司无视）

4.

Marvel：

Marvel 也是海外知名度较高的一款原型设计协作工具，支持PS和sketch设计稿导入做交互原型，本身也支持中度保真程度的设计。也有自动标注功能。图片库对接unsplash，这样来自unsplash的很多精美的免费图片可以直接用。价格比Invision稍便宜。

5.

POP（Prototyping on Paper）

这款比较另类，是与手画草图做交互。操作轻巧简单：先用手机拍下草图原型(存到POP app内)；然后开始编辑图片的哪个区域（按钮）链接到什么页面，添加跳转链接热区，就可以在手机上给小伙伴们演示了。内嵌的交互动作 如侧滑、展开、消失等，即可满足一般的动态演示需要。但功能较为简单，对更深的需求无法满足。

转载于：https://www.zhihu.com/question/19572438/answer/925298878

 

 接下来，介绍一下我们小组所使用的原型设计工具——墨刀，它是一款网页版的软件，采用云储存的方式，大大方便了用户的使用，保存起来也更加方便。我们小组的作品是AR海豚展示，做了一下两个页面，大概展示了如何使用墨刀来开发原型设计。

首先，添加图标，文本，墨刀自带的库中有许多实用的插件，

随后添加事件，即点击控件后产生的反应。

 

最后是运行，点击按钮后实现了页面的跳转，

    

 

 

       

这款原型设计工具的使用极其简单，有手就行，其实并没有什么好介绍的，多做做项目，人人都能做好原型设计，无他，唯手熟尔。