本博客将介绍主流的几种原型设计工具。
1.AXURE原型设计工具
(1)Axure RP 特点:
1. Axure RP快速创建带注释的wireframe文件,并可根据所设置的时间周期,软件自动保存文档,确保文件安全。
2.Axure RP在不写任何一条html与javascript语句的情况下,通过创建的文档以及相关条件和注释,一键生成html prototype演示。
3. Axure RP根据设计稿,一键生成一致而专业的word版本的原型设计文档。
(2)怎样使用Axure:
1.基本控件很简单,拖拽相应控件(控件下方都有控件代表 名称可直接使用),然后布局整个页面。另外,模板的套用对绘制功能图以及页面布局有很大的作用。
2.给相关控件添加相关事件。
3.F5运行,看页面是否满足需求。
2.墨刀原型设计工具
墨刀分为网页版和客户端,网页版可以直接使用,客户端在网页版的功能的基础上增加了诸如可以随时提取页面中某一颜色然后应用于对应控件等小功能。
(1) 墨刀特点:
1.组件方面,墨刀更有优势: 墨刀自带了很多成熟的组件,例如键盘,开关,手机模型等;
2.交互方面,墨刀简单快捷;
(2)墨刀使用方法:
1 选择新建空白项目。
2 输入项目名称:一般使用默认设备尺寸。
3 添加导航栏:从左侧的功能栏里找到导航栏,把它拖到制制定位置。
4. 添加轮播图:从左侧的”母版“中找到”轮播图“,将它拖到制定位置。
3.MOCKPLUS原型设计工具
Balsamiq Mockups是一款快速原型的设计软件,既能快速设计草图,又能较好地进入到平时团队工作的流程和工具。基于Adobe Air,提供的原型图基于XML格式,
能够流畅的在不同浏览器,不同操作系统平台下完美运行,可以在线使用,亦可以离线使用,能够很顺利地将其安装在Windows 7、FreeBSD、Ubuntu等平台中,
高效率地完成每个原型设计任务。
(1)Balsamiq Mockups的特点:
1.可存储:存储十分方便。
2.易使用:只能说在某种程度上容易使用。
3.手绘风格:简约清爽,属于讨论型风格。
4.丰富:从按钮到输入框,从导航条到页面、表格,甚至包括了最潮的Iphone元素。
5.易扩展:可使用XML语言保存元素,也可以导出PNG图片,可以插入到任何项目。
6.跨平台:Windows、Mac OS、Linux下都可以使用
(2)Balsamiq Mockups使用方法
1.Balsamiq Mockups使用非常简单,只要拖动上方的控件到下方的设计区域即可。
2.单击控件即会弹出控件的属性界面,每个控件都有不同的属性。
3.最上方的一排按钮分别为撤销、还原、重复、剪切、复制、粘贴、删除、组合、取消组合、锁定位置、画面大小。