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

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

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

1. Axure PR

价格

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

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

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

2. Mockplus

价格:

l 基础版-永久免费

l 专业版-10/月

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

3. Balsamiq Mockups

价格

l 单个注册码 - $89

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

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

4. Justinmind

价格:

l 试用期-30 天

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

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

5. InVision

价格

l 免费版- 一个项目

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

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

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

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

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

6. UX Pin

价格:

l 基础版- $ 19 /月

l 专业版 - $29/月

l 专业版+ - $49/月

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

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原型是比较好的选择。

8. Flinto

价格:

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

l Flinto for Mac - $99/注册码

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

总结:

市场上的原型设计工具各色各样,很难定义谁是最好的。这还主要取决于你的个人喜好和设计需求。如果你正在寻找一款简单易用,又实惠的原型设计工具,个人认为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

时间: 2024-12-23 04:22:22

【转】2016你一定要试试这8款原型设计工具的相关文章

2016/9/18结对编程之需求分析与原型设计。

结对学生:031402418 汪培侨 031402618 林宇晨 使用工具:Axure Rp 7.0 PDF链接:百度云 (超过10M没法上传只能百度云了) https://pan.baidu.com/s/1c282qoK 一.需求分析(采用NABCD模型) N (Need) 年级负责人: 需要向同学收集各种自己选择志愿的信息,收集麻烦 需要通过手动汇总信息,并提交给相应的分配负责人,汇总麻烦 分配负责人: 根据年级负责人收集的信息,进行相应规则的算法排序,分配好相应的老师,有时候需要一定人工分

超赞干货!2016年新鲜出炉的20款网页开发工具推荐

越来越多的移动端和桌面端应用开始使用HTML.CSS和JS来开发了,而网页设计更是离不开这些语言.正是这种局面使得许多新的网页技术成为了可能,也催生了许多诸如React.js.Angular和Node.js这样的库.随着需求和项目的细化,开发者社区几乎每天都会有有开发者放出新的库和开发工具. 进入新年,小编推荐20款最新的实用开发工具,为各位前端和后端开发者来点干货.这20个网站中,包含了开发框架.插件.生产力工具.应用程序,还有不少开发实践案例.感兴趣的同学可以自行选择搜索使用. 1. Pre

来试试这个来自静态代码分析工具PVS Studio提供C++的小测验吧

博客搬到了fresky.github.io - Dawei XU,请各位看官挪步.最新的一篇是:来试试这个来自静态代码分析工具PVS Studio提供C++的小测验吧.

Android--那些值得你试试的 Android 竞品分析工具

那些值得你试试的 Android 竞品分析工具 原创 2016-07-05 Clock Android程序员 声明:本文为 Clock 原创,授权发布在 Android程序员公众号,转载请参考原文协议. 原文:http://www.jianshu.com/p/ba2d9eca47a2#rd 最近一段时间因为琐事(有公有私)太多,加上搬家后,家里断网了一周,虽然有很多东西想写,但却迟迟没有动手.好在目前基本事情都搞完,又可以愉快的写东西了,所以,接下来博客更新的频率将会有所提高.写博客的好处是很多

2016年第6本:简约至上--交互式设计四策略

看此书是想把勘探管理中心的网站精简一下.全书也很简短,180多页,除掉一半的图,文字估计不到100页.全书内容概括为8个字:删除.组织.隐藏.转移. 豆瓣评分8.4:https://book.douban.com/subject/5394309/ 图灵交互式设计丛书当前有28本(真够多的):https://book.douban.com/series/5907 第1章 话说简单 复杂的产品不可持续:增加的功能越多,就越难发现真正对用户有价值的新功能. 在做技术产品的设计时,至少有三个角度:管理人

前端调试效率低?试试这10个“Chrome开发者工具”使用技巧

天给大家分享一些使用“Chrome开发者工具”的小技巧.包括调试,优化页面渲染速度等.希望能提升Web开发人员的工作效率. 1,打开Shadow DOM显示 浏览器对例如Video.Password等组件进行了封装,无法查看到组件的详细代码,不利于调试.幸好,通过配置能够在元素标签器中显示被隐藏的组件代码. 实现:Settings → General → Elements → Show user agent shadow DOM 2,在控制台快速选择元素 在Chrome Dev Tools 控制

[2016年7月4周]几款开源图像处理软件评测研究

一.做图像处理软件,不可避免地要进行一些界面操作.为此收集研究能够找到的图像处理软件. 基本的要求就是能够快速打开大图片.能够显示标尺.能够在图像上面显示我所需要显示的绘图对象. 1.paint.net 2.gimp 3.cximage 4.imagestone 5.imagej 此外win7“画图”下面的画图已经做得非常成熟了,值得学习的地方也很多. 还有一种方法,就是通过直接操作coreldraw的方法进行 二.能力和可研究度分析 界面结果上来看,结合ribbon,达到“画图”的显示效果.从

阅读记录(2016年12月)

本文记录本人曾经阅读过的一些文章,其中主要包括在编程.学习过程中搜集的一些琐碎知识点等. 由于文章过多,此处只记录文章的地址,可点击查看原网页. 由于内容很多,放在一篇文章中显得太长,故每个月一篇. 2016-12-30 C++内嵌第三方EXE程序窗口 C++内嵌第三方EXE程序窗口 - 笨师兄 - 博客频道 - CSDN.NET VC可执行程序中打开另一个可执行程序并将其嵌入到主程序中-CSDN论坛-CSDN.NET-中国最大的IT技术社区 QT怎么把别的exe程序嵌入到自己的窗口中-CSDN

mac设计师系列 Adobe “全家桶” 15款设计软件 值得收藏!

文章素材来源:风云社区.简书 文章收录于:风云社区 www.scoee.com,提供1700多款mac软件下载 Adobe Creative Cloud 全线产品均可开放下载(简称Adobe CC 全家桶),Adobe Creative Cloud 为多国语言版本,支持:中文,英文,韩文,日本等多国语言, 在安装的时候可以选择自己需要的语言安装. 下面,给大家简单介绍一下adobe全家桶. 1.Photoshop Adobe Photoshop,简称“PS”,是一个由Adobe Systems开