原型设计工具

1. Mockplus

摹客（Mockplus）是成都摹客科技有限公司旗下设计协作品牌，专注于一站式的产品设计和协作平台，为产品开发团队提供全流程协作、高保真设计和设计规范管理支持。摹客可以自产出高保真设计，支持多款主流设计工具（Sketch/PS/XD/Axure等）的设计稿交付，团队成员在产品、设计到开发的各个工作环节，利用多种设计工具，都能使用摹客平台协同工作。

使用方法及步骤

创建项目：打开Mockplus，点击新建项目，选择项目类型与合适的页面尺寸，点击“确定”即创建成功，无需任何文件创建操作，无需输入任何文字！

底部导航栏制作：在左侧图标选项卡中搜索你想要的图标，配合单行文字组件，只需数秒即可完成底部导航栏制作。将图标与单行文字编为组，大小、样式、文字均可编辑。

制作原型内容页面：在项目树中新建三个内容页面，在左侧的组件选项卡中搜索需要的组件，拖拽应用即可。

“首页”页面用到的组件：形状组件、搜索框组件、图片组件、多行文字组件。

“发现”页面用到的组件：形状组件、图片组件、多行文字组件

“我的”页面用到的组件：图标组件、多行文字组件、按钮组件

 

优点：

1.基础版免费使用，操作简单，上手快，交互简单(只需拖曳就可以)，功能多样，组件资源丰富，预览方式和导出类型多样，支持团队协作。

2.有原型演示，可以帮助前端设计师、后端程序员更好地理解你的原型产品。

3.mockplus有组件库和图标库，界面设计较为方便。

缺点：

1.不支持鼠标悬停，手机预览不是很清楚，日历表组件是静态的。

2.表格功能还需要完善。

 

2. Balsamiq

Balsamiq Mockups是一种软件工程中快速原型的建立软件，可以做为与用户交互的一个界面草图，一旦客户认可可以做为美工开发HTML的原型使用。

使用方法及步骤：

界面介绍 ：窗口中间是画布，上方是工具栏（支持拖拽和快捷搜索工具），左侧是在不同的画布间进行切换，右边是显示和调整选中控件的参数。

新建控件 ：在工具栏中找到“Browser”并将其拖拽到画布中

单机画布空白处显示窗口效果，双击控件即可编辑内容 

锁定/解锁控件：右键点击控件菜单中第一项可锁定控件，右键点击被锁定控件菜单中第一项即可解锁。

组合/取消组合：选中第一个控件，按住Ctrl选中第二个控件，再按Ctrl+G即可快速组合，再按Ctrl+Shift+G可取消组合

Balsamiq Mockups的优点和特色
可存：告别纸质线框图吧；
易用：UI控件支持自动拖拽，并且可以实现自动对齐；
美观：手绘风格，简约清爽；
丰富：从按钮到输入框，从导航条到页面、表格，甚至包括了最潮的Iphone元素；
方便：对元素的修改除了工具栏外，还可以使用隐藏编辑框，支持快捷键；
兼容：可使用XML语言保存元素，也可以导出PNG图片，可以插入到任何项目；
跨平台：Windows、Mac OS、Linux下都可以使用，还有能集成在Confluence，JIRA，和XWiki中的版本，对了，如果你没时间下载桌面版，还可以直接使用网页版的Balsamiq Mockups…

 

3.axure rp

Axure RP是一款专业的快速原型设计工具。Axure（发音：Ack-sure），代表美国Axure公司；RP则是Rapid Prototyping（快速原型）的缩写。

Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理  。

Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等，另外，架构师、程序员也在使用Axure。

 

工作环境：

Axure RP 的工作环境:Windows、OS X。

1.主菜单和工具

RP界面：执行常用操作，如文件打开、保存文件，格式化控件，自动生成原型和规格说明书等操作。

2.站点地图面板:对所设计的页面（包括线框图和流程图）进行添加、删除、重命名和组织页面层次。

3.控件面板:该面板包含线框图控件和流程图控件，另外，你还可以载入已有的部件库（*.rplib文件）创建自己的部件库。

4.模块面板:一种可以复用的特殊页面，在该面板中可进行模块的添加、删除、重命名和组织模块分类层次。

5.线框图工作区:线框图工作区也叫页面工作区，线框图工作区是你进行原型设计的主要区域，在该区域中你可以设计线框图、流程图、自定义部件、模块。

6.页面注释和交互区:添加和管理页面级的注释和交互。

7.控件交互面板:定义控件的交互，如：链接、弹出、动态显示和隐藏等。

8.控件注释面板:对控件的功能进行注释说明。

 

优点：

1、一种通信工具 开发人员、企业业主和可用性测试，传达互动的概念可以节约节省了时间，金钱。

2、Axure rp可以在PC和Mac之间通用

3、可以提前知道用户的反应

4、更快的复制粘贴

5、更好的展现你想表达的、有利于推销你的产品

缺点：

1.正版的Axure售价高，学生等群体可能负担不起。

2.动态面板和中继器较为复杂，要完全弄懂也需要一定的时间成本，学习成本高。

3.Axure只支持在本地设计。

基本功能介绍：https://www.axure.com.cn/78577