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

相关推荐

  • 关于Axure rp的相关介绍

    Axure RP 能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。 Axure正确的英文发音应该是(ak sh…

    2014-09-09
  • UE网国内首发:Axure APP:Axshare APP下载地址非google play

    很多童鞋反应googleplay下载不下来,我们发布在 UE社区 以后各种新的东东想第一时间知道欢迎安装我们的UE小组APP 请需要的同学尝鲜下载。 http://www.iamue.cn/read.php?tid=16&fid=2 不过阿西这里要提醒下,这…

    2015-05-25
  • 如何从3个方面判断是否做交互动画

    IOS 7出来后,交互动画立刻成为设计师的抢手货,有关动效设计的教程都趁势火了一把,但是很少有人讨论到底该不该做交互动画,如果做,为什么?今天终于有同学分享了他的观点,一旦符合文中提到的3个方面,那死心塌…

    2014-09-28
  • Justinmind 2015年更新回顾

      2015年是激动人心的一年!今年,我们已经推出了许多新的功能,为您带来一个更美好的原型开发工具。下面,我们回顾下2015年justinmind的改进。                 &nb…

    2016-01-06
  • 【Mockplus教程】表格

    Mockplus对于表格的控制,采用的是通过文字来控制外形和数据的方法。稍微熟悉后,你会发现,这种方式可以很快地组装表格。 如图,这里是一个表格: 双击这个表格,进入编辑,看到如下的文字: 好像很难? 别急,我…

    Mockplus 2015-10-17
  • 阿西JsutinMind日记 之 幻灯片自动播放与左右滑动

    新项目为了给客户演示高保真的移动设备交互原型,故采用JustinMind工具。 国内资料很少,好在阿西使用过多款交互设计工具,大体都差不多,摸索着前行吧。。。   1.认识一下JsutinMind里的,这个动态面板理论上…

    2015-03-23
  • 苹果用户怎么部署Axure环境-imac&axure

    iMac安装各种必备软件,当然少不了Axure这个吃饭的软件 下载地址在页面底部 ★ 汉化方法: 首先退出正在运行中的 Axure (如果您正在使用). 将 lang.rar 文件解压, 得到 default 文件. ★ Windows版 ① 复制 default 文…

    2014-12-10
  • 为什么要做艾欧交互学堂网站-@阿西-UED

    我是阿西,艾欧交互学堂的管理员,自己想了很久,做这个项目究竟是为了神马? 可能目前大家还没关注到我们,但是等将来你们关注到后,肯定也有这个疑问,就是这个人为什么要做一件看似不靠谱的事情呢? 这里就要解…

    原型设计教程 2014-09-14
  • 干货:关于响应式布局

    【导读】响应式布局是在如今屏幕尺寸越来越多样化趋势下的解决之道,但是该如何去做响应式布局呢? 在谈响应式布局前,我们先梳理下网页设计中整体页面排版布局,常见的主要有如下几种类型: 布局类型

    2015-03-19
  • Mockplus原型交互跟我做之8 - 使用交互状态,快速搞定简单交互

    Mockplus交互 = 页面链接 + 组件交互 +交互状态。

    2016-02-18