首页 > 其他分享 >主流原型设计工具介绍

主流原型设计工具介绍

时间:2023-05-21 12:37:46浏览次数:34  
标签:墨刀 主流 原型 组件 设计 Axure 工具

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

 

一.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也类似墨刀,打开浏览器就能使用,直接线上即可完成编辑、协作、 保存,省去了本地保存和原型文档携带的问题,利用团队的协作。

 

 

五.总结:

 

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

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

标签:墨刀,主流,原型,组件,设计,Axure,工具
From: https://www.cnblogs.com/nikonikoni/p/17418425.html

相关文章

  • 主流原型设计工具介绍
    AxureRP:AxureRP是一款功能强大、专业水平较高的原型设计工具,它的核心特点如下:高度交互性:AxureRP可以轻松地创建复杂的交互,比如各种复杂的表单交互和动态操作。实时数据模拟:AxureRP可以与现有的数据库进行连接,从而可以实时模拟动态数据。多设备适配:AxureRP提供了......
  • 康耐视Visionpro工具-CogPMAlignTool为什么是最牛工具?
    1.算法:有六种选项,分别是:PatMax,PatQuick,PatMax与PatQuick,PatFlex,PatMax-高灵敏度,透视Patmax。PatQuick特点:速度最快,对于三维或者低质量原件最佳,承受更多图像差异;PatMax特点:精确度最高,在二维元件上表现佳,最适合于细微细节;PatFlex特点:为高度灵活的图案设计,在弯曲不平......
  • Java生成二维码及条形码工具
    一:前言二维码是一种可以存储信息的矩形图案,它可以在移动设备上进行扫描和读取信息。Java语言中有许多库可以用于生成和解码二维码,其中com.google.zxing是一种常用的库。com.google.zxing是一个开源的Java库,它可以用于生成和解码各种类型的二维码和条形码。这个库的优点是易......
  • CDK——零依赖容器渗透工具包
     https://github.com/cdk-team/CDK/wiki/CDK-Home-CN概述CDK是一个开源的容器渗透工具包,旨在在不依赖任何操作系统的情况下在不同的精简容器中提供稳定的利用。它带有有用的网络工具和许多强大的PoCs/EXPs,可以帮助你轻松地逃离容器并接管K8s集群。快速开始运行cdkeva以......
  • SpringBoot读取Yml配置文件工具类
    SpringBoot读取Yml配置文件工具类在某些特定的环境,需要在非SpringBean中读取Yml文件,可以使用以下方式读取:需要依赖<dependency><groupId>com.google.guava</groupId><artifactId>guava</artifactId><version>24.1-jre</v......
  • 源代码管理工具博客
    为了解决在软件开发过程中遇见的各种繁琐的问题,比如说无法实现多人同时开发,无法对代码进行合理保存,无法对比软件版本之间的差异……因此,诞生了各种各样的源代码管理工具:git,CVS,SVN,Clearcase,VSS等这些工具具有追踪项目全过程,记录内容的变化,方便查阅特定版本修订情况的功能......
  • 一些原型设计工具简介
    原型设计是UI/UX设计中至关重要的一步,就像用户体验中的其他环节一样,有数不清的原型工具可以帮你完成原型设计。01PixsoPixso是一个集多种功能于一身的在线设计工具,可以完成从线框图、原型设计、UI设计到协作、设计系统管理、开发人员交付等各种环节。使用Pixso制作原型......
  • Linux命令行的输入输出重定向和管道:灵活处理数据的魔法工具
    概要:本文详细介绍了在Linux中使用输入重定向、输出重定向和管道的方法,以及它们在命令行操作中的实用性。通过适当的使用输入输出重定向和管道,我们可以灵活地处理命令的输入和输出,从而提高工作效率。文章通过丰富的示例说明了各种重定向和管道的用法,让读者能够轻松理解和应用这些功......
  • centos 带宽测试工具iperf3安装使用
    一、简介iperf3是一个TCP、UDP和SCTP网络带宽测量工具。是用于主动测量IP网络上可达到的最大带宽的工具。它支持调整与时序,协议和缓冲区有关的各种参数。对于每个测试,它都会报告测得的吞吐量/比特率,损耗和其他参数。此版本有时称为iperf3,是对NLANR/DAST开发的原始版......
  • 源代码管理工具GitHub使用指南-以“寻舍网”项目为例
    GitHub是一个面向开源及私有软件项目的托管平台,因为只支持Git作为唯一的版本库格式进行托管,故名GitHub。GitHub于2008年4月10日正式上线,除了Git代码仓库托管及基本的Web管理界面以外,还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱(报表)、代码片段分享......