一.了解背景

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

Axure RP:Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建各种图和一些规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。

二.下面分开介绍一下这两款工具:

2.1 Axure RP:

1.进入之后先进行注册,注册之后,一些功能才能正常使用。

2.注册过后,进入到一个空白的界面,之后我们主要在这个界面进行操作;

3.接下来介绍axure界面中常用的几个部件:

(1)主菜单和工具条;

(3)各种组建在的地方

(5)操作面板;

(6)交互设置面板;

4.介绍一下主要的控件:

5.界面设计:

在一侧的libraries中直接拖动需要的组件放在右侧操作面板中即可。(若是制作手机应用界面,经常先设置一个矩形框,并根据手机分辨率进行设置界面大小)

首先,我们可以按照一般手机分辨率设置一个矩形框:设置大小为640*960

接下来,我们拖动一个Button,并对它进行一些设置:

点击之后,右侧的属性面板有三个可以选择的标签:

6.交互事件:

点击一个控件之后,在一侧的inspector page一栏中,有如下样式:

点击AddCase可以为这个控件添加各样的事件;

如下所示:

7.通过axureSHARE,实现团队合作:

Axure RP特点之一就是可以进行高效的团队合作,实现进度和代码的管理,下面简单介绍一下如何实现:

首先在网站上注册账号,登陆之后,按照提示创建项目,如下:

在Axure RP中在Team中可以创建团队项目;

2.2墨刀:

墨刀可以在网页上直接使用,这也是十分方便的一个方面,下面主要讲一下它的使用。

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

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

进入之后,主要是讲解一下这个界面:

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

接下来主要是一些编辑的方式。

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

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

三.比较

Axure RP十分的强大,但是也有缺点。比如说里面很多组件使用起来很繁琐,对于初学者上手比较慢。另外,Axure RP中的一些默认的图标使用起来真的不是很好看,所以很多人在使用的时候会导入一些外部的素材库。

对于墨刀,我觉得让我感受最深刻的是,不需要设计母板的模式布局。在创建的时候就选择了母板的类型,所以以后不会出现这类问题;

但是,对于一些交互方式,墨刀跳转页面时,主要是拉一条线过去,没有Axure那么灵活,所以在这个方面,Axure还是有它强大之处的。

在做一些强大的功能时,个人认为Axure还是比墨刀强大一些。

四.总结心得:

其实上学期学了一门移动开发的课程,在课上就主要学习了Axure RP的使用。过了快半年,有一些组件的使用有些忘了(这也体现出Axure中一些组件的使用有些复杂),这次作业让我有温故知新的感觉。另外,之前并没有听说过其他原型构建工具,通过这次作业,我了解到了类似的工具还有:xiaopiu,Sketch和摩客等,同时也着重了解和体验了一下墨刀这个工具。用完之后,就觉得也没有哪个好和哪个不好,针对不同的人和不同的情景,每一个设计工具都有他自己的优势。总结起来,收获还是有的,不仅温故知新,而且还学了新的简单好用的工具。

五.参考文献

(1)https://baike.baidu.com/item/%E5%A2%A8%E5%88%80/20111640?fr=aladdin

(2)https://baike.baidu.com/item/axure%20rp/9653646?fromtitle=axure&fromid=5056136&fr=aladdin

原型工具——墨刀以及Axure的比较相关推荐

  1. 原型工具介绍———墨刀以及Axure RP比较

    原型工具--墨刀以及Axure的比较 1759233 目录 一.了解背景... 1 二.下面分开介绍一下这两款工具... 1 2.1 Axure RP. 1 2.2墨刀... 6 三.比较... 8 ...

  2. 界面原型设计工具Balsamiq、墨刀、Axure、Mockplus

    Balsamiq的体验 这个基于Adobe AIR Runtime的工具实在是有让人眼前一亮的感觉,手绘风格的元件样式粗犷淋漓,能创建接近于纸上手绘的原型文件.其提供了丰富的手绘风格的web常用元件, ...

  3. 产品经理原型工具选择:墨刀和axure的区别?

    产品经理的最基本一项技能就是熟练使用原型工具,但是很多新入门的产品经理会困惑,如何选择原型图工具? 墨刀+axure就够用了. 墨刀主要是移动端原型,axure全能但是素材库比较麻烦. 对于我来说这要 ...

  4. 原型设计工具——“墨刀”的介绍与基本教程

    一.产品介绍 (1)产品简介: 墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理.设计师.开发.销售.运营及创业者等用户群体,能够搭建为产品原型,演示项目效果. (2)产品logo: (3)发展历 ...

  5. 【原型化开发】原型设计工具——墨刀

    文章目录 一.概述 二.原型界面展示 一.概述 原型化开发是软件开发的一种常用方法.开发人员对用户提出的问题进行总结,就系统的主要需求取得一致意见后,开发出一个原型并运行之,然后反复对原型进行修改,使 ...

  6. 系统原型设计图工具--墨刀 使用

    因项目需求,需要设计一个项目的系统原型设计图,根据网上推荐,选择了一个原型设计工具–墨刀,这个工具使用简单,易上手,可以让一个初学者快速的设计出原型界面. 墨刀使用:要先注册登录才能合理的使用这个工具 ...

  7. axure怎么转换成php,墨刀和axure的区别是什么?

    区别:axure功能最齐全,交互最多样,基本任何想要的效果都可以实现,尤其在制作PC端原型图上有优势:但是不容易搞懂.墨刀简化了基础的操作,操作简单:但在交互效果上.控件组合上,操作面板的选择上都不如 ...

  8. 墨刀和axure的区别

    产品经理的最基本一项技能就是熟练使用原型工具,但是很多新入门的产品经理会困惑,如何选择原型图工具? 工具/原料 Axure 墨刀 方法/步骤 1 原型图工具有axure.墨刀.摩客(Mockplus) ...

  9. 产品经理应该学习墨刀还是Axure?

    我记得有位诗人说过:to be or not to be,this is a question,翻译过来就是:生存还是毁灭,这是个问题.如果放到我们产品经理这个职业中,可能就衍生出这么一个问题:产品经 ...

  10. 第一次原型分享——墨刀之底部导航栏

    墨刀与Axure各有优缺点 墨刀简单,容易上手,但可修改性较差. 用Axure设计原型时,每个零部件都需要自己一个一个设计,较为灵活,但做出的原型分享较为困难. 今天给大家用墨刀讲解一个组件制作--底 ...

最新文章

  1. AI芯片下一步怎么走?“从软件中来,到软件中去”
  2. Spring Cloud Alibaba基础教程:Nacos配置的加载规则详解
  3. java 的23种设计模式 单例模式
  4. 利用正则匹配数字后边的字符_图解正则——字符匹配
  5. web框架应具备的功能
  6. 6-4 建立学生信息链表 (20 分)
  7. ocp oracle 考试报名_获得Oracle认证对拓展职业前景的影响
  8. XP+WIN7双系统安装,备份,启动菜单修复
  9. [凡文]Docker+Jenkins+Gradle+GitLab在Linux服务端自动化构建Android包
  10. 剑指offer之java缓存总结,从单机缓存到分布式缓存架构
  11. 数据表字段不存在 php,laravel 使用原生表达式增加原数据表不存在的字段
  12. 设计讨论:设计什么样的框架?
  13. 【转载】动态载入DLL所需要的三个函数详解(LoadLibrary,GetProcAddress,FreeLibrary)...
  14. 第十章 提升论文的可读性 --《英语科技写作(文法与修辞原则)》by 方克涛
  15. 基于数据安全的风险评估-数据资产识别
  16. ps的初级教程:去痘痘-庞姿姿
  17. [人工智能-深度学习-32]:卷积神经网络CNN - 常见分类网络- AlexNet网络结构分析与详解
  18. 浅谈To B与To C的区别
  19. python 自动化测试(2):针对密码输入框为密码控件时的解决方案
  20. 淘宝网店如何提升无线端宝贝权重,抢占更多无线流量?

热门文章

  1. 如何将NOAA官网下载的气象雷达原始数据显示为PPI图
  2. 解决AudioCont...HTMLMediaElement already connected previously to a different MediaElementSourceNode.问题
  3. webrtc视频卡顿分析一本地视频卡顿
  4. 5G工业路由器5G工业网关的区别
  5. linux下XAMP集成开发环境搭建流程总结
  6. 停止内耗:过一个不累的人生-读书笔记
  7. pandoc 转换html,pandoc将markdown转换输出HTML slide
  8. c#调用触滑输入法实现触摸屏键盘功能
  9. 脸书AI首席开发布道师:如何贡献PyTorch代码
  10. workman nohup启动start.php