iOS,Android原型图设计软件
–>Axure RP,UIDesigner,Pencil,iPhone Mockup,Justinmind<–
#Axure RP
AxureRP - 快速原型制作软件 – 线框图,原型,规格文档,由美国Axure Software Solutions, Inc.公司开发。
AxureRP也分商业版和免费版,英文官方:http://www.axure.com/download
中文网站:http://www.axure.org/
Axure RP 能让你快速准确的创建基于Web的网站流程图、原型页面、交互体验设计、标注详细开发说明,并导出Html原型或规格的Word开发文档。(通过扩展还会支持更多的输出格式)
? 网站架构图 (Site Structure)
? 示意图 (Wireframe)
? 流程图 (Flowchart)
? 交互设计 (Interaction Design)
? 原型设计 (HTML Prototype)
? 规格文档 (Specification)
#iPhone原型制作iPhone Mockup
在iPhone Mockup里面你可以使用铅笔模式,也可以使用图表模式的编辑器。不管你选择什么,功能都是一样的,都可以很简单很方便的生成iPhone上的应用原型。你也可以分享给别人,就算你更改了设计,别人通过那个链接也一样可以看到。DEMO
产品原型制作工具FluidIA (一个非常优秀的线框图工具) DEMO
fluidIA是一个在线的但是可以下载的富用户界面原型设计工具。它基于面向对象的理念,可以让你快速完善。它设计的基本思想是团队中的任何成员,无论是设计师还是工程师都可以自由的设计自己的原型。
界面原型图绘制工具Pencil
Pencil 是一款开源的原型图绘制工具,手绘风格的,就像自己在纸上画的那样。Pencil 还可以用来绘制各种架构图和流程图,同时还提供 Firefox 的插件(点击这里安装)。
原型设计工具 Mockup Builder
Mockup Builder 是一款原型设计工具,支持网页、桌面应用、移动应用。DEMO
#UIDesigner(国产-腾讯)
UIDesigner,简称“UID”,是一款进行软件界面原型设计的工具。
它拥有强大的模板和预制功能,能够快速的搭建起软件界面的高保真原型。可以实现设计师、产品经理、程序开发工程师三者间的快速沟通,减少不必要的工作内耗。DEMO
UIDesigner 一款可以快速搭建iOS平台产品原型的设计软件,目标用户是设计师和产品经理。我们的理念是,设计出一款简单的软件,让没有设计软件基础的人都可以快速画出设计稿,表达出自己的设计想法。同时可以快速生成用于可用性测试的产品原型。
指尖上的设计
UIDesigner 2.5 for mobile是专门针对移动平台的设计软件,第一个版本先支持iOS平台,它集成了iOS系统常用控件,可以迅速拖拽到画布中生成设计稿,方便易学,很容易上手。
快速原型,想动就动
UID2.5除了可以快速搭建设计稿外,还可以快速生成可以操作体验的产品原型。即可以快速呈现整个交互流程,还可以用于可用性测试来验证设计的优劣。
除了在PC端演示,还可以将UID文件通过iTunes导入iPhone,直接在iPhone上演示,而且在iPhone上的效果还都是系统原生控件,效果和实际开发出来的效果一模一样。
持续优化细节,尊重用户习惯
目前市面上已有各种各样的设计类软件,因此UID的使用过程尽可能的保留主流设计软件的使用习惯,这样可以方便大家快速上手。
(1)简单明了的界面布局。
(2)控件缩略图、控件自动对齐功能。
(3)延续主流设计软件的快捷键,最重习惯更方便。
安装包和运行环境在附件中
运行环境:Net framework 4.0
UID官网(下载地址):http://uid.cdc.tencent.com
产品原型设计工具 Balsamiq Mockups
Balsamiq Mockups产品设计师绘制线框图或产品原型界面的利器。在产品设计的需求阶段,低保真的线框图或者草图设计介于产品流程设计与高保真DEMO设计之间,在Balsamiq Mockups出现之前,流程图可以使用Visio,高保真DEMO可以使用Axure,但我们并没有好用的草图设计工具;在产品设计管理中,我们通常在产品的业务流程和数据流转已经相当明确时才开始进一步考虑产品的结构层和框架层,虽然此时纸、笔、白板都是非常简单方便的交流工具,但是他们的最大劣势就是——很难将有价值的原型保存下来。Balsamiq Mockups的出现完美的解决了这个问题。
#界面模型插件WireframeSketcher
WireframeSketcher是一个Eclipse 插件,用于创建线框图,界面模型和UI原型。
项目正式开发前创建原型可以帮助用户和开发者理解系统,使用WireframeSketcher在Eclipse中创建能够更好的集成进入你的项目开发流程。
WireframeSketcher 提供了一个pre-drawn,text-driven 预制图,文本驱动的widgets,能够展现通用UI界面,你可以拖拽他们进入编辑器迅速画出你的界面。界面用XML存储。
网页原型制作工具FrameBox
Frame Box 并没有多么特别的特色。你可以拖放、设置大小、复制粘贴这些UI组件,但是他的特色在于你可以非常轻松的通过它的拖拽很容易就完成你的原型制作。想要用这个轻量级的免费的工具,也需要注册一下。DEMO
#Linux下的界面原型设计工具Justproto
JustProto是一个在线的网站及桌面应用的原型设计工具,它能让你用高效的方式来处理重要的信息流,能让你的项目进程更加简单、快速和高效。(商业应用,免费试用30天)
你能在JustProto上找到每个项目(任何规格)的详细说明,并可以立即处理项目中的功能改进、bug修复或评论信息。它能让项目中的所有人都对项目进展了如指掌,并让每个人在工作的同时也对项目提出自己的宝贵意见。
不管你是艺术家、项目经理、客户、网页工程师还是市场负责人,都能在这里找到你想要的东西。看来使用JustProto除了能做好原型设计外,还能很好的管理项目进度。DEMO
#Justinmind Prototyper专属移动APP原型设计的工具
目前本人在用,相比较axure,Balsamiq Mockups来说。Justinmind Prototyper更为专属于设计移动终端上app应用。至少在设计移动终端上app应用提供了难得的交互效果。DEMO
打开Justinmind Prototyper,我们可以看到需要选择原型的类型。Android,web,ipad,iPhone基本都很齐全。
Justinmind Prototyper也有收费和免费两个版本,提供了iPhone,android,ipad等交互组件。并提供丰富的动态效果。能够生成html文件。免费版本简单点,但对于个人用户者能够得到免费的体验,是一个不错的选择。
Justinmind Prototyper同时提供winxp,win7和mac os的版本。对于国内设计者多用mac系统,除了axure,alsamiq Mockups又多了一种选择。
Justinmind Prototyper左栏提供了丰富的widgets组件,还包括手势的说明,各种移动系统的版本选择,对相应的实现有link链接来完成。
Justinmind Prototyper 还提供在线发布功能,用来测试和反馈原型的功能建议。
对Justinmind Prototyper 整体试用下来,它基本上能够很好的满足了移动终端的app应用设计,它比Balsamiq Mockups更高保真,基本上用系统控件完成原型搭建。从产品界面上来说,Justinmind Prototyper更专注于移动终端的app应用设计。但好像国内的用得人不多,它的付费版本,有30天的免费使用期。
目前在用Justinmind Prototyper 做公司的产品原型设计,做完了也会发上来供大家参考。后面持续更新。。