Balsamiq Mockups原型工具使用心得

先看看对这个软件的介绍吧!

Balsamiq Mockups是产品设计师绘制线框图或产品原型界面的利器。在产品设计的需求阶段,低保真的线框图或者草图设计介于产品流程设计与高保真DEMO设计之间,在Balsamiq Mockups出现之前,流程图可以使用Visio,高保真DEMO可以使用Axure,但我们并没有好用的草图设计工具;在产品设计管理中,我们通常在产品的业务流程和数据流转已经相当明确时才开始进一步考虑产品的结构层和框架层,虽然此时纸、笔、白板都是非常简单方便的交流工具,但是他们的最大劣势就是——很难将有价值的原型保存下来。Balsamiq Mockups的出现完美的解决了这个问题。

注册:
  Balsamiq Mockups曾经可以申请免费版,但现已停止。网上能找到一些可用的注册码。。。你懂的。或者直接去下载破解版~
  
使用:


 1. Balsamiq Mockups使用非常简单,只要拖动上方的控件到下方的设计区域即可;
 2. 单击控件即会弹出控件的属性界面,每个控件都有不同的属性
 3. 最上方的一排按钮分别为撤销、还原、重复、剪切、复制、粘贴、删除、组合、取消组合、锁定位置、画面大小;
 4. 

UI库(The UI Library)
UI Library或者UI控件库,是在Application Bar下面长条形的UI控件集。它按照字母顺序列出了Mockups支持的各种UI控件类型。UI Library的主要目的是让你添加UI控件到Mockup画布,但你也可以随意尝试以获得一些灵感。
想要添加一个新的UI控件到画布,仅需要选中你希望添加的控件,然后拖放它到Mockup画布中。或者仅需要双击控件,Balsamiq Mockups便会为你放置在画布上。


Mockup画布(The Mockup Canvas)


画布是Balsamiq Mockups的主工作区。只要在画布上添加了UI控件,就可以移动、调整大小,直到符合你的想法。 
  只要使用过Visio等绘图软件,就应该能知道该软件的最基本操作,这里就不浪费时间说这些了。

我使用的是【Balsamiq Mockups 3】原型工具。系统是windows8.1,balsamiq版本为3.3.14。

官方文档地址:https://docs.balsamiq.com/desktop/

原型图的导出与导出:


balsamiq可以将项目导出到扩展名为bmpr的文件中,并从该类型的项目中导入。
balsamiq可以将项目导出到一个zip压缩包中,该压缩包中包括一个扩展名为bmml的文件,它是一种基于xml的文件格式。
balsamiq可以直接导入该zip文件或该zip文件解压缩后的文件夹。    balsamiq可以将项目中的原型图输出为PNG格式的图片。
也可以将项目中的原型图生成一个对应的JSON格式到剪贴板,并通过读取一个JSON串加载一个工程。

画法及注意事项:


 正如老师上课要求的:关注业务数据与数据视图 ;关注业务数据变化的顺序 ;更加注重于满足需求而不是美化界面。

使用原型工具的优点我认为有如下几个:

  • 原型可以降低成本时间。 便于讨论。原型能提供可详细讨论的内容。
  • 鼓励良好的沟通。原型可以促进多个团队之间展开头脑风暴,帮助他们在演示和demo过程中厘清与产品相关的概念。
  • 帮你在早期发现设计问题。原型可让你在早期阶段发现业务流程中的问题,以及其他设计问题。
  • 对可用性测试非常有用。交互性的原型可以在写代码之前进行可用性测试。

相对而言,使用该原型工具,我更加容易的与小组成员进行沟通页面设计,甚至直接撰写页面所对应的代码文件。这是我新接触该工具最大的惊喜。

下面放一些使用该原型工具我的作品:
p.s:因为使用破解版,所以并没有导出为png的功能~ 大家可以去csdn下载看看 地址如下:

http://download.csdn.net/detail/zhongdianfen7713/9866189
http://download.csdn.net/detail/zhongdianfen7713/9866187

你可能感兴趣的:(原型工具)