主流原型设计工具介绍Axure RP，Sketch，墨刀

Axure RP

工具特点：Axure RP 是一款功能强大的原型设计工具，它可以帮助用户创建交互式的网站和应用程序原型。它提供了多种预设组件和模板，用户可以根据自己的需求进行修改。此外，Axure RP 还支持多人协作，方便团队内部沟通和合作。

使用方法：
（1）在 Axure RP 中创建新项目。
（2）选择所需的组件和模板，进行修改和编辑。
（3）将所需的页面链接起来，形成一个完整的原型。
（4）导出原型文件并进行测试和评估。

 

例子：使用Axure RP制作一个合同管理系统交互界面

步骤：

1：选择元素：首先需要选择要添加互动特效的元素。在Axure RP中，可以通过鼠标拖拽来选择元素。

2：添加交互事件：选中元素后，在右侧属性面板中选择“交互”选项卡，然后点击“添加交互”按钮。在弹出的对话框中，选择要添加的交互类型，比如“单击”、“鼠标悬停”等。

3：设置交互动作：在添加交互事件后，需要设置交互动作。比如，如果选择了“单击”事件，可以设置点击后元素的状态变化，或者添加跳转链接等。

4：预览互动效果：在设置完交互动作后，可以通过点击“预览”按钮来查看元素的互动效果。

5：添加条件判断：如果需要根据不同的条件来触发不同的交互动作，可以添加条件判断。比如，可以根据用户的选择来显示不同的页面内容。

 

Sketch

工具特点：

Sketch 是一款 Mac 平台上的原型设计工具，它专注于 UI 设计和矢量绘图。Sketch 的设计界面简洁明了，易于使用，并提供了丰富的插件和资源库，可以帮助用户快速完成设计工作。

 

使用方法：

（1）在 Sketch 中创建新项目。
（2）使用各种矢量工具创建所需的 UI 元素和组件。
（3）将这些元素和组件拼合在一起，形成一个完整的原型。
（4）导出原型文件并进行测试和评估。

 

例子：使用sketch进行矢量绘图：

1：打开Sketch软件，新建一个画板。

2:在画板上选择需要绘制的工具，如画笔、形状、文本等。

3:使用工具绘制所需的图形或文字，可以通过控制面板对其进行调整。

4:如果需要，可以选择图层并使用图层面板对其进行编辑。

5:绘制完成后，可以将画板导出为常见的图片格式，如PNG或JPEG。

 

墨刀

工具特点：

简单易用：墨刀操作简单，用户可以快速上手，省去了繁琐的学习时间。
多端适配：墨刀支持多端适配，用户可以在不同设备上预览自己的设计。
实时协作：墨刀支持多人实时协作，团队成员可以在同一项目中编辑和评论设计稿。
丰富组件库：墨刀拥有丰富的组件库，包括常见的UI组件、图标、表单等，方便用户快速制作高质量的原型设计。

使用方法：

1：创建项目：在墨刀中创建一个新项目，选择适当的设备类型和屏幕大小。
2：添加组件：在项目中添加需要的组件，包括文本、图片、按钮等。
3：连接页面：将各个页面通过连接线连接起来，形成页面间的跳转关系。
4：预览设计：通过墨刀提供的预览功能，可以在不同设备上预览设计效果。
5：导出设计：完成设计后，可以导出成HTML、PDF等格式进行分享或保存

 

例子：墨刀制作UI组件

1：选择所需的画布尺寸和设备类型；
2：在画布上绘制想要的UI元素，如按钮、文本框、图片等；
3：使用墨刀提供的各种工具和特性来编辑和优化您的UI元素，例如调整大小、改变颜色、添加交互等；
4：将UI元素组合成可复用的组件，并在需要的时候使用它们；
5：为每个组件创建交互，并在原型中测试和优化UI设计。