主流原型设计工具介绍

发布时间 2023-05-16 19:14:50作者: 小羊是我
  1. Axure

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

Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等。

优点:

  1. Axure RP快速创建带注释的wireframe文件,能够根据所设置的时间周期,软件自动保存文档,确保文件安全。

Axure支持多种交互效果,交互能力强大,包括鼠标悬停、点击、拖拽、弹出框等,可以让设计师制作出具有高度可交互性的网页原型图。

  1. Axure可以帮助设计师快速制作高质量的网页原型图,可以大大提高设计效率。Axure的组件库非常丰富,包括按钮、表格、图表、导航栏等,可以让设计师快速创建网页元素。

缺点:

  1. 使用难度较大,对于初学者来说不太容易
  2. 学习曲线较高
  3. 性价比不高

 

  2. 墨刀

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

优点:

  1. 使用方法不难,对于新手上手较为容易
  2. 可以云端保存工作,通过分享链接即可分享给他人
  3. 内置了很多组件,在一些简单的交互方面较为简单一点

 

缺点:

  1. 在交互效果上,控件组合上,操作面板,效果切换等,使用体验感不如Axure
  2.  墨刀本地下载的功能需要注册并且购买
  3. 专注于app原型设计,在后台和网页稍有乏力,应用具有局限性

 

3. Proto.io

Proto .io 也是国外一款轻便好用的在线原型设计工具,在大多数浏览器中都能使用,支持导入Sketch和PS设计稿做交互。界面清爽,拥有较为丰富的UI组件。可以直接用链接分享原型,而且因为集成了移动录屏工具,也可适用于用户测试场景。

优点:

  1. 具有丰富的UI元素,可以自己进行自定义
  2. Proto.io允许团队成员实时协作,可以轻松地共享设计和反馈,并进行版本控制
  3. Proto.io内置了一套测试工具,可以进行测试和优化原型,确保最终产品的质量和用户体验。

缺点:

  1. 交互特效较多时动画不够流畅
  2. 性价比不高

 

4. Balsamiq Mockups

Balsamiq Mockups 是一款简单的低保真线框图和原型工具,在产品设计的需求阶段,低保真的线框图或者草图设计介于产品流程设计与高保真DEMO设计之间。以手绘风的低保真输出为主要特色,美观、清爽,并且支持几乎所有的 HTML 控件原型图。

优点:

  1. 可以进行手绘
  2. 易操作,从自带的元素里可以很方便地拖拽,效果图轻易形成;元素之间的对齐都做得很到位
  3. Balsamiq Mockups更多的直接提供高度封装组件

缺点:

  1. 画出来的只是草噶,没有配色和设计风格
  2. 不能进行交互展示

 

总结:

总体来说,Axure的使用体验感及功能相较于其它工具更好,更适合于专业人员来使用;对于新手来说,墨刀是一个不错的选择,上手使用相较于其它工具更容易,适合于需要做简单的demo和领导沟通的设计师,同时也是国内的软件便于下载;Balsamiq MockupsMockPlus是非常传统的软件设计方式。对于复杂任务,操作不太灵活。这种设计,能够高效的满足常见、基本需求,但无法适应复杂、高定制化的需求。同时对于有一定美术功底的使用者来说,也是一个不错的选择;Proto .io更适合于于使用Web浏览器的产品经理或设计师。

 

Axure使用方法介绍:

以设计预约界面为例:
1.选择页面尺寸,我所选择的是自定义设备的页面尺寸

 

 

2.从元件中拖拽照片至page中,填充图片

 

3.从元件中拖拽三级标题至page中,修改标题名字和对齐方式

 

4.添加预搜索功能,以便对附近停车场进行搜索,同时添加相关按钮

 

5.添加停车场选择功能,同时添加交互,点击选择后,自动跳转到page2

 

 6.停车场选择后,添加交互跳转到page3,进行停车位的选择

 

 结果展示: