4款最受欢迎的Mac原型工具

 

原型工具中Wireframe, Mockup和prototype之间的有什么不一样？

不管你是一名刚入行的UX/UI设计师，仍是入行多年的老手，在制做原型的过程当中必定接触或据说过其中很重要的三个原型术语：“wireframe （线框图）”， “Mockup” 或“prototype”。但扪心自问，你真的可以明明白白的分清他们吗？

事实上，就我而言，更多的是将他们当作是产品软件迭代设计的三个阶段：

第一阶段: 绘制线框图（wireframe）

当设计师或产品经理在了解到用户需求和产品自己特点及性能以后，会理所固然的对于产品软件主要界面，布局和功能分配之类要素有个全局把握，为了测试这些想法的可行性，他们经常会使用一些手绘的原型工具绘制出一些没有太多产品细节的原型草图，而这些草图通常被称做线框图（wireframe）。

第二阶段：编辑调整线框图建立具备更多细节的Mockup

而后，当设计师们与其余的设计师或产品经理讨论并听取他们的意见以后，会对线框图作出调整和完善，即添加更多的部件，颜色，图层，布局和排版之类的细节以后，建立更真实和高保真的Mockup。

 

第三阶段：添加动画交互建立prototype项目 

以后，为了让网页或移动端原型更生动，直观且接近最终应用, 设计师会对原型添加各类动画，交互以及转化设计，从而建立prototype项目。

总之，线框图（wireframe）更相似于设计师根据想法制做的关于产品应用的草图，展现出应用大体的布局，所包含的的功能界面以及真实外观之类主要因素。而Mockup则加入了更多细节和视觉元素，以便让原型自己更接近应用的最终成品。固然，只是外观上的接近。而后，prototype则是添加了更多交互和动画的原型，以便设计师能够更好的展现和测试软件应用的功能。

简而言之，三种原型各有特点。并且，现今市场上，为增长原型工具自己的市场竞争力，从产品功能上分析，并无绝对的wireframe，mockup或prototype原型工具。例如balsamiq就是一款容许设计师绘制草图的mockup原型工具（既可用做wireframe工具，也可用作mockup工具。）

哪些最受欢迎且免费的Mac原型工具值得试一试

既然市场上并无彻底绝对的wireframe, mockup或prototype工具，那么咱们在选择的时候就须要更多的关注，哪一款原型工具可以更方便咱们制做某种类型的应用原型。因此，这里介绍4款最受欢迎且免费的Mac原型工具，以便你们下载使用：

1). Balsamiq

Balsamiq是一款免费且界面简洁的Mac原型工具，致力因而尽可能给用户，即UX/UI设计师，产品经理和开发工程师，一种近似于直接使用笔和纸绘制原型草图的体验。它可以帮助设计师快速地直接在Mac电脑上绘制网页或Android/iOS移动端设备应用的草图。其快速添加功能也为设计师搜索和拖拽须要的应用界面组件提供了便利。并且，其在线团队协做功能也能更方便参与其中的设计师，用户，客户，产品经理及开发工程师提出针对应用原型的建议和评论，更有益于原型方案的提高和完善。

可是，因为Balsamiq是一款须要设计师一一绘制出应用原型部件的手绘工具，并不适合须要建立更多细节和动画的设计师。

 

2). Mockplus

Mockplus是一款简单快速且全面的Mac原型工具。提供了很是丰富的功能帮助设计师建立网页或移动端app的wireframe, mockplus 或prototype项目：

*提供了超过3000个图标和200组件的强大组件库，便于设计师快速设计建立原型

*容许设计是经过简单拖拽建立可视化交互和动画

*快速格子功能，傻瓜式操做，为设计师快速实现批量复制提供了便利

*8种演示分享方式，方便设计师展现和分享原型设计

*团队协做功能，一键分享，通知阅览和批注，方便设计师分享设计资源和完善原型设计

*项目例子和模板，一键导入便可使用，方便用户设计各类社交，音乐，旅游及学习等软件原型。

总之，不管你是须要建立线框图，mockup或拥有灵活交互的prototype, Mockplus都会是你不错的选择。

 

3). Pencil Project

Pencil Project是既一款开源的GUI 原型工具，同时也是一款免费且适用于Mac平台的原型工具。软件内置多样的图形和组件，方便设计师直接绘制各式应用界面原型。它支持多种导出格式，例如PNG, PDF, SVG 和 ODT 文件格式等。并且，若是须要的话，在使用Pencil Project制做原型时，还可在原型文件以内添加组件与页面之间的连接，使原型更具可操做性。

因此，从这一方面来说，Pencil Project对于无需建立复杂原型项目（即无需添加多样配色，版式和动画）的设计师来说，使用起来会更方便。

 

4). InVision

InVision是一款在线的原型工具。容许设计师编辑，分享和测试具备必定交互的应用原型。而其团队协做功能，即容许设计师导入原型，讨论和添加交互及动画，也为部分设计师用户所喜好。并且，做为一款支持大部分浏览器打开的在线工具，InVsion也适用于任何Windows和Mac电脑。

因此，InVision更适合但愿经过在线团队协做完善原型交互，同时可以及时获取其余设计师，产品经理以及软件开发人员建议和反馈的设计师使用。

 

总结

所以，若是你是喜欢手绘网页或手机端应用原型的草图的文艺青年， 手绘风格的Balsamiq会是你不错的选择。若是你是但愿建立具备丰富色彩，布局多样，细节清晰且交互生动的应用原型的设计师，简单快捷且功能齐全的Mockplus会是你很好的尝试。若是你是但愿找到一款可以帮助你设计和绘制不太复杂的应用原型，Pencil Project会带给你有趣的体验。固然，若是你只是但愿经过团队协做优化应用原型并得到其余参与设计师的建议反馈，Mockplus和InVision都值得尝试。