原型设计工具

1.Axure

Axure RP是一款专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专门的原型设计工具,它比一般创建静态原型的工具如Visio、Omnigraffle、Illustrator、Photoshop、Dreamweaver、Visual Studio、FireWorks要快速、高效。

功能:用于制作快速原型的软件。也可以绘制中保真原型草图。

应用人群:产品经理、交互设计师、UI设计师、网页设计师。

原型分类:低保真(手绘草图)、中保真(使用相关软件绘制出来的)、高保真(包含效果图及原型交互)

优点:

(1)应用灵活,可拓展性强,拥有超级强大的交互制作能力。

(2)高保真的原型设计工具,名声大,专业性高。

缺点:

(1)规范性较差。编辑能力着实强大,变相导致规范性差,管理不便。

(2)难度稍大,入门较慢。鉴于其比较复杂,学习难度较大。

(3)本地型软件,可以下载html文档预览,手机预览不方便。

(4)制作原型的速度比较慢(交互操作太多),常常耽误时间,而且修改较繁琐。

软件官网: http://www.axure.com/default.aspx

 

2.Balsamiq Mockups

Balsamiq Mockups是一种软件工程中快速原型的建立软件,可以做为与用户交互的一个界面草图,一旦客户认可可以做为美工开发HTML的原型使用。它推出之后如此受欢迎的原因是在软件产品原型图设计领域,特别是web原型图设计领域,还没有哪款产品有如此丰富的表现形式。使用Balsamiq Mockups画出的原型图都是手绘风格的图像,看上去非常美观、清爽。它支持几乎所有的HTML控件原型图,比如按钮、文本框、下拉菜单、树形菜单、进度条、多选项卡、日历控件、颜色控件、表格、Windows等。除此以外,它还支持目前如火如荼的iPhone手机元素原型图,这为开发iPhone应用程序的软件工程师提供了非常好的设计图。

优点和特色

(1)易用:UI控件支持自动拖拽,并且可以实现自动对齐。

(2)美观:手绘风格,简约清爽。

(3)丰富:从按钮到输入框,从导航条到页面、表格,甚至包括了最潮的Iphone元素。

(4)方便:对元素的修改除了工具栏外,还可以使用隐藏编辑框,支持快捷键。

(5)兼容:可使用XML语言保存元素,也可以导出PNG图片,可以插入到任何项目。

(6)跨平台:Windows、Mac OS、Linux下都可以使用,还有能集成在Confluence,JIRA,和XWiki中的版本,如果没下载桌面版,还可以直接使用网页版的Balsamiq Mockups。

应用范围: Balsamiq Mockups最好用于商用web产品设计中的低保真线框图或者草图设计,相对于纸和笔,它不够灵活;相对于Axure,它不够精确。

软件官网:https://balsamiq.com/

 

3.墨刀

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

适用平台:浏览器注册使用, Windows、Mac 桌面客户端,同时支持 iOS、Android 端预览;

适用范围:墨刀为企业级用户提供权限控制、项目管理及基础项目数据统计等功能。

功能介绍:

(1)操作简单:简单拖拽和设置,即可将想法、创意变成产品原型。

(2)演示:真机设备边框、沉浸感全屏、离线模式等多种演示模式,项目演示效果逼真。

(3)团队协作:与同事共同编辑原型,效率提升;一键分享发送给别人,分享便捷;还可在原型上打点、评论,收集反馈意见,高效协作。

(4)交互简单:简单拖拽就可实现页面跳转,还可通过交互面板实现复杂交互,多种手势和转场效果,可以实现一个媲美真实产品体验的原型。

(5)自动标注及切图:将 Sketch 设计稿墨刀插件上传至墨刀,将项目链接分享给开发人员,无需登录可直接获取到每个元素宽高、间距、字体颜色等信息,支持一键下载多倍率切图。

(6)素材库:内置丰富的行业素材库,也可创建自己的素材库、共享团队组件库,高频素材直接复用。

优点:

(1)非常容易做交互,操作简单,效率极高,适合初学者。

(2)界面优美整洁。简洁的界面在一定程度上有助于提高开发人员的效率。

(3)强大的演示能力。墨刀在轻量级的移动端原型制作更加迅速,展示更加方便。

(4)分享方便。反馈及时。墨刀不仅上手快,还可以快速分享,快速查看应用在手机上的效果。反馈回复很及时,产品改进速度也很快。

缺点:

(1)应用局限性。墨刀专注于app原型设计,在后台和网页稍有乏力。

(2)需要收费。墨刀本地下载功能需要注册购买,无法直接分享给他人。

(3)归档能力不足。墨刀更倾向于链接、二维码形式输出,不能以文档输出

软件官网:https://modao.cc

 

4.Justinmind

Justinmind是由西班牙JustinMind公司出品的原型制作工具,可以输出Html页面。与目前主流的交互设计工具axure,Balsamiq Mockups等相比,Justinmind Prototyper更为专属于设计移动终端上app应用。

JustinMind的一些特性:

(1)使用JustinMind,你可以在几分钟内利用其广泛的组件和交互绘制高保真原型。它提供了一些基本的形状,如矩形和文本,还有特定的组件,如菜单,表单或数据列表。

(2)关于手势的交互效果:JustinMind提供了多种触屏的交互效果,例如滑动、缩放、旋转,甚至捕捉设备方向等等。在需要产生效果的部件中选择对应的手势即可。

(3)可以创建自己的组件库,JustinMind为iPhone ,iPad,黑莓,Android提供了多样的组件。你可以创建自定义组件库,方法是将排列好的单个组件放在一起,并将它们集体框选拖动到组件库。

(4)更为便捷的定义样式:相比Axure,JustinMind更好的提供了属性窗口,并且更好的支持捕获PS等软件的图像属性。

(5)JustinMind可以导出原型的所有信息到Microsoft Word,能够一键生成及其规范的文档。

(6)共享原型进行测试:JustinMind支持将原型上传到服务器并提供给他人进行测试,为产品的改进做出了良好的贡献。最为特别的是,基于usernote的服务允许你将原型放到移动设备上进行测试。

(7)更友好的定义交互方式:在JustinMind中,你可以通过拖拽等方式来实现跳转、定向等交互效果,无需像Axure一样每一步都只能通过点击来完成。并且显示更为直观,如进度条。

(8)同时可以通过一些简单的无代码逻辑语句实现更为高级的交互效果。

(9)全球范围内的复用、数据共享。每一个模板都让这一套组件有不同的视觉风格,变量允许将数据从一个屏幕迁移到另一个,甚至使用它们来检查是否满足条件。

软件官网:http://www.justinmind.com.cn

 

墨刀使用方法

1.选择团队项目或个人项目

2.创建原型项目或其他项目

3.添加、删除、修改组件

 

特点:1.可以实现多个项目,更加直观清晰的管理

2.可以使用模板和组件,高效产出原型

 

3.团队协同项目,可以使信息同步

posted @ 2021-05-23 19:26  Echo糕  阅读(248)  评论(0编辑  收藏  举报