原型设计工具

此为软件开发与创新设计的作业，要求如下：

---

 

介绍主流原型设计工具。可以对比介绍几种不同的原型设计工具的特点和使用方法，也可以重点介绍其中一种。

---

 

一.原型设计工具简介

原型设计工具是软件开发过程中非常重要的一个工具，它能够帮助用户快速、高效地创建交互式界面原型，从而在软件或网站的开发前期进行产品设计和功能实现的验证。它们的作用主要体现在以下几个方面：

1. 验证用户需求：原型设计工具可以快速制作出交互式的产品原型，让用户在实际操作中提出意见和建议，从而更好地验证产品的功能和界面设计是否符合用户的需求。

2. 提高效率：原型设计工具可以快速创建原型，实现快速迭代，有效提高设计效率。

3. 降低成本：使用原型设计工具可以有效地避免产品设计的失误，从而降低后期开发成本。

4. 协作设计：原型设计工具支持团队协作设计，能够使团队成员在同一个平台上进行交互和沟通，提高团队协作效率。

5. 交互体验：原型设计工具可以帮助用户创造更好的用户体验，通过模拟用户的交互操作，从而提高产品的交互性和可用性。

二.主流原型设计工具介绍

1.Pixso

价格：免费

适合人群：产品经理 | UI设计师 | 团队用户 | 多地办公用户

优势：

1、多人线上协作，链接交付

2、丰富的素材库，能快速搭建原型

3、原型到设计一体化平台，产设全流程解决

Pixso具备非常成熟的原型设计功能，编辑页内置的组件库能够让小白也快速搭建好APP产品的低保真原型。同时提供多种交互动作，能够直接在编辑页进行动效演示。

 

 

除了这一点，更重要的是Pixso是一款集原型、设计、协同、交付和资源管理于一体的软件。它是搭载在web端的软件，支持多人直接在线上进入同一文档。

目前腾讯文档等在线文档也是这么一个设计，相比起本地软件，这样的协作方式能大幅度提升效率。所有文件均可以通过链接打开，一方面方便设计稿件的储存和随时开展工作，另一方面，它能更加促进协同。

同时，相较于比起sketch的专供macOS用户，Pixso是支持Windows、macOS、Linux各个平台！而对比起其他大部分原型设计工具，Pixso打开web直接能用，也更为轻便。

 

2.墨刀

价格：收费

适合人群：产品经理 | 团队用户

优势：

1、专业的原型工具

2、主打协作交付

与Pixso这款设计一体化软件有所不同，摹客的功能更加垂直，它主要功能集中在产品原型设计和协作交付这两大板块。

墨刀具有海量组件库，能方便产品经理快速地绘制出简易原型图，更高效地开始团队沟通。同时因为是在线工具，他的协作能力也略强于Axure，适合多岗位沟通，减少了信息对齐方面的不便。

用惯了Axure的产品也不用担心项目工作资料无法衔接，墨刀支持导入Axure文件，很好的解决了项目工作软件转移问题。

 

3.Figma

 

价格：个人用户免费，团队需付费

 

优势：

 

1、一体化设计平台

 

2、素材资源充足

 

适合人群：设计师 | 团队用户 | 海外用户 | 有一定英文水平用户

 

Figma其实是一款结合了原型、设计等于一体的设计软件，但和Pixso一样，用它来做原型设计，也非常方便。

 

如果选择figma，主要是便捷在【无需下载，线上即可操作】，这一点对于需要协同的团队来说无疑省去了许多步骤。

 

比如Axure的一个劣势【无法全团队通用】，在figma这儿就能很好的解决，设计师与产品都选择figma作为生产工具，且通过链接传输，从原型到设计的转接，会比另两款软件顺畅更多。

 

而目前能做到这一点的几乎只有Pixso、figma等几款软件。

 

但figma对于国内用户来说，局限性也很明显 —— 服务器建在海外，运行速度有一定影响。同时它暂时没有中文版，中文插件不稳定，因此只推荐给有一定英文水平的用户。

 

 

4.慕客RP

 

价格：免费

优势：

1. 自带交互效果的预设组件、海量图标、便捷的编辑方式，快速产出设计。
2. 支持页面交互、状态交互、组件交互，以及设置多种触发方式和交互动作，轻松制作精细交互效果。
3. 钢笔工具、铅笔工具、布尔运算、响应式布局等特色功能，设计创作自由随心。
4. 支持多人同时在线编辑同一项目，共同完成原型设计。
5. 设计稿中支持直接绘制流程图，清晰呈现项目逻辑。
6. 强大的协作功能：团队评审、工程师查看页面数据、复制代码、撰写在线文档、任务管理

适宜场景：中高保真原型，快速原型， 团队协作，WEB/移动端/平板原型，线框图，视觉稿

具备 强大的高保真原型设计能力 和 团队协作能力。不仅保证了快速产出和精细设计两不误，同时满足产品经理、设计师的需要，摹客RP的协作能力更是不容小觑：多人实时编辑，便捷的团队评审，工程师查看页面数据、复制代码等强大功能非常适合团队使用。

 

5.Axure RP

价格：30天免费

优势：

1. 支持交互设计
2. 生成规格说明文档
3. 输出HTML原型
4. 版本控制管理
5. 支持多人协作设计
6. 母版功能
7. 支持动态面板和复用模板

适宜场景：视觉稿/高保真原型，大型复杂项目，Web线框图，网页原型

 Axure RP是一款专业设计师不容错过的免费原型设计工具，设计师可以用它快速创建应用软件或Web线框图、流程图、原型和规格说明文档。作为一款专业的设计工具，它能快速、高效的创建原型，但对于新手来说，需要投入较高的学习成本。

 

三.Axure RP简单使用

 

以做一个简单的登录界面为例：

 

先在文件区导入所需的图片和素材。

新建登录页面，将准备好的登录图片拖到工作区

 

新建一个登录入口的页面

 

 

把准备好的图片和手机素材导入该页面，对齐

 

 

在“元件”区域搜索热区控件

 将该控件拖到工作区中在逻辑上能点击的按钮区域，调整至和按钮大小一致

 点击“登录”热区，在右侧点击交互，点击新建交互

 

 选择单击时

 选择打开链接

 选择刚刚建立好的登录界面

 点击完成，建立成功

 点击预览

 此时会跳转到浏览器里，点击刚刚操作的热区所在的按钮，会自动跳转到登录界面。

 

 该登录界面也可以像上面的操作一样建立手机边框，用热区建立交互实现页面跳转，从而实现原型设计的功能。

 

以上只是对Azure RP的一个非常简单的使用，Azure RP还有很多控件和属性，组合起来可以实现非常复杂的功能，供开发人员预先的设计使用，总的来说这款软件功能十分强大，但正因如此学习成本也较高。