主流原型设计工具介绍

发布时间 2023-05-21 12:04:21作者: 墨色诗薇

  原型设计是将想法转变为设计过程中十分重要的环节,而原型工具允许我们在设计过程中快速创建交互式模型,模拟应用程序的功能和流程。当下原型工具种类繁多,下面将介绍几种主流的原型设计工具及其使用。

 

一.Axure RP

 

  Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。

总体来说,是知名度最高的原型工具。它的功能全面且强大,让它在行业里具有无与伦比的竞争力,但是相对来说操作复杂有一定使用门槛,使用也需要高昂的价格,因此也劝退了不少人。

 

使用特点:

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

 

使用方法:

 

 

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

  顶部为菜单栏和工具栏,具体用法类似我们常用的办公软件。

  右侧为元件属性页面,用于做一些交互效果和编辑元件样式的界面。

 

二.墨刀

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

 

使用特点:

  1. 墨刀推出的模板项目丰富;
  2. 新出的版本更加强化了协同管理功能,满足了更大规模团队的需求;
  3. 设计界面清爽大方,让设计原型的过程顺畅高效;

 

使用方法:

  首先登录之后,在右上角可以创建应用;

  应用创建之后,可以选择不同的类型,比如ipad,iphone等;

  进入之后,界面如下:

  这个图中表明了各部分功能以及样式,经常用到的就是左侧的控件区以及右侧的一个页面和元素列表。

 

 

   对其编辑的方式像Axure一样,可以直接把控件拖拽到编辑区域进行编辑,在右侧会显示这些组件的排列,可以双击这个组件对颜色和内容等进行编辑

   关于界面跳转,这款工具比Axure的使用更加方便。它不再需要设计交互事件等,只需要点击组件,再拉一条线到你想要的跳转界面就可以实现,十分便捷有没有!

 

 

三.摹客RP

  摹客RP是一款集快速设计、强大交互、矢量编辑于一体的设计工具。支持多人实时编辑,更能与摹客平台完美结合,快速进行设计协作和交付。官方提供各种类型的设计模板,同时支持桌面版和Web版,灵活地满足大家的使用需求。

 

使用特点:

  1. 推出后,一直在迭代维护,产品相对成熟;
  2. 网页版和客户端都可以使用,两端的功能是一样的,依赖于网络同步, 设计效果是互通的。
  3. 保真度高;
  4. 自带交互效果的预设组件、海量图标、高自由度的编辑方式,有完善的 矢量编辑功能;
  5. 相比其他的工具,摹客RP永久免费不花钱;

 

使用方法:

 

1.创建项目:打开Mockplus,点击新建项目,选择“手机”项目类型与合适的页面尺寸,点击“确定”即创建成功,是不是不能更简单!无需任何文件创建操作,无需输入任何文字!

 

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

 

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

 

 

4.“首页”页面用到的组件:形状组件、搜索框组件、图片组件、多行文字组件。“发现”页面用到的组件:形状组件、图片组件、多行文字组件

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

5.使用内容面板快速切换内容:

(1).拖出内容面板,点击“+”创建3个层,每层分别拖拽链接点连接到三个内容页面。

(2).将底部导航栏的三个选项依次连接到内容面板的三个层

 

四.三种工具的对比

1.使用成本:

Axure价格目前定在289美元到589美元之间,使用成本最高;墨刀,其部分便捷功能需要花钱购买,大部分基础功能免费;摹客RP永久免费不花钱,这点对我们学生党来说是真香。

 

2.自带的元件库和模板品质:

相比Axure,其他两种工具的基础元件库、组件库含量都很大,Axure组件比较基础,需要自己下载组件包,无法覆盖到更多的产品设计场景。

 

3.使用上手度与界面设计:

Axure很多组件使用起来很繁琐,对于初学者上手比较慢。摹客RP整体的页 面结构和Axure十分接近,熟悉Axure的也能立刻上手摹 客,相比这种经 典的布局,墨刀的界面设计更给人一种清爽简雅的感觉。此外,同样作为后 来居上工具,摹客比墨刀要复杂一点,但是设计出来的页面也更好看,但是 两个其实大差不差。

 

4.功能体验:

相对于Axure,摹客能实现简单的交互效果,复杂的交互无法满足,如设置选中、动态面板切换、中继器等等;Axure的交互做的很不错,优于其他两个工具。

 

5.团队协作:

墨刀因为是在线工具,他的协作能力也略强于Axure,适合多岗位沟通;

摹客RP也类似墨刀,打开浏览器就能使用,直接线上即可完成编辑、协作、 保存,省去了本地保存和原型文档携带的问题,利用团队的协作。

 

 

五.总结:

 

对于目前市面上许多较为知名且广泛使用的原型设计工具,我们不应该单单挑选一个,长期使用下去。正如我们对这些原型工具的了解,它们具有不同的使用场景,或者说在特定项目或者环境下,不同原型工具展现出来的效果是有差异的。

工具本身只是一个辅助作用,我们更该专注于我们的需求,比如我们需要建立什么样的模块?需要什么程度的保真?这些都是我们考虑的重点。因此,我们应该关注并尝试交替使用这些流行的工具,了解它们各自应用场景、使用特点,以应用自如,更好辅助设计过程。