首页 > 代码库 > 几种常用App原型设计工具详解

几种常用App原型设计工具详解

摘要:用于App开发的原型设计工具已有很多,鱼龙混杂,这对有潜在选择恐惧症者来说可不是一件好事,今天大家就和小编一起深入认识一下几种常用的App原型设计工具。

DevStore实用篇——深入了解几种常用App原型设计工具

大家都在用的Axure

Axure RP,即Axure Rapid Prototyping是最常用的快速原型设计工具之一,帮助负责定义需求和规格、设计功能和界面的用户快速创建线框图、流程图、原型和规格说明文档,可用于应用软件和Web网站设计,支持多人协作设计和版本控制管理。

Axure RP的用户群体非常宽泛,包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师、架构师、程序开发工程师等相关从业者。

Axure RP优点:

1、擅长原型设计的复杂交互行为;

2、拥有良好的培训和文档支持;

3、拥有多种元素样式,可增加独立元素交互性;

4、内置的插件库可以定制特殊的动作和行为。

虽然Axure的应用几乎已成惯例,但它也有自己的缺点:

1、陡峭的学习曲线,对于初学者来说不算容易;

2、在导出HTML之前无法对原型进行预览;

3、原型的web展示并不支持所有的浏览器,比如,对于谷歌浏览器就必须要使用插件才能观看;

4、对其它设备的支持较差。

但就小编看来,Axure最大的优点是在细节交互,而最大的缺点是它更多用于商业使用。

表现形式极为丰富的Balsamiq Mockup

Balsamiq Mockups是一款快速原型的设计软件,既能快速设计草图,又能较好地进入到平时团队工作的流程和工具。

Balsamiq Mockups的优势也极为明显:

基于Adobe Air,提供的原型图基于XML格式,能够流畅的在不同浏览器,不同操作系统平台下完美运行,可以在线使用,亦可以离线使用,能够很顺利地将其安装在Windows 7、FreeBSD、Ubuntu等平台中,高效率地完成每个原型设计任务。

Balsamiq Mockups还具有极其丰富的表现形式,设计效果非常美观。它支持几乎所有的HTML控件原型图,比如按钮(基本按钮、单选按钮等)、文本框、下拉菜单、树形菜单、进度条、多选项卡、日历控件、颜色控件、表格、Windows窗体等。除此以外,它还支持Phone手机元素原型图,极大地方便了开发iPhone应用程序的软件工程师。

Balsamiq Mockups的lisence授权对于个人用户来说可能算是价格不菲。 

专属移动APP原型设计的Justinmind 

JustinMind可以输出Html页面,与目前主流的交互原型设计工具相比更为专属于设计移动终端上app应用。Justinmind Prototyper的收费版本提供iPhone,android,ipad等交互组件,并有丰富的动态效果,但免费版就要简单一些。Justinmind Prototyper同时提供winxp,win7和mac os的版本。

1、JustinMind的可视化工作环境支持以鼠标的方式创建带有注释的高保真原型;

2、提供多种触屏的交互效果,例如滑动、缩放、旋转,甚至捕捉设备方向等,在需要产生效果的部件中选择对应的手势即可;

3、JustinMind为iPhone、iPad、黑莓、Android提供了多样的组件,可以创建自定义组件库;

4、比Axure,JustinMind更好的提供了属性窗口,并且更好的支持捕获PS等软件的图像属性;

5、可以通过拖拽等方式来实现跳转、定向等交互效果,无需像Axure一样每一步都只能通过点击来完成。

Fluid UI

Fluid UI也是一个手机应用原型开发工具,支持iOS、Android、WP系统。FluidUI支持Chrome、Safari、Firefox浏览器,可以在Windows、Mac、Linux系统上运行操作,没有平台限制,支持添加手势,让开发者几分钟内便轻轻松松地完成原型创建。

Fluid UI还有其他一些特点:

1、提供了易懂的操作流程和非常直观的用户体验,用户可以随意的拖动任意的组件并控制它们的大小;

2、使用FluidUI进行原型创作可同步保存到云端,并实时更新,无需任何编程即可直接生成可在智能手机上运行的App原型。

3、Fluid UI提供了付费和免费两个版本,但免费的版本限制你只能在一个应用中创建10个界面。

GUI Design Studio(GDS)

GUI Design Studio面向应用软件设计图形用户界面,适合客户端软件设计。能够快速将设计思路以可视化的方式来表现出来,并实现基本的交互,便于演示以及与客户完成有效沟通交流。

GUI Design Studio支持所有基于微软Windows 平台的软件,提供的了大部分C/S、B/S组件的示意图,可组合使用,是一款非常款适合界面原型设计者和界面原型开发员的软件,能够满足一般应用软件界面模型设计需要。

App原型设计的工具还有不少,比如Proto.io、Mockup Builder,AppCooker、FluidUI 、开源手绘风格原型图绘制工具 Pencil、功能全面但并不复杂的Lumzy等,都有不错的用户群,开发者们可以根据自身具体情况选择合适的原型设计工具,提供应用开发效率。

更多文章:DevStore开发者服务商店

几种常用App原型设计工具详解