原型工具介绍———墨刀以及Axure
目录
一 背景介绍
二 比较两款原型工具
三 墨刀原型工具的学习
四 心得体会
一 背景介绍
1 墨刀
1.1墨刀介绍:墨刀是一款国产在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅。用户群体包括:产品经理、设计、研发、运营销售、创业者等。
1.2 功能介绍
1.操作简单:简单拖拽和设置,可将想法、创意变成产品原型。
2.演示:多种演示模式,项目演示效果逼真。
3.团队协作:可以与同事共同编辑原型,提高效率;一键分享发送给别人;还可在原型上打点、评论,收集反馈意见,高效协作。
4.交互简单:简单拖拽就可实现页面跳转,还可通过交互面板实现复杂交互。
5.素材库:内置丰富的行业素材库,也可创建自己的素材库、共享团队组件库,高频素材直接复用。
6.免费:支持产品设计、工作流、原型预览、Sketch标注插件、移动端演示,可免费创建3个项目,每个项目20个页面,以及总共50MB素材容量。 [1]
7.分为个人专业版和企业版:个人专业版享受免费版所有功能,可以创建不限数量的项目及页面,支持文件导出;企业版可以享受专业版所有功能,支持添加企业成员,进行成员协作及管理,共享企业自定义素材库。方便进行成员管理、项目管理及数据管理。
2.Axure
2.1Axure介绍
Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理 。
2.2 功能介绍
1.导航面板
在绘制线框图(Wireframe)或流程图(Flow)之前,应该先思考界面框架,决定信息内容与层级。可以对页面进行添加、删除和重命名,以及页面组织排序。
2.控件
控件是用于设计线框图的用户界面元素。在控件面板中包含有常用的控件,如按钮、图片、文本框等。可以添加控件、操作控件、编辑控件风格和属性
3.注释
可以为控件添加注释,以说明控件的功能。
4.页面备注
页面备注可对页面进行描述和说明。
二 比较两款原型工具
其中现在最常用的原型图工具主要包括axure和墨刀。
axure优点:作为老牌的原型图工具,功能最齐全,交互最多样,基本任何想要的效果都可以实现,尤其在制作PC端原型图上有优势。
axure缺点:Axure的动态面板、中继器等功能都是强大的,但不容易搞懂。AXURE的素材也是一个问题,大部分PM 都会在AXURE原型库、素材库去寻找相应的第三方素材库,进行载入。需要花费相应的时间。
墨刀优点:其控件的拖拉、大小的调整,都会自然的去匹配相应的母版大小。无需去担心有多移动一点或多 选择一点。并且墨刀的系统控件都是基于APP,以及系统平台IOS和安卓,因此在里面可以首先选择相应的设备布局,减少了不少工作环节。
墨刀缺点:在交互效果上、控件组合上,操作面板的选择上都不如AXURE 灵活,并且效果切换因为是采用连线的方式,有时候会让使用者脑子错乱的感觉。目前原型的交互效果系统自带的还比较少,但基本满足日常所有原型的使用。另外需要充费才能够使用更强大的共享创建功能。
三 墨刀原型工具的学习
由于是第一次运用原型设计工具设计软件,于是选择了新手比较好上手的墨刀原型工具,虽然可能功能没有那么完整,但已经基本够用。以下我对网易云音乐app首页面进行了简单的临摹,通过临摹对于学习过程进行简单介绍。
3.1 创建新的应用
访问墨刀官网,登录之后新建项目,可以选择不同的模板和设备类型,填写应用名称之后即可完成应用的创建。
1.编辑应用
点击我们创建的对应应用进行编辑,进去之后会看到下图,其分为菜单栏、组件栏、编辑栏和预览排列栏几个部分。最左边是组件栏,我们可以在这里选择需要的组件,然后拖拽到中间编辑栏中进行设计;中间编辑栏里可以对选取的组件进行编辑;右边是预览排列,就是最终我们看到的页面的基本排列。

2.组件的使用:

3.样式设计:
4.页面展示(对网易云进行临摹):

四 心得体会
墨刀,这个软件专门用来做原型图,对于新手来说功能还是很强大的,尤其是里面的状态组件,用好了可以实现很多功能。进入墨刀一开始就是项目管理界面,然后可以新建项目,也可以使用模板,不过模板也是要收费的。我通过试用期进行了许多功能的试用,墨刀里面左边是组件、组合、母版、图标,右边是页面,中间是编辑区,总的来说功能还是很多,用起来也比较方便,只是日后如果还要使用的话,需要缴费才能享用更多模块,总体用下来感觉还可以,自我感觉重要的有链接、母版和状态,用的好应该能做出很多效果出来。



浙公网安备 33010602011771号