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制作App原型怎样设置尺寸?

    最近有几位小伙伴儿都提出同样一个疑问:想用Axure设计一个 APP原型 放到真实的移动设备中演示,但不知道应该使用什么尺寸?
    若要解释清楚像素和分辨率需要的篇幅比较长,请大家参考百度百科。
    这里金乌直接给大家提供一个常用的移动设备尺寸列表,制作原型时根据查询的尺寸在axure中设置大小即可,设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接口( include Viewport tag ),并进行配置即可。

    2014-12-31
  • 设计师必看:8处满足原型设计的矢量图标根据地

    做原型设计时,我们往往感觉图标素材不够用,尤其是矢量图标不够。矢量图标是矢量图的一种,这种图形也叫做绘图图像,是各种设计中比较常用的图片格式之一。因为其是根据几何特性绘制,并且通过数学公式计算获得,…

    2023-03-03
  • 阿西JUSTINMIND学习日记:justinmind官方公布的快捷键列表(全部)

    常规快捷键 Windows OS X 剪切 Ctrl + X ⌘ + X 复制 Ctrl + C ⌘ + C 粘贴 Ctrl + V ⌘ + V 副本(复制) Ctrl + D or Ctrl + Click 并拖动 ⌘ + D or ⌘ + Click 并拖动 删除 Delete 或 退格键 Delete 或 退格键 撤销 …

    2015-06-16
  • Axure官方教程中文版第4课:构建交互动作-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/Axure.com-learn(4).MP4 新建文件 1、添加一个按钮和两个文本框 2、禁用第二个文本框 3、设置第一个文本框不可点击 4、设置第二文本可用 5、将第二个文本框设置获…

    2015-01-26
  • Axure官方核心训练手册PDF(翻译)

    原文链接:http://www.axure.com/learn [button type="warning" text="你一定在找下载按钮! 我就是咯~" url="http://vdisk.weibo.com/lc/39hnccunqVIwNCwvF5b" open_new_tab="true"] 密码:J026  

    2015-08-13
  • 025. axure网格设置

    Axure默认的界面是没有把网格显示出来,没有网格在制作原型的时候,对齐方面不是很好,个人习惯还是把网格显示出来,便于组件对齐和布局。 其实本来这篇文章应该叫做网格与参考线,只是本人对参考线的应用还很局限…

    2014-09-11
  • 原型设计

    一、什么是原型设计 原型设计可以概括的说是整个产品正式发布上线之前的一个框架设计等。 我们先来看一个项目失败的案例。 经过漫长的谈判过程,终于拿下了一份大合同,同时项目成员按照所谓的需求说明书(也许需求…

    2015-06-16
  • Axure RP 8 BETA

    新一代的Axure 8.0 现在推出 beta版本   [button type="danger" text="官网下载beta版本" url="http://www.axure.com/beta" open_new_tab="true"] 快速下载地址: Win版下载地址:http://pan.baidu.com/s/1o6p…

    2015-08-13
  • axure 折叠菜单

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

    2015-01-12
  • Mockplus原型交互跟我做之3 - 认识“链接点”

    Mockplus能够快速设置交互,其中有一个东西,你必须熟悉,就是“链接点”。

    2016-01-22