2016你一定要试试这8款原型设计工具

我们可以轻易的从网上获得各种各样的原型设计工具,例如众人皆知的Axure和新发布的Mockplus。下面为大家推荐8款原型设计工具。

以前,Photoshop在交互设计领域扮演着主要角色。最近一份调查显示, Photoshop的地位有所下降。一共有来自200个国家4000人参与了这次调查, 结果显示,设计师更加倾向于一些新型的工具, 因为这些工具简化了原型设计,设计数字产品的过程。

5bd13e6e-ce1a-44e9-b271-e8dd375209b3

我们可以轻易的从网上获得各种各样的原型设计工具,例如众人皆知的Axure和新发布的Mockplus。下面为大家推荐8款原型设计工具。

1. Axure PR

价格

l 标准版-$289一个注册码

l 专业版-$589一个注册码

Axure RP是美国Axure Software Solution公司旗舰产品,是一款专业的原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。 这是一款非常专业的工具, 但是学习成本也非常高。如果你是一位专业的交互设计师,并且需要设计复杂是交互,你可以使用这款工具。

fa9935f1-d2b0-471d-ae98-7cf968d735c3

2. Mockplus

价格:

l 基础版-永久免费

l 专业版-¥10/月

Mockplus(摩客) 是一款简洁高效的原型图设计工具,有别于Axure的繁复,Mockplus致力于快速创建原型。无论你是产品小白, 还是大牛,摩客都能满足你的需求。摩客的设计理念就是关注设计,而非工具。如果你时间有限,那你不能错过摩客,因为几乎不需要学习, 你就可以上手这款工具。摩客提供了丰富的组件库和图标库,创建原型,你只需拖一拖。摩客发布2.1新版之后,交互也成为其一大亮点,她将交互设计可视化,只需要拖一拖鼠标,即可完成交互的设计,所见所得,没有复杂的参数,更无需编程。封装好的一些系列交互组件,比如弹出面板、抽屉、内容面板等,让设计交互几乎可以全程“无脑”操作。演示也很简单,直接二位码扫描即可,同时支持发布到云和导出演示包。

97125ad9-32c9-4538-a614-7f185f594c34

3. Balsamiq Mockups

价格

l 单个注册码 - $89

l 多个注册码- $178 2个 (量大从优)

Balsamiq Mockups是一款快速创建原型的工具。这款原型工具具有独特的手绘风格。软件的内置组件, 拖拽功能的支持为设计带来了便利。该工具有桌面版本, 同时也可以作为Google Drive, Confluence 和 JIRA的插件使用。

a1869e5c-f8de-4b21-871f-73936a38a1c2

4. Justinmind

价格:

l 试用期-30 天

l 专业版本- $29/月 (包年$19/月)

JustinMind是由西班牙JustinMind公司出品的原型制作工具,主要致力于高保真原型。它提供的功能有绘图工具,拖放位置,大小,格式和导出/导入的小部件。你还可以自定义小组件,创建自定义组件库,并进行分类, 提供丰富的动画支持。如果你要创建复杂的高保真原型, 可以尝试这款工具。缺点就是需要一定的学习成本,程序启动也比较慢。

e6b29486-f648-4fa2-8b04-36d99d7dc566

5. InVision

价格

l 免费版- 一个项目

l 初级版 – 3 个项目 = $15/月

l 专业版 – 无项目限制 = $25/月

l 团队版 – 无项目限制, 5 个用户 = $100/月

l 企业版 – 无项目限制, 高级功能

InVision是一款设计原型交互的工具。使用InVision可以很好的实现团队之间的协作, 也便于收集反馈意见。它可以让你将静态的网页,移动app设计图快速的变成可以点击, 具有交互效果的动态原型。让你的设计“活”起来。

7fa06850-8cbc-497c-9933-3d583e8b5c52

6. UX Pin

价格:

l 基础版- $ 19 /月

l 专业版 - $29/月

l 专业版+ - $49/月

UXPin是一款在线原型设计工具。你可以通过拖拽的方式快速创建原型,无需敲一行代码。通过UXpin,你可以创建高保真原型,同时也支持从Sketch和Photoshop导入你的设计。

4447ddd0-a2c8-4e7b-86a3-b23537a8d330

7. OmniGraffle

价格:

Mac

l 标准版- $ 99.99/注册码

l 专业版 - $199.99/注册码

iOS

l 标准版- $ 49.99/注册码

l 专业版 - $99.98/注册码

OmniGraffle是由来自美国的The Omni Group制作的一款原型设计工具,这款工具只针对苹果用户,有OS X版和iOS 版。它曾获得2002年的苹果设计奖。可以使用它快速绘制线框图、图表、流程图等。用Origami创建iPhone和iPad原型是比较好的选择。

4e740a52-4017-45ef-90a9-79ba46a39c69

8. Flinto

价格:

l Flinto Lite(网页版)- $ 20/月

l Flinto for Mac - $99/注册码

Flinto可以让你快速的为web、移动app设计交互。通过拖拽,可以快速的为你的设计图设置跳转和动画。Flinto提供了常用的转场效果。如果你需要设计iOS app的交互演示效果,Flinto是不错的选择。

2e6e37c3-97c3-422b-b55c-9c6fbcf14611

总结:

市场上的原型设计工具各色各样,很难定义谁是最好的。这还主要取决于你的个人喜好和设计需求。如果你正在寻找一款简单易用,又实惠的原型设计工具,个人认为Mockplus是很理想的选择,不像Axure、Justinmind那样繁复,也比Balsamiq功能强大。这是国内第一款原型设计工具,服务和支持也做得很好。如果你愿意支付高额的价格,需要复杂的原型,并且英语也很好,那你可以选择Axure,不过个人认为Axure比较笨重。

原作者:Becky Horne

原文地址:https://medium.com/@Mockplus/8-ux-and-ui-wireframe-tools-you-must-try-in-2016-f8fbcccf7f6e#.on44f9ruz

原创文章,作者:yanz kontol,如若转载,请注明出处:https://www.iamue.com/12731/

(0)
yanz kontolyanz kontol
上一篇 2016-02-13
下一篇 2016-02-15

相关推荐

  • Justinmind v6.7新功能:直接调用 ILLustrator 修改 SVG 格式的矢量图形

    原文标题:利用Justinmind 6.7 新功能编辑、制作、使用矢量图标 Justinmind 6.7 提供了对 ILLustrator 矢量图形编辑、复制粘贴的支持,便得在Justinmind中使用高保真图标成为很容易的事情。下面,介绍如何利用网上…

    JustinMind 2015-08-25
  • 从零开始学Axure原型设计(入门篇)

    如果说Sketch是最美、最简洁的设计软件,那么Axure就是最强大的原型制作软件。Axure不仅能制作静态的视觉稿、页面,还能添加交互动作,是进行原型设计的最佳软件之一。虽然Axure的学习曲线比较陡峭,但是掌握之后可…

    2016-01-06
  • 019. 菜单组件——axure线框图部件库介绍

    软件类的教程,我写不出长篇大论,这里面的都是基础的操作,希望初学者,根据一个功能演示,可以自己测试其他功能菜单的效果! Axure自带的菜单组件,我几乎没有用到过,做菜单导航,我第一时间想到的还是矩形组件…

    2014-09-12
  • 【Mockplus教程】标尺和参考线

    每个页面都拥有单独的标尺和参考线,可以用于辅助组件的对齐以及尺寸调整。   1. 使用标尺   新建页面之后,在主菜单中选择“显示标尺”即可看到工作区左边和上边显示出 标尺。标尺有两种显示方式:百分比…

    Mockplus 2015-08-31
  • Chinco(摩客串串)——App原型交互演示利器

    Chinco是继国产原型设计软件Mockplus之后,由摩客团队独立设计开发,秉持了摩客团队“关注设计,而非工具”的一贯理念和产品风格。 Chinco是一款用于App原型交互演示的工具,为UX/UI设计师、交互设计师、视觉设计师的…

    2015-11-18
  • 【Mockplus官方教程】mockplus为什么在Windows XP上无法安装?

    此前微软官方已经声明不再维护Windows XP系统, Mockplus出于长远考虑,决定不支持XP系统以腾出精力积极支持Windows 7 / 8 / 10。 对于还在使用Windows XP系统的用户,可以使用Mockplus  Web轻便版来做原型设计。 …

    2015-07-31
  • 关于交互设计你需要先了解的几件事

    交互设计思想第一章:关于交互设计你需要先了解的几件事 作者:@阿西-UED 对于还不不知道什么是交互设计的人来说我们真的需要费一点篇幅来唠一唠什么是交互设计,关于交互都与什么有关,我们需要怎么学习交互,交互…

    原型设计教程 2014-09-22
  • axure 折叠菜单

    第一步:拖拽三个”动态面板“空间到制作区,分别命名为MB1、MB2、MB3,属性width:200,height:130。 每个动态面板都设置两个状态,分别为State1、State2。 打开MB1面板的State1状态,在里面添加一个名称为section1…

    2015-01-12
  • axure日常使用问题集锦,不断更新!

    1. axure生成的原型文件,如何自动隐藏sitemap和page notes 答:axure默认打开的都是index为索引的文件,我们只需要打开其他的页面文件,就可以自动隐藏sitemap和page notes 2. axure 6.5版 如何让一个部件在页面向…

    原型设计教程 2014-09-12
  • 在熟练使用2B铅笔前,请不要打开Axure

    在互联网产品领域,Axure已成为产品经理、产品设计师以及交互设计师的必备工具,从某种程度讲,Axure帮助我们建立低保真模型,便于与用户的需求验证,也帮助我们构思交互细节,使前端和开发人员更容易理解我们的产品;但从另一方面讲,Axure绑架了我们的思维,让很多产品经理和设计师养成了“无Axure不设计”的恶习,忽略了用户故事、功能规格和信息架构,甚至走入“为了用Axure而用的误区”,导致了资源的大量浪费和产品的硬伤。因此,提醒为Axure着迷的产品经理:在熟练使用2B铅笔前,请不要打开Axure。

    2015-01-01