主流原型设计工具介绍

原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物，交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导致该产品的可用性。原型设计是将想法转变为设计过程中十分重要的环节，而原型工具允许我们在设计过程中快速创建交互式模型，模拟应用程序的功能和流程。当下原型工具种类繁多，下面将介绍几种主流的原型设计工具及其使用。

一.Axure RP

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

交互设计

控件交互面板用于定义线框图中控件的行为，包含定义简单的链接和复杂的RIA 行为，所定义的交互都可以在将来生成的原型中进行操作执行。

在控件交互面板中可以定义控件的交互，交互事件(Events) 、场景( Cases)和动作(Actions)组成:

用户操作界面时就会触发事件，如鼠标的 OnClick、OnMouseEnter 和 OnMouseOut;

每个事件可以包含多个场景，场景也就是事件触发后要满足的条件;

每个场景可执行多个动作，例如:打开链接、显示面板、隐藏面板、移动面板。

使用特点

1. 保真度高
2. 支持多人协作设计，也支持交互设计
3. 功能板块全面，实现效果多样
4. 采用了极简主义的设计，界面布局清爽简洁
5. 具有一键生成功能，可一键生成原型设计文档

使用界面和方法

该页面是Axure RP的使用界面，左下角是一些元件库，我们可以把它当做一个图形模具库，可以直接拖动进来编辑，如图所示拖动矩形。

顶部为菜单栏和工具栏

右侧为元件属性页面，用于编辑元件的属性以实现自己想要的效果

二.墨刀

墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。墨刀同时也是协作平台，项目成员可以协作编辑、审阅，不管是产品想法展示，还是向客户收集产品反馈，向投资人进行Demo展示，或是在团队内部协作沟通、项目管理

使用特点

1. 操作简单。

2. 真机设备边框、沉浸感全屏、离线模式等多种演示模式，项目演示效果逼真。

3. 团队协作与同事共同编辑原型，效率提升；一键分享发送给别人，分享便捷；还可在原型上打点、评论，收集反馈意见，高效协作。

4. 交互简单

使用界面和方法

点击文件，进入设计页面，可以导出文件、可编辑文件、设置视图显示、偏好设置、可查看帮助和快捷键，也可直接看快速入门文档指导和当前版本更新。
你也可以讲在Axure中设计的原型导入墨刀进行设计

AdobeXD

Adobe XD是一站式UX/UI设计平台，在这款产品上面用户可以进行移动应用和网页设计与原型制作。同时它也是一款结合设计与建立原型功能，并同时提供工业级性能的跨平台设计产品。设计师使用Adobe XD可以高效准确的完成静态编译或者框架图到交互原型的转变

使用特点

1. Adobe XD支持广泛的设计任务，从线框、原型到高保真度的交互式设计，都可以在这款软件中完成。
2. 此外，Adobe XD还具备强大的原型制作功能，支持设计和开发人员创建丰富的交互式原型，这些原型可以直接在浏览器中查看和测试。
3. Adobe XD的界面简洁直观，且不断更新增加新功能，以满足设计师在现代设计工作中的需求。

使用界面和方法

可以使用语音功能、自动动画、拖动手势和定期转换来创建互动原型。使用自动制作动画和拖动手势来创建语音设计和原型构建的原型，并使用定期转换。

你可以在预览时预览原型中的交互性，并将交互录制为 MP4 文件。

如需链接画板或设置交互，请选择画板或对象，然后单击右箭头。这时会显示一条线。只需拖动连接，并将其连接到另一个对象或画板上。指定弹出窗口中的过渡选项和过渡持续时间。也可以使用叠加模拟过渡的概念，而无需跨越多个画板来复制内容。
单击应用程序右上角的“预览”图标。它会显示一个预览屏幕。有了这个屏幕，你可以在不同的页面之间查看不同的页面并导航。“预览”屏幕有一个“录制”图标。有了这个图标，你可以记录页面之间的过程并保存它 MP4 格式

总结

如今市面上有着许多优秀的原型设计工具，这些工具有这不同的侧重点和功能。没有最好的原型设计工具，好的原型软件应该是能够满足你需求的工具。相信以上介绍的三个优质的原型设计工具可以成为你选择之一。